@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Fredoka:wght@400;500;600;700&family=Nunito:wght@300;400;500;600;700&display=swap";:root{--cine-ivory:#f5efe6;--cine-amber:#e8b86d;--cine-muted:#9aa3b8;--cine-danger:#f87171;--cine-surface:#0c0e1e8c;--cine-line:#ffffff14;--cine-glass:#080a188c;--cine-glass-strong:#080a18d1;--z-nav:100;--z-contextbar:110;--z-overlay:1000;--z-auth:1500;--z-toast:2000;--font-heading:"Cormorant Garamond", Georgia, serif;--font-display:"Fredoka", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--ease-cine:cubic-bezier(.16, 1, .3, 1);--t-fast:.15s var(--ease-cine);--t-normal:.3s var(--ease-cine);--t-slow:.5s var(--ease-cine)}@media (prefers-reduced-motion:reduce){:root{--t-fast:.01ms;--t-normal:.01ms;--t-slow:.01ms}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--cine-ivory);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#03040f;overflow-x:hidden}h1,h2,h3{font-family:var(--font-heading);font-weight:500;line-height:1.2}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none}:focus-visible{outline:2px solid var(--cine-amber);outline-offset:3px;border-radius:4px}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}#root{width:100%;min-height:100dvh;position:relative}.app-shell{flex-direction:column;min-height:100dvh;display:flex;position:relative}.galaxy3d{z-index:0;pointer-events:none;position:fixed;inset:0}.galaxy3d.is-interactive{pointer-events:auto}.galaxy3d-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.galaxy3d-veil{z-index:999;opacity:1;animation:veilOut 2.6s var(--ease-cine) forwards;pointer-events:none;background:#03040f;position:fixed;inset:0}@keyframes veilOut{to{opacity:0}}.galaxy3d-tooltip{z-index:var(--z-nav);pointer-events:none;opacity:0;transition:opacity var(--t-fast);font-family:var(--font-heading);text-align:center;position:fixed;transform:translate(-50%,-100%)}.galaxy3d-tooltip.visible{opacity:1}.solar-tooltip-name{color:var(--cine-ivory);text-shadow:0 2px 12px #000000d9;font-size:15px;font-weight:500}.solar-tooltip-date{color:var(--cine-amber);margin-top:2px;font-size:12px}.app-nav{--nav-glass:linear-gradient(180deg, #161830bd, #080a18b3);--nav-edge:#ffffff17;--nav-shadow:0 24px 60px -24px #000000d9, inset 0 1px 0 #ffffff12;--nav-ease:cubic-bezier(.16, 1, .3, 1)}.nav-capsule{top:calc(14px + env(safe-area-inset-top,0px));z-index:var(--z-nav);border:1px solid var(--nav-edge);background:var(--nav-glass);max-width:calc(100vw - 32px);box-shadow:var(--nav-shadow);-webkit-backdrop-filter:blur(20px)saturate(140%);transition:opacity .9s var(--nav-ease), transform .9s var(--nav-ease);border-radius:999px;align-items:center;gap:6px;padding:5px 5px 5px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.app-nav.is-intro .nav-capsule{opacity:0;pointer-events:none;transform:translate(-50%,-14px)}.nav-brand{white-space:nowrap;align-items:center;gap:9px;padding-right:6px;display:flex}.nav-brand-heart{filter:drop-shadow(0 0 8px #f43f5e8c);flex-shrink:0}.nav-brand-count{font-family:var(--font-heading);color:var(--cine-ivory);align-items:baseline;gap:5px;display:flex}.nav-brand-number{font-variant-numeric:lining-nums;font-size:21px;font-weight:600;line-height:1}.nav-brand-label{color:var(--cine-muted);font-size:16px;font-style:italic}.nav-divider{background:linear-gradient(#0000,#ffffff29,#0000);flex-shrink:0;width:1px;height:22px}.nav-modes-track,.nav-tabbar-track{align-items:center;display:flex;position:relative}.nav-modes-track{background:#ffffff09;border-radius:999px;gap:2px;padding:3px;box-shadow:inset 0 0 0 1px #ffffff0d}.nav-beam{width:var(--indicator-w,0);transform:translateX(var(--indicator-x,0));transition:transform .56s var(--nav-ease), width .56s var(--nav-ease);pointer-events:none;background:radial-gradient(90% 120% at 50% 130%,#e8b86d6b,#e8b86d14 62%,#0000 80%),#ffffff0f;border-radius:999px;position:absolute;top:3px;bottom:3px;left:0;box-shadow:inset 0 0 0 1px #e8b86d42,0 0 28px -8px #e8b86d99}.nav-beam:after{content:"";background:linear-gradient(90deg, transparent, var(--cine-amber), transparent);border-radius:2px;height:2px;position:absolute;bottom:0;left:24%;right:24%;box-shadow:0 0 12px 1px #e8b86dcc}.nav-mode-btn,.nav-ghost-btn,.nav-upload-btn,.nav-icon-btn{height:44px;font-family:var(--font-body);letter-spacing:.01em;white-space:nowrap;color:var(--cine-muted);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:600;transition:color .24s,background-color .24s,border-color .24s;display:inline-flex}.nav-mode-btn svg,.nav-ghost-btn svg,.nav-upload-btn svg,.nav-icon-btn svg{flex-shrink:0;font-size:18px}.nav-mode-btn{z-index:1;padding:0 17px 0 15px;position:relative}.nav-mode-btn:hover,.nav-mode-btn.is-active{color:var(--cine-ivory)}.nav-mode-btn.is-active svg{color:var(--cine-amber)}.nav-actions{align-items:center;gap:2px;display:flex}.nav-ghost-btn{padding:0 14px}.nav-ghost-btn:hover:not(:disabled),.nav-icon-btn:hover,.nav-icon-btn.is-open{color:var(--cine-ivory);background:#ffffff12}.nav-ghost-btn:disabled{opacity:.35;cursor:not-allowed}.nav-upload-btn{color:var(--cine-ivory);background:#f5efe612;border:1px solid #f5efe629;margin-left:4px;padding:0 18px 0 15px}.nav-upload-btn:hover{background:#e8b86d1f;border-color:#e8b86d80}.nav-icon-btn{width:44px;padding:0}.nav-icon-btn svg{font-size:22px}.nav-menu{position:relative}.nav-menu-popover{border:1px solid var(--nav-edge);-webkit-backdrop-filter:blur(20px);transform-origin:100% 0;min-width:240px;animation:navMenuIn .22s var(--nav-ease);background:#0a0c1cf0;border-radius:18px;padding:6px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 24px 60px -20px #000000e6}@keyframes navMenuIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}.nav-menu-list{flex-direction:column;display:flex}.nav-menu-item{text-align:left;width:100%;min-height:46px;color:var(--cine-ivory);border-radius:12px;align-items:center;gap:12px;padding:0 14px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.nav-menu-item svg{color:var(--cine-muted);flex-shrink:0;font-size:18px}.nav-menu-item>span:first-of-type{flex:1}.nav-menu-item:hover{background:#ffffff0f}.nav-menu-hint{text-overflow:ellipsis;max-width:96px;color:var(--cine-muted);font-size:12.5px;overflow:hidden}.nav-menu-switch{background:#ffffff24;border-radius:999px;flex-shrink:0;width:34px;height:20px;transition:background-color .24s;position:relative}.nav-menu-switch:after{content:"";background:var(--cine-ivory);width:14px;height:14px;transition:transform .24s var(--nav-ease);border-radius:50%;position:absolute;top:3px;left:3px}.nav-menu-switch.is-on{background:var(--cine-amber)}.nav-menu-switch.is-on:after{background:#1b1408;transform:translate(14px)}.nav-menu-divider{background:#ffffff14;height:1px;margin:6px 10px}@media (width>=640px) and (width<=1023.98px){.nav-capsule .nav-label,.nav-brand-label{display:none}.nav-mode-btn,.nav-ghost-btn,.nav-upload-btn{width:44px;padding:0}.nav-mode-btn{width:52px}}@media (height<=499.98px) and (orientation:landscape){.nav-capsule{top:calc(8px + env(safe-area-inset-top,0px))}}.nav-topbar{z-index:var(--z-nav);padding:env(safe-area-inset-top,0px) 8px 14px 16px;min-height:calc(62px + env(safe-area-inset-top,0px));transition:opacity .9s var(--nav-ease), transform .9s var(--nav-ease);background:linear-gradient(#03040feb 0%,#03040f99 60%,#03040f00);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-topbar .nav-label{display:none}.nav-topbar .nav-ghost-btn,.nav-topbar .nav-upload-btn{width:44px;margin:0;padding:0}.nav-topbar .nav-upload-btn{color:var(--cine-ivory);background:0 0;border-color:#0000}.nav-tabbar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:var(--z-nav);border:1px solid var(--nav-edge);background:var(--nav-glass);box-shadow:var(--nav-shadow);-webkit-backdrop-filter:blur(20px)saturate(140%);transition:opacity .9s var(--nav-ease), transform .9s var(--nav-ease);border-radius:24px;padding:5px;position:fixed}.nav-tabbar-track{justify-content:space-between}.nav-tabbar .nav-beam{border-radius:19px;top:0;bottom:0}.nav-tab{z-index:1;min-height:54px;color:var(--cine-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;transition:color .24s;display:flex;position:relative}.nav-tab svg{font-size:22px}.nav-tab.is-active{color:var(--cine-ivory)}.nav-tab.is-active svg{color:var(--cine-amber)}.nav-tab:disabled{opacity:.35}.app-nav.is-mobile.is-intro .nav-topbar{opacity:0;pointer-events:none;transform:translateY(-10px)}.app-nav.is-mobile.is-intro .nav-tabbar{opacity:0;pointer-events:none;transform:translateY(14px)}@media (height<=499.98px) and (orientation:landscape){.nav-tab{min-height:40px}.nav-tab span{display:none}}.gallery-area{z-index:1;padding-top:88px;position:relative}@media (width<=639.98px){.gallery-area{padding-top:64px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.nav-capsule,.nav-topbar,.nav-tabbar,.nav-beam{transition:none}.nav-menu-popover{animation:none}}.selection-context-bar{z-index:var(--z-contextbar);background:var(--cine-glass-strong);border-top:1px solid var(--cine-line);opacity:0;transition:transform var(--t-normal), opacity var(--t-normal);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.selection-context-bar.active{opacity:1;transform:translateY(0)}.sel-left,.sel-right{align-items:center;gap:12px;display:flex}.sel-close{width:44px;height:44px;color:var(--cine-muted);transition:background var(--t-fast), color var(--t-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.sel-close:hover{color:var(--cine-ivory);background:#ffffff14}.sel-count{flex-direction:column;align-items:center;display:flex}.sel-count-num{color:var(--cine-amber);font-size:22px;font-weight:600;font-family:var(--font-heading);line-height:1}.sel-count-label{color:var(--cine-muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.sel-link{color:var(--cine-muted);min-height:44px;transition:background var(--t-fast), color var(--t-fast);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.sel-link:hover{color:var(--cine-ivory);background:#ffffff0f}.sel-actions{align-items:center;gap:8px;display:flex}.sel-action{color:var(--cine-muted);min-height:44px;transition:background var(--t-fast), color var(--t-fast);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.sel-action:hover:not(:disabled){color:var(--cine-ivory);background:#ffffff0f}.sel-action:disabled{opacity:.4;cursor:not-allowed}.sel-action.danger{color:var(--cine-danger)}.sel-action.danger:hover:not(:disabled){background:#f8717126}.selection-context-bar.is-mobile{flex-wrap:wrap}.selection-context-bar.is-landscape .sel-count-num{font-size:18px}.justified-grid{max-width:1400px;margin:0 auto;padding:16px}.grid-header{margin-bottom:20px}.grid-title{color:var(--cine-ivory);margin-bottom:4px;font-size:clamp(22px,4vw,32px)}.grid-meta{color:var(--cine-muted);font-size:14px}.grid-age{color:var(--cine-amber)}.grid-birthday-prompt{color:var(--cine-amber);min-height:44px;transition:background var(--t-fast);border:1px dashed #e8b86d4d;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;font-size:13px;display:flex}.grid-birthday-prompt:hover{background:#e8b86d14}.grid-rows{flex-direction:column;gap:6px;display:flex}.grid-row>.photo-tile{flex:none}.grid-row{border-radius:4px;gap:6px;display:flex;overflow:hidden}.grid-skeleton{flex-direction:column;gap:6px;display:flex}.grid-skeleton-row{background:#ffffff0a;border-radius:4px;height:130px;animation:1.5s infinite alternate shimmer}@keyframes shimmer{0%{opacity:.4}to{opacity:.8}}.photo-tile{cursor:pointer;transition:transform var(--t-normal), filter var(--t-normal);background:#0000004d;border-radius:4px;position:relative;overflow:hidden}.photo-tile.is-selected,.photo-tile.selection-mode:hover{transform:scale(.92)}.tile-image-wrap{width:100%;height:100%;position:relative;overflow:hidden}.tile-image{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-cine)}.photo-tile:hover .tile-image{transform:scale(1.03)}.tile-error{width:100%;height:100%;color:var(--cine-muted);justify-content:center;align-items:center;display:flex}.tile-skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%);width:100%;height:100%;animation:1.5s infinite shimmer}.tile-checkbox{z-index:2;cursor:pointer;width:28px;height:28px;position:absolute;top:8px;left:8px}.tile-checkbox input{width:100%;height:100%;accent-color:var(--cine-amber);cursor:pointer}.tile-overlay{opacity:0;transition:opacity var(--t-fast);background:linear-gradient(#0000 50%,#000000b3 100%);flex-direction:column;justify-content:flex-end;padding:10px;display:flex;position:absolute;inset:0}.photo-tile:hover .tile-overlay{opacity:1}.tile-overlay-bottom{flex-direction:column;gap:2px;display:flex}.tile-name{color:var(--cine-ivory);font-size:13px;font-family:var(--font-heading)}.tile-date{color:var(--cine-muted);align-items:center;gap:4px;font-size:11px;display:flex}.tile-bottom-strip{color:var(--cine-muted);background:linear-gradient(#0000,#0009);padding:6px 8px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.tile-actions{gap:4px;display:flex;position:absolute;top:8px;right:8px}.tile-actions .tile-btn.delete{opacity:0;transition:opacity var(--t-fast), background var(--t-fast), color var(--t-fast)}.photo-tile:hover .tile-actions .tile-btn.delete,.tile-actions .tile-btn.delete:focus-visible{opacity:1}.tile-btn{width:32px;height:32px;color:var(--cine-ivory);transition:background var(--t-fast);background:#00000080;border-radius:6px;justify-content:center;align-items:center;display:flex}.tile-btn:hover{background:#000000b3}.tile-btn.delete:hover{color:var(--cine-danger);background:#f871714d}.book-overlay{z-index:var(--z-overlay);background:#03040fd9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.book{background:var(--cine-glass-strong);border:1px solid var(--cine-line);width:100%;max-width:900px;animation:bookIn var(--t-slow) var(--ease-cine);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}@keyframes bookIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.book-close{z-index:3;width:36px;height:36px;color:var(--cine-ivory);transition:background var(--t-fast);background:#00000080;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.book-close:hover{background:#000000b3}.book-controls{z-index:3;gap:8px;display:flex;position:absolute;top:12px;left:12px}.book-ctrl{color:var(--cine-ivory);transition:background var(--t-fast);background:#00000080;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.book-ctrl:hover{background:#ffffff1a}.book-widespread{min-height:480px;display:flex}.book-page-left,.book-page-right{flex-direction:column;flex:1;align-items:center;padding:80px 20px 60px;display:flex}.book-page-left{background:linear-gradient(135deg,#1a1408 0%,#0d0a04 100%)}.book-page-right{background:linear-gradient(135deg,#0d0a04 0%,#1a1408 100%)}.book-photo{object-fit:contain;border-radius:4px;max-width:100%;max-height:340px;box-shadow:0 8px 32px #00000080}.book-corner{width:20px;height:20px;position:absolute}.book-corner.tl{top:12px;left:12px}.book-corner.tr{top:12px;right:12px}.book-corner.bl{bottom:12px;left:12px}.book-corner.br{bottom:12px;right:12px}.book-page-info{flex-direction:column;align-items:center;gap:4px;margin-top:16px;display:flex}.book-date{font-family:var(--font-heading);color:var(--cine-ivory);font-size:16px}.book-age{color:var(--cine-amber);font-size:13px}.book-title{color:var(--cine-ivory);margin-bottom:4px;font-size:20px}.book-meta{color:var(--cine-muted);margin-bottom:16px;font-size:12px}.book-story{flex:1;align-items:center;display:flex}.story-text{font-family:var(--font-heading);color:var(--cine-ivory);font-size:18px;font-style:italic;line-height:1.6}.story-skeleton{flex-direction:column;gap:8px;display:flex}.story-skeleton-line{background:#ffffff14;border-radius:4px;height:14px}.book-page-num{color:var(--cine-muted);margin-top:16px;font-size:12px}.book-narrow{flex-direction:column;align-items:center;gap:16px;padding:80px 20px 100px;display:flex}.book-nav{border-top:1px solid var(--cine-line);align-items:center;gap:16px;padding:16px 20px;display:flex}.book-nav-btn{color:var(--cine-muted);min-height:44px;transition:background var(--t-fast), color var(--t-fast);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.book-nav-btn:hover:not(:disabled){color:var(--cine-ivory);background:#ffffff0f}.book-nav-btn:disabled{opacity:.3;cursor:not-allowed}.book-page-indicator{color:var(--cine-muted);font-size:13px}.book-progress{background:#ffffff0f;height:3px}.book-progress-bar{background:var(--cine-amber);height:100%;transition:width var(--t-normal)}.cinema-player{z-index:var(--z-overlay);transition:opacity var(--t-normal);background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.cinema-player.controls-visible{cursor:none}.cinema-grain{pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cinema-title-card,.cinema-end-card{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.cinema-title{color:var(--cine-ivory);font-size:clamp(28px,5vw,56px);font-family:var(--font-heading)}.cinema-date-range{color:var(--cine-muted);font-size:16px}.cinema-scene-bg{position:absolute;inset:0}.cinema-bg-img{object-fit:cover;filter:blur(40px)brightness(.45);width:100%;height:100%}.cinema-scene{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cinema-photo{object-fit:contain;max-width:90%;max-height:80%}.cinema-info-bar{z-index:3;color:var(--cine-muted);font-size:14px;position:absolute;top:16px;left:16px}.cinema-captions{text-align:center;z-index:3;position:absolute;bottom:80px;left:0;right:0}.cinema-caption{font-family:var(--font-heading);color:var(--cine-ivory);font-size:clamp(14px,2.2vw,22px)}.cinema-age{color:var(--cine-amber)}.cinema-end-actions{gap:12px;margin-top:20px;display:flex}.cinema-btn{color:var(--cine-ivory);transition:background var(--t-fast);background:#ffffff14;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;display:flex}.cinema-btn:hover{background:#ffffff26}.cinema-controls{z-index:10;opacity:0;transition:opacity var(--t-fast);pointer-events:none;flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:absolute;inset:0}.cinema-player.controls-visible .cinema-controls{opacity:1;pointer-events:auto}.cinema-top-controls,.cinema-bottom-controls{justify-content:flex-end;gap:8px;display:flex}.cinema-ctrl{width:44px;height:44px;color:var(--cine-ivory);transition:background var(--t-fast);background:#00000080;border-radius:8px;justify-content:center;align-items:center;display:flex}.cinema-ctrl:hover{background:#ffffff1a}.cinema-center-controls{justify-content:center;align-items:center;gap:20px;display:flex}.cinema-btn-icon{width:56px;height:56px;color:var(--cine-ivory);transition:background var(--t-fast);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex}.cinema-btn-icon:hover:not(:disabled){background:#fff3}.cinema-btn-icon:disabled{opacity:.3;cursor:not-allowed}.cinema-progress{align-items:center;gap:3px;padding:8px 0;display:flex}.cinema-progress-segment{height:3px;transition:background var(--t-fast);background:#ffffff26;border-radius:2px;flex:1}.cinema-progress-segment.active{background:var(--cine-amber)}.cinema-progress-segment:hover{background:#ffffff4d}@media (width<=639.98px){.cinema-player{padding:0}.cinema-info-bar{font-size:12px}.cinema-progress{padding:4px 0}}.sheet-overlay{z-index:var(--z-overlay);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet-overlay.is-mobile{align-items:flex-end}.sheet-overlay.auth-overlay{z-index:var(--z-auth)}.sheet{background:var(--cine-glass-strong);border:1px solid var(--cine-line);width:100%;max-width:440px;max-height:90vh;animation:sheetIn var(--t-normal) var(--ease-cine);border-radius:16px;position:relative;overflow-y:auto}.sheet.is-mobile{max-width:100%;animation:sheetSlideIn var(--t-normal) var(--ease-cine);border-radius:20px 20px 0 0}.sheet.is-wide{max-width:560px}@keyframes sheetIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes sheetSlideIn{0%{transform:translateY(100%)}to{transform:none}}.sheet-drag-handle{background:#fff3;border-radius:2px;width:40px;height:4px;margin:12px auto}.sheet-header{border-bottom:1px solid var(--cine-line);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.sheet-title{color:var(--cine-ivory);font-size:18px}.sheet-close{width:36px;height:36px;color:var(--cine-muted);transition:background var(--t-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.sheet-close:hover{color:var(--cine-ivory);background:#ffffff14}.sheet-body{padding:20px}.confirm-dialog{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:8px 0;display:flex}.confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.confirm-icon.danger{color:var(--cine-danger);background:#f8717126}.confirm-icon.warning{color:var(--cine-amber);background:#e8b86d26}.confirm-title{color:var(--cine-ivory);font-size:20px}.confirm-message{color:var(--cine-muted);font-size:14px;line-height:1.6}.confirm-actions{gap:12px;width:100%;display:flex}.confirm-btn{min-height:44px;transition:background var(--t-fast);border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:500}.confirm-btn.cancel{color:var(--cine-muted);background:#ffffff0f}.confirm-btn.cancel:hover{color:var(--cine-ivory);background:#ffffff1a}.confirm-btn.primary{background:var(--cine-amber);color:#000}.confirm-btn.danger{background:var(--cine-danger);color:#fff}.confirm-btn.danger:hover{background:#ef4444}.lightbox-overlay{z-index:var(--z-overlay);background:#03040feb;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lightbox{background:var(--cine-glass-strong);border:1px solid var(--cine-line);width:100%;max-width:900px;animation:bookIn var(--t-slow) var(--ease-cine);border-radius:16px;position:relative;overflow:hidden}.lightbox-close{z-index:3;width:36px;height:36px;color:var(--cine-ivory);transition:background var(--t-fast);background:#00000080;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.lightbox-close:hover{background:#000000b3}.lightbox-image-wrap{justify-content:center;align-items:center;padding:16px;display:flex}.lightbox-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:60vh}.lightbox-bottom{flex-direction:column;gap:16px;padding:0 20px 20px;display:flex}.lightbox-meta{flex-direction:column;gap:8px;display:flex}.lightbox-title{color:var(--cine-ivory);font-size:20px}.lightbox-date-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lightbox-date-row input{border:1px solid var(--cine-line);color:var(--cine-ivory);background:#ffffff14;border-radius:8px;padding:6px 10px;font-size:13px}.btn-primary{background:var(--cine-amber);color:#000;border-radius:8px;min-height:36px;padding:8px 16px;font-size:13px;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.sm{min-height:32px;padding:6px 12px;font-size:12px}.lightbox-actions{flex-wrap:wrap;gap:10px;display:flex}.lb-action{color:var(--cine-muted);min-height:44px;transition:background var(--t-fast), color var(--t-fast);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.lb-action:hover{color:var(--cine-ivory);background:#ffffff0f}.lb-action.danger{color:var(--cine-danger)}.lb-action.danger:hover{background:#f871711f}@media (width<=639.98px){.lightbox{border-radius:20px 20px 0 0;max-height:95dvh;overflow-y:auto}.lightbox-image-wrap{padding:8px}.lightbox-bottom{padding:12px 16px env(safe-area-inset-bottom) 16px}.lightbox-actions{background:var(--cine-glass-strong);margin:0 -16px;padding:12px 0;position:sticky;bottom:0}}.birthday-dialog{flex-direction:column;gap:16px;display:flex}.birthday-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.birthday-icon{color:var(--cine-amber);font-size:32px}.birthday-hint{color:var(--cine-muted);font-size:13px}.birthday-input-group{align-items:center;gap:8px;display:flex}.birthday-input-group label{color:var(--cine-muted);white-space:nowrap;font-size:13px}.birthday-input{border:1px solid var(--cine-line);color:var(--cine-ivory);background:#ffffff14;border-radius:8px;flex:1;padding:8px 12px;font-size:14px}.birthday-clear{color:var(--cine-muted);border-radius:8px;min-height:44px;padding:8px 12px;font-size:13px}.birthday-clear:hover{color:var(--cine-ivory);background:#ffffff0f}.birthday-error{color:var(--cine-danger);font-size:13px}.birthday-actions{gap:12px;display:flex}.btn-cancel{color:var(--cine-muted);background:#ffffff0f;border-radius:10px;flex:1;min-height:44px;padding:12px;font-size:14px}.btn-cancel:hover{color:var(--cine-ivory);background:#ffffff1a}.timeline-view{--color-primary:#2563eb;--color-secondary:#059669;--color-accent:#d97706;--color-surface:#fff;--color-foreground:#0f172a;--color-muted:#64748b;--color-border:#e2e8f0;--color-destructive:#ef4444;--shadow-sm:0 2px 4px #2563eb08;--shadow-md:0 8px 16px -4px #2563eb0d, 0 4px 8px -2px #2563eb08;--shadow-lg:0 16px 24px -6px #2563eb14, 0 8px 12px -4px #2563eb0a;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--timeline-font-heading:"Fredoka", "Nunito", system-ui, sans-serif;max-width:1200px;color:var(--color-foreground);margin:0 auto;padding:24px 24px 40px}@media (prefers-color-scheme:dark){.timeline-view{--color-surface:#1e293b;--color-foreground:#f8fafc;--color-muted:#94a3b8;--color-border:#334155;--shadow-sm:0 2px 4px #0003;--shadow-md:0 10px 20px #00000040;--shadow-lg:0 20px 30px #00000059}}.timeline-view .glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);background-color:#fffc;border:1px solid #ffffff4d;padding:24px}@media (prefers-color-scheme:dark){.timeline-view .glass-panel{background-color:#1e293bb3;border-color:#ffffff0d}}.timeline-journey{margin-left:12px;padding-left:36px;position:relative}.timeline-journey:before{content:"";background:linear-gradient(to bottom, var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-accent) 100%);border-radius:var(--radius-full);width:4px;position:absolute;top:12px;bottom:12px;left:0}.timeline-milestone{margin-bottom:40px;position:relative}.timeline-dot{background-color:var(--color-surface);border:4px solid var(--color-primary);border-radius:var(--radius-full);width:24px;height:24px;box-shadow:var(--shadow-sm);z-index:2;animation:2.5s infinite pulseDot;position:absolute;top:4px;left:-48px}@keyframes pulseDot{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 #2563eb00}}.timeline-milestone:nth-child(2n) .timeline-dot{border-color:var(--color-secondary);animation-name:pulseDotGreen}@keyframes pulseDotGreen{0%{box-shadow:0 0 #05966966}70%{box-shadow:0 0 0 10px #05966900}to{box-shadow:0 0 #05966900}}.timeline-month-title{font-size:22px;font-family:var(--timeline-font-heading);color:var(--color-foreground);align-items:center;gap:10px;margin-bottom:20px;font-weight:600;display:flex}.timeline-month-icon{color:var(--color-primary)}.timeline-photos{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:24px;display:grid}.timeline-view .photo-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:1px solid var(--color-border);cursor:pointer;background-color:#ffffffd9;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.timeline-view .photo-card{background-color:#1e293bcc}}.timeline-view .photo-card:hover{box-shadow:var(--shadow-lg);border-color:#2563eb4d;transform:translateY(-4px)}.timeline-view .photo-checkbox-container{z-index:10;opacity:0;transition:opacity var(--transition-fast);position:absolute;top:12px;left:12px}.timeline-view .photo-card:hover .photo-checkbox-container,.timeline-view .photo-checkbox-container.visible{opacity:1}.timeline-view .photo-card-checkbox{width:22px;height:22px;accent-color:var(--color-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);pointer-events:none;border:2px solid #fff}.timeline-view .photo-image-wrapper{background-color:#0f172a0d;width:100%;padding-top:75%;position:relative;overflow:hidden}.timeline-view .photo-image{object-fit:contain;width:100%;height:100%;transition:transform var(--transition-normal);position:absolute;top:0;left:0}.timeline-view .photo-card:hover .photo-image{transform:scale(1.05)}.timeline-view .photo-overlay{opacity:0;transition:opacity var(--transition-normal);z-index:2;background:linear-gradient(#0000004d 0%,#0000 40%,#000000a6 100%);flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:absolute;inset:0}.timeline-view .photo-card:hover .photo-overlay{opacity:1}.timeline-view .overlay-top{justify-content:flex-end;display:flex}.timeline-view .action-btn{color:var(--color-foreground);border-radius:var(--radius-full);width:36px;height:36px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);background-color:#ffffffe6;justify-content:center;align-items:center;font-size:18px;display:flex}@media (prefers-color-scheme:dark){.timeline-view .photo-info-bar .action-btn{color:#0f172a}}.timeline-view .action-btn:hover{background-color:#fff;transform:scale(1.1)}.timeline-view .action-btn.delete{color:var(--color-destructive)}.timeline-view .action-btn.delete:hover{background-color:var(--color-destructive);color:#fff}.timeline-view .overlay-bottom{color:#fff}.timeline-view .photo-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;font-family:var(--timeline-font-heading);margin-bottom:4px;overflow:hidden}.timeline-view .photo-date{opacity:.9;align-items:center;gap:4px;font-size:12px;display:flex}.timeline-view .photo-info-bar{border-top:1px solid var(--color-border);background-color:#ffffff80;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}@media (prefers-color-scheme:dark){.timeline-view .photo-info-bar{background-color:#1e293b66}}.timeline-view .photo-info-actions{gap:8px;display:flex}.timeline-view .photo-size{color:var(--color-muted);font-size:13px}@media (width<=1024px){.timeline-view{padding:16px 16px 32px}}@media (width<=768px){.timeline-journey{margin-left:6px;padding-left:20px}.timeline-dot{width:18px;height:18px;top:6px;left:-30px}}@media (width<=480px){.timeline-view .photo-info-bar{padding:8px 12px}.timeline-view .photo-size{font-size:12px}}@media (prefers-reduced-motion:reduce){.timeline-dot{animation:none}}:root{--font-heading:"Cormorant Garamond", Georgia, serif;--font-body:"Nunito", system-ui, sans-serif}