:root{color:#16231f;background:#f6f1e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.login-shell{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);background:linear-gradient(90deg,#1219160f,#12191600),#f7f0e6}.site-footer{display:grid;gap:5px;margin-top:34px;padding:18px 0 4px;color:#75807b;font-size:.9rem;text-align:center}.site-footer strong{color:#0f6b5b;font-weight:900}.login-footer{position:absolute;right:clamp(24px,5vw,64px);bottom:18px;margin:0;padding:0;color:#7b847f}.hero-panel{min-height:100vh;display:flex;align-items:flex-end;padding:clamp(28px,6vw,78px);background:linear-gradient(180deg,#070e0c1a,#070e0cb8),url(/assets/tomas-birthday-hero-DfkMXkrs.png) center / cover;color:#fff}.hero-copy{max-width:740px;padding-bottom:min(6vh,56px)}.eyebrow,.date-pill{margin:0 0 10px;color:#0f6b5b;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero-panel .eyebrow{color:#f5d183}h1,h2,h3,p{overflow-wrap:anywhere}.hero-copy h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,8vw,8.8rem);line-height:.9;font-weight:700;letter-spacing:0}.hero-age{margin:18px 0 0;max-width:560px;color:#ffffffe6;font-size:clamp(1.1rem,2vw,1.55rem)}.login-panel{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,5vw,64px);background:radial-gradient(circle at top right,rgba(15,107,91,.13),transparent 42%),#fffaf2}.brand-chip,.date-pill{width:fit-content;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(15,107,91,.16);border-radius:999px;padding:8px 12px;background:#ffffffb8;color:#0f6b5b;font-weight:800}.login-panel h2{margin:28px 0 10px;font-size:clamp(2rem,4vw,3.1rem);line-height:1;letter-spacing:0}.login-panel p,.summary-copy p,.upload-zone p,.empty-state p{color:#69736e;line-height:1.6}.login-form{display:grid;gap:18px;margin-top:28px}label{display:grid;gap:8px;color:#24342f;font-size:.9rem;font-weight:800}.field{min-height:52px;display:flex;align-items:center;gap:10px;border:1px solid rgba(22,35,31,.13);border-radius:8px;padding:0 14px;background:#fff;color:#698078;box-shadow:0 10px 30px #262d2a0d}.field:focus-within{border-color:#0f6b5b;box-shadow:0 0 0 4px #0f6b5b21}input{width:100%;border:0;outline:0;background:transparent;color:#16231f}.form-error{margin:0;color:#a3322b;font-weight:800}.primary-button,.ghost-button,.icon-button{border:0;cursor:pointer;text-decoration:none}.primary-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:0 18px;background:#0f6b5b;color:#fff;font-weight:900;box-shadow:0 16px 34px #0f6b5b38}.primary-button:hover{background:#0b584b}.primary-button.compact{min-height:46px}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0 42px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0 20px}.topbar h1{margin:0;font-size:clamp(1.8rem,4vw,3.7rem);line-height:1;letter-spacing:0}.ghost-button{min-height:44px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(22,35,31,.12);border-radius:8px;padding:0 14px;background:#fffaf2;color:#16231f;font-weight:800}.summary-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;min-height:310px;border-radius:8px;padding:clamp(22px,4vw,44px);background:linear-gradient(90deg,#091210bd,#09121047),url(/assets/tomas-birthday-hero-DfkMXkrs.png) center / cover;color:#fff}.summary-copy{max-width:660px}.summary-copy h2{margin:12px 0 8px;font-size:clamp(2rem,5vw,4.5rem);line-height:.98;letter-spacing:0}.summary-copy p{margin:0;color:#ffffffd6}.stats{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px}.stats div{border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:16px;background:#ffffff29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stats strong,.stats span{display:block}.stats strong{font-size:1.5rem}.stats span{color:#ffffffc2;font-size:.82rem;font-weight:800;text-transform:uppercase}.upload-zone{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin:24px 0 16px;border:1px dashed rgba(15,107,91,.36);border-radius:8px;padding:20px;background:#fffaf2}.upload-progress{grid-column:1 / -1;display:grid;gap:8px}.upload-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#24342f;font-size:.9rem;font-weight:800}.upload-progress-meta strong{color:#0f6b5b}.upload-progress-track{overflow:hidden;height:10px;border-radius:999px;background:#dce8e3}.upload-progress-track span{display:block;height:100%;border-radius:inherit;background:#0f6b5b;transition:width .18s ease}.status-warning{margin:18px 0 0;border:1px solid rgba(163,50,43,.18);border-radius:8px;padding:14px 16px;background:#fff1ee;color:#8e2b25;font-weight:800;line-height:1.45}.upload-zone.is-dragging{background:#eaf6f2;border-color:#0f6b5b}.upload-zone input[type=file]{position:absolute;inset:0;width:1px;height:1px;opacity:0;pointer-events:none}.upload-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:8px;background:#e7f2ee;color:#0f6b5b}.upload-zone h2,.empty-state h2{margin:0 0 4px}.upload-zone p{margin:0}.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0}.search-field{width:min(100%,430px)}.filter-tabs{display:inline-grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(22,35,31,.11);border-radius:8px;padding:4px;background:#fffaf2}.filter-tabs button{min-width:78px;min-height:38px;border:0;border-radius:6px;background:transparent;color:#69736e;cursor:pointer;font-weight:900}.filter-tabs button.active{background:#0f6b5b;color:#fff;box-shadow:0 8px 20px #0f6b5b2e}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.photo-card{overflow:hidden;border:1px solid rgba(22,35,31,.1);border-radius:8px;background:#fffdf8;box-shadow:0 18px 45px #2a231a14}.photo-card img,.photo-card video{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#eadfcd}.video-placeholder{width:100%;aspect-ratio:4 / 3;display:grid;place-items:center;align-content:center;gap:10px;background:linear-gradient(135deg,#0f6b5b2e,#f5d18347),#f1eadf;color:#0f6b5b}.video-placeholder span{color:#16231f;font-weight:900}.video-thumb{position:relative}.video-thumb span{position:absolute;inset:0;display:grid;place-items:center;color:#0f6b5b}.video-thumb span svg{width:58px;height:58px;border-radius:999px;padding:14px;background:#fffaf2eb;box-shadow:0 14px 32px #0003}.heic-placeholder{width:100%;aspect-ratio:4 / 3;display:grid;place-items:center;align-content:center;gap:6px;background:linear-gradient(135deg,#0f6b5b29,#f5d1834d),#f3eadb;color:#16231f}.heic-placeholder strong{font-size:1.35rem;font-weight:900}.heic-placeholder span{color:#69736e;font-size:.86rem;font-weight:800}.photo-open{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.photo-open:focus-visible{outline:4px solid rgba(15,107,91,.28);outline-offset:-4px}.photo-meta{display:flex;justify-content:space-between;gap:12px;padding:14px}.photo-meta h3{margin:0 0 4px;font-size:1rem}.photo-meta p{margin:0;color:#7a827e;font-size:.82rem}.photo-actions{display:flex;gap:8px;flex:0 0 auto}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(22,35,31,.1);border-radius:8px;background:#f7f0e6;color:#16231f}.icon-button.danger{color:#a3322b}textarea{width:calc(100% - 28px);min-height:84px;resize:vertical;margin:0 14px 14px;border:1px solid rgba(22,35,31,.11);border-radius:8px;padding:12px;outline:0;background:#fffaf2;color:#16231f}textarea:focus{border-color:#0f6b5b;box-shadow:0 0 0 4px #0f6b5b1f}.empty-state{display:grid;place-items:center;text-align:center;min-height:260px;border:1px solid rgba(22,35,31,.1);border-radius:8px;padding:36px 20px;background:#fffaf2;color:#0f6b5b}.empty-state p{max-width:430px;margin:0}.lightbox{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:22px}.lightbox-backdrop{position:absolute;inset:0;border:0;background:#080c0be0;cursor:zoom-out}.lightbox-content{position:relative;z-index:1;width:min(calc(100vw - 44px),1120px);min-width:0;height:min(86vh,820px);display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center}.lightbox-content img,.lightbox-content video{width:100%;height:100%;min-height:0;border-radius:8px;object-fit:contain}.lightbox-close,.lightbox-nav{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#fffaf2f0;color:#16231f;cursor:pointer;box-shadow:0 18px 44px #00000038}.lightbox-close{top:0;right:0;width:46px;height:46px}.lightbox-nav{top:50%;width:52px;height:58px;transform:translateY(-50%)}.lightbox-nav.previous{left:0}.lightbox-nav.next{right:0}.lightbox-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;margin-top:12px;border-radius:8px;padding:12px 14px;background:#fffaf2f0;color:#16231f;min-width:0}.lightbox-caption strong,.lightbox-caption span{font-weight:900;min-width:0}.lightbox-caption strong{overflow-wrap:anywhere}.lightbox-caption span{color:#0f6b5b}.lightbox-caption p{grid-column:1 / -1;margin:0;color:#69736e}.lightbox-heic{width:min(100%,540px);justify-self:center;display:grid;place-items:center;gap:14px;border-radius:8px;padding:30px;background:#fffaf2;color:#16231f;text-align:center}.lightbox-heic strong{font-size:1.35rem}.lightbox-heic span{color:#69736e;line-height:1.5}@media(max-width:900px){.login-shell{grid-template-columns:1fr;padding-bottom:54px}.hero-panel,.login-panel{min-height:auto}.hero-panel{min-height:54vh}.login-footer{right:0;left:0;bottom:16px}.summary-band,.upload-zone{grid-template-columns:1fr}.stats{width:100%}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-tools{align-items:stretch;flex-direction:column}.search-field{width:100%}.lightbox{padding:12px}.lightbox-content{width:calc(100vw - 24px);height:84vh}}@media(max-width:620px){.app-shell{width:min(100% - 22px,1180px);padding-top:12px}.topbar{align-items:flex-start}.ghost-button span{display:none}.summary-band{min-height:430px;align-items:end;padding:18px}.stats,.photo-grid{grid-template-columns:1fr}.upload-zone{text-align:center}.upload-icon{margin:0 auto}.photo-meta{align-items:flex-start}.lightbox-close{top:8px;right:8px}.lightbox-nav{position:fixed;top:50vh;width:46px;height:52px;z-index:60}.lightbox-nav.previous{left:max(10px,env(safe-area-inset-left))}.lightbox-nav.next{right:max(10px,env(safe-area-inset-right))}.lightbox-caption{grid-template-columns:1fr}}