:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2f2a33;--muted:#686482;--line:#d9d6f2;--paper:#f8fbff;--surface:#fff;--aqua:#8bdeda;--blue:#43add0;--violet:#998ee0;--pink:#e17dc2;--coral:#ef9393;--mint-soft:#d9fff7;--sky-soft:#e8f7ff;--pink-soft:#fff0f9;--shadow:0 18px 44px #5e77c729}*{box-sizing:border-box}html{background:var(--paper);min-height:100%}body{min-height:100%;color:var(--ink);letter-spacing:0;background:linear-gradient(135deg,#8bdeda6b 0%,#43add038 28%,#998ee03d 56%,#e17dc233 78%,#ef939338 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(100%,780px);min-height:100vh;margin:0 auto;padding:16px 16px 92px}.auth-shell{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.auth-panel{width:min(100%,440px);box-shadow:var(--shadow);background:#ffffffd6;border-radius:8px;padding:24px}.auth-panel h1{margin:0;font-size:36px;line-height:1.08}.auth-copy{color:var(--muted);margin:14px 0 0;line-height:1.65}.login-form{gap:14px;margin-top:20px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:12px 0 18px;display:flex}.topbar h1,.toolbar h2,.panel h2,.detail-title-row h2{margin:0;line-height:1.1}.topbar h1{font-size:34px;font-weight:760}.eyebrow,.section-kicker{color:var(--muted);margin:0 0 7px;font-size:12px;font-weight:720}.mode-switch,.primary-action,.secondary-action,.danger-action,.ghost-button,.icon-button,.nav-button,.account-pill{min-height:42px;color:var(--ink);background:var(--surface);border:0;border-radius:999px;padding:0 15px;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:0 8px 20px #607dc924}.mode-switch:hover,.primary-action:hover,.secondary-action:hover,.danger-action:hover,.ghost-button:hover,.icon-button:hover,.nav-button:hover,.account-pill:hover{transform:translateY(-1px);box-shadow:0 12px 26px #607dc938}.mode-switch,.ghost-button,.icon-button,.account-pill{background:#ffffffd1}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.account-pill{color:#6c61c8;align-items:center;font-weight:760;display:inline-flex}.account-pill.muted{color:var(--muted);pointer-events:none}.mode-switch{color:#426c97;background:linear-gradient(135deg,#d8fbf7f0,#f4effff0);font-weight:760}.primary-action{color:#fff;background:linear-gradient(135deg, var(--blue), var(--violet), var(--pink))}.secondary-action{color:#6c61c8;background:linear-gradient(135deg,#f3f8ff,#fff0f9)}.danger-action{color:#bf5262;background:#fff3f3}.toolbar,.panel-heading,.detail-title-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.toolbar{margin:10px 0 16px}.toolbar h2,.panel h2{font-size:24px}.timeline-list,.family-list,.detail-view{gap:14px;display:grid}.memory-card,.panel,.family-row,.share-row{box-shadow:var(--shadow);background:#ffffffd1;border:0;border-radius:8px}.memory-card{overflow:hidden}.memory-cover{grid-template-columns:1fr 1fr 1fr;min-height:132px;display:grid}.media-tile{min-height:112px;color:var(--ink);isolation:isolate;align-content:start;padding:10px;display:grid;position:relative;overflow:hidden}.media-tile.compact{min-height:132px}.media-tile:before{z-index:-1;content:"";background:linear-gradient(135deg,#ffffff57,#ffffff05),linear-gradient(45deg,#ffffff3d 0 18%,#0000 18% 38%,#ffffff24 38% 54%,#0000 54%);position:absolute;inset:0}.media-tile.linen{background:#ffd9d2}.media-tile.mint{background:var(--aqua)}.media-tile.blue{background:#9fe0f5}.media-tile.rose{background:#f6b0dc}.media-tile.green{background:#b8f2de}.media-kind{background:#ffffff70;border:0;border-radius:999px;width:max-content;padding:3px 7px;font-size:10px;font-weight:800}.media-note{color:#2f2a33c2;background:#fff6;border-radius:999px;align-self:end;width:max-content;margin-top:auto;padding:3px 8px;font-size:11px;font-weight:760}.memory-body{padding:14px}.memory-meta,.memory-flags{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px;font-weight:680;display:flex}.memory-body h3,.family-row h3,.share-row h3{margin:10px 0 7px;font-size:18px}.memory-body p,.long-text,.share-row p,.family-row p,.muted-line{color:var(--muted);margin:0;line-height:1.65}.panel{padding:16px}.form-panel{gap:14px;display:grid}.form-submit{padding-top:4px}.form-error{color:#bf5262;margin:-2px 0 0;font-size:13px;font-weight:720}.form-note{color:#56719d;margin:-2px 0 0;font-size:13px;font-weight:700;line-height:1.6}.submit-action{width:100%;min-height:48px;font-weight:760}.field{gap:7px;display:grid}.field span{color:var(--muted);font-size:13px;font-weight:720}.field input,.field textarea,.field select{width:100%;color:var(--ink);background:#ffffffad;border:0;border-radius:8px;padding:12px;box-shadow:inset 0 0 0 1px #ffffff6b}.location-chips{flex-wrap:wrap;gap:8px;display:flex}.location-chip{color:#5e65b8;min-height:32px;box-shadow:none;background:linear-gradient(135deg,#e8f7ffeb,#fff0f9eb);border:0;border-radius:999px;padding:0 11px}.file-zone{color:#4a77b7;background:linear-gradient(135deg,#8bdeda47,#998ee033,#e17dc22e);border:0;border-radius:8px;place-items:center;min-height:112px;display:grid}.file-zone input{display:none}.upload-preview,.detail-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.detail-hero{gap:12px;display:grid}.floating-back{top:max(14px, env(safe-area-inset-top));z-index:30;color:#5e65b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;font-size:30px;line-height:1;display:grid;position:fixed;left:max(14px,50vw - 376px);box-shadow:0 12px 28px #607dc933}.ai-kicker{margin-bottom:0}.ai-copy{padding-top:8px}.status-pill{color:#276875;background:#d8fbf7;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:760}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.family-page{gap:18px;display:grid}.family-section,.share-panel{box-shadow:var(--shadow);background:#ffffffc7;border-radius:8px;padding:14px}.family-toolbar{margin:0 0 14px}.share-list{gap:10px;margin-top:14px;display:grid}.family-row,.share-row{background:#ffffffa8;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.row-actions{gap:8px;display:flex}.settings-page{gap:14px;display:grid}.settings-hero{box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffd1,#e8f7ffbd);border-radius:8px;padding:18px}.settings-hero h2,.settings-group h3{margin:0}.settings-hero p{color:var(--muted);margin:9px 0 0;line-height:1.6}.settings-group{box-shadow:var(--shadow);background:#ffffffc7;border-radius:8px;padding:14px}.trash-section{margin-top:4px}.settings-group h3{font-size:17px}.settings-list{gap:2px;margin-top:10px;display:grid}.trash-list{gap:10px;margin-top:14px;display:grid}.settings-actions{margin-top:2px;display:grid}.setting-row{justify-content:space-between;align-items:center;gap:18px;min-height:44px;padding:8px 0;display:flex}.setting-row+.setting-row{box-shadow:inset 0 1px #998ee014}.setting-row span{color:var(--muted);font-size:14px}.setting-row strong{overflow-wrap:anywhere;text-align:right;max-width:58%;font-size:15px}.empty-state{color:var(--muted);text-align:center;background:#ffffffc2;border:0;border-radius:8px;padding:24px}.cloud-status{color:#516a99;background:#ffffffb3;border-radius:8px;margin:0 0 14px;padding:12px 14px;font-size:13px;font-weight:700;line-height:1.55;box-shadow:0 10px 24px #607dc91f}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fbffeb;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,780px);margin:0 auto;padding:10px 12px 14px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 26px #607dc924}.nav-button{min-width:0;color:var(--muted)}.nav-button.active{color:#fff;background:linear-gradient(135deg, var(--blue), var(--violet), var(--pink))}@media (max-width:520px){.app-shell{padding:14px 12px 90px}.topbar h1{font-size:28px}.topbar{align-items:flex-start}.topbar-actions{flex-direction:column;align-items:flex-end}.account-pill,.mode-switch{min-height:38px;padding:0 12px;font-size:13px}.memory-cover,.media-tile.compact{min-height:112px}.toolbar h2,.panel h2{font-size:21px}.action-grid{grid-template-columns:1fr}.setting-row{align-items:flex-start}}