#screen-about{padding:calc(env(safe-area-inset-top,0px) + 80px) max(env(safe-area-inset-left,0px), 24px) calc(env(safe-area-inset-bottom,0px) + 100px) max(env(safe-area-inset-right,0px), 24px);background:var(--bg);flex-direction:column;align-items:center}.about-hero{text-align:center;max-width:680px;margin-bottom:80px}.about-headline{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:28px;font-size:clamp(2.5rem,7vw,5rem);font-weight:400;line-height:1.08}.about-headline em{color:var(--ink-2);font-style:italic}.about-lead{color:var(--ink-2);letter-spacing:-.01em;font-size:clamp(1rem,2.5vw,1.1875rem);font-weight:300;line-height:1.65}.about-chapters{flex-direction:column;gap:48px;width:100%;max-width:600px;margin-bottom:96px;display:flex}.about-chapter{align-items:flex-start;gap:24px;display:flex}.about-chapter-symbol{flex-shrink:0;margin-top:2px;font-size:1.75rem;line-height:1}.about-chapter-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:8px;font-size:clamp(1.25rem,3vw,1.625rem);font-weight:400}.about-chapter-body{color:var(--ink-2);letter-spacing:-.01em;font-size:1rem;font-weight:300;line-height:1.65}.about-closing{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:520px;display:flex}.about-closing-quote{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.375rem,3.5vw,2rem);font-weight:400;line-height:1.35}.about-closing-quote em{color:var(--ink-2);font-style:italic}.about-closing-sub{color:var(--ink-2);margin-bottom:12px;font-size:1rem;font-weight:300;line-height:1.65}.btn-ghost{font-family:var(--font-body);color:var(--ink-3);cursor:pointer;letter-spacing:-.01em;transition:color .2s var(--ease);background:0 0;border:none;font-size:.875rem}.btn-ghost:hover{color:var(--ink-2)}.about-mid-cta{flex-direction:column;align-items:center;gap:10px;margin-bottom:80px;display:flex}.about-cta-nudge{color:var(--ink-3);letter-spacing:.04em;font-size:.75rem}:root{--bg:#fff;--surface:#f5f5f7;--surface2:#e8e8ed;--border:#00000014;--border-md:#00000024;--ink:#1d1d1f;--ink-2:#6e6e73;--ink-3:#aeaeb2;--accent:#1d1d1f;--danger:#c0392b;--danger-bg:#a93226;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, sans-serif;--font-hand:"Caveat", cursive;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--ease:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);min-height:100vh;line-height:1.6;overflow-x:hidden}.hidden{display:none!important}#toast{bottom:calc(env(safe-area-inset-bottom,0px) + 32px);background:var(--ink);color:#fff;font-family:var(--font-body);opacity:0;transition:all .35s var(--ease);pointer-events:none;z-index:9999;white-space:nowrap;letter-spacing:-.01em;border-radius:100px;padding:12px 20px;font-size:.8125rem;font-weight:400;position:fixed;left:50%;transform:translate(-50%)translateY(20px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}.spinner{border:2px solid var(--border-md);border-top-color:var(--ink);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:screenIn .55s var(--ease) forwards}.serif-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:400}.empty-state{text-align:center;color:var(--ink-2);padding:48px 24px;font-size:.9375rem;font-weight:300}.nav-bottom{border-top:1px solid var(--border);background:var(--bg);align-items:center;padding:20px 24px 40px;display:flex}.toast-container{z-index:9999;pointer-events:none;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;font-family:var(--font-body);opacity:0;transition:all .35s var(--ease);white-space:nowrap;letter-spacing:-.01em;border-radius:100px;padding:12px 20px;font-size:.8125rem;font-weight:400;transform:translateY(20px)}.toast.show{opacity:1;transform:translateY(0)}.toggle-knob{width:26px;height:26px;transition:left .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0000002e}.compact{padding:8px 12px!important}.current-color{background:var(--ink)}.remaining-color{background:var(--surface2)}.btn{font-family:var(--font-body);letter-spacing:-.01em;cursor:pointer;transition:all .2s var(--ease);white-space:nowrap;-webkit-user-select:none;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:.9375rem;font-weight:500;display:inline-flex}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#3a3a3c}.btn-dark:active{transform:scale(.97)}.btn-dark:disabled,.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.btn-danger{background:var(--danger-bg);color:#fff}.btn-danger:hover{background:var(--danger)}.btn-danger:active{transform:scale(.97)}.btn-light{background:var(--surface);color:var(--ink)}.btn-light:hover{background:var(--surface2)}.btn-light:active{transform:scale(.97)}.btn-outline{color:var(--ink);border:1px solid var(--border-md);background:0 0}.btn-outline:hover{background:var(--surface)}.btn-full{width:100%}.btn-sm{padding:9px 18px;font-size:.8125rem}.field{border:none;border-bottom:1.5px solid var(--border-md);width:100%;font-family:var(--font-body);color:var(--ink);-webkit-appearance:none;background:0 0;border-radius:0;outline:none;padding:10px 0;font-size:.9375rem;transition:border-color .2s}.field::placeholder{color:var(--ink-3)}.field:focus{border-bottom-color:var(--ink)}textarea.field{resize:vertical;min-height:120px;line-height:1.6}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);transition:all .2s var(--ease);overflow:hidden}.card-surface{background:var(--surface);border-radius:var(--r-xl);border:none}.card:hover{border-color:var(--border-md);box-shadow:0 4px 20px #0000000f}.card-p{padding:24px}.section-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px;font-size:.6875rem;font-weight:600}.divider{background:var(--border);border:none;height:1px;margin:0}.screen{opacity:0;min-height:100vh;animation:screenIn .55s var(--ease) forwards;display:none}.screen.active{display:flex}@keyframes screenIn{0%{opacity:0}to{opacity:1}}#screen-landing{text-align:center;padding:calc(env(safe-area-inset-top,0px) + 80px) max(env(safe-area-inset-left,0px), 24px) calc(env(safe-area-inset-bottom,0px) + 80px) max(env(safe-area-inset-right,0px), 24px);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;position:relative}.landing-wordmark{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:72px;font-size:.6875rem;font-weight:500}.landing-headline{font-family:var(--font-display);letter-spacing:-.03em;max-width:800px;color:var(--ink);margin-bottom:24px;font-size:clamp(3rem,9vw,6.5rem);font-weight:400;line-height:1.05}.landing-headline em{color:var(--ink-2);font-style:italic}.landing-sub{color:var(--ink-2);letter-spacing:-.01em;max-width:400px;margin:0 auto 56px;font-size:clamp(1rem,2.5vw,1.1875rem);font-weight:300;line-height:1.5}.landing-actions{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:320px;display:flex}.landing-footnote{bottom:calc(env(safe-area-inset-bottom,0px) + 36px);color:var(--ink-3);letter-spacing:.04em;font-size:.6875rem;position:absolute}#screen-auth{padding:calc(env(safe-area-inset-top,0px) + 60px) max(env(safe-area-inset-left,0px), 24px) calc(env(safe-area-inset-bottom,0px) + 60px) max(env(safe-area-inset-right,0px), 24px);background:var(--surface);flex-direction:column;justify-content:center;align-items:center}.auth-card{background:var(--bg);border-radius:28px;width:100%;max-width:400px;padding:40px 36px;box-shadow:0 2px 40px #00000014}.auth-logo{background:var(--ink);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 24px;display:flex}.auth-logo svg{color:#fff}.auth-title{font-family:var(--font-display);text-align:center;letter-spacing:-.02em;margin-bottom:6px;font-size:1.625rem;font-weight:400}.auth-sub{color:var(--ink-2);text-align:center;margin-bottom:32px;font-size:.875rem;font-weight:300}.auth-form{flex-direction:column;gap:12px;display:flex}.btn-google{background:var(--surface);border:1px solid var(--border);width:100%;font-family:var(--font-body);color:var(--ink);cursor:pointer;letter-spacing:-.01em;transition:all .2s var(--ease);border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:.9375rem;font-weight:500;display:flex}.btn-google:hover{background:var(--surface2)}.auth-divider{color:var(--ink-3);align-items:center;gap:12px;margin:4px 0;font-size:.8125rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-error{border-radius:var(--r-md);color:var(--danger);background:#fff2f2;border:1px solid #ffd0d0;padding:10px 14px;font-size:.8125rem;display:none}.auth-toggle{text-align:center;color:var(--ink-2);margin-top:20px;font-size:.875rem}.auth-toggle a{color:var(--ink);cursor:pointer;font-weight:500;text-decoration:none}.auth-toggle a:hover{text-decoration:underline}.back-link{color:var(--ink-2);cursor:pointer;font-size:.875rem;font-family:var(--font-body);background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;margin-bottom:24px;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--ink)}#screen-age{text-align:center;padding:calc(env(safe-area-inset-top,0px) + 60px) max(env(safe-area-inset-left,0px), 24px) calc(env(safe-area-inset-bottom,0px) + 60px) max(env(safe-area-inset-right,0px), 24px);background:var(--bg);flex-direction:column;justify-content:center;align-items:center}#screen-grid{padding:calc(env(safe-area-inset-top,0px) + 80px) max(env(safe-area-inset-left,0px), 24px) calc(env(safe-area-inset-bottom,0px) + 60px) max(env(safe-area-inset-right,0px), 24px);background:var(--bg);flex-direction:column;align-items:center}.grid-stat{text-align:center;margin-bottom:60px}.grid-weeks-num{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:400}.grid-weeks-label{color:var(--ink-2);letter-spacing:-.01em;font-size:1rem;font-weight:300}.grid-memento{color:var(--ink-3);font-size:.8125rem;font-style:italic;font-family:var(--font-display);margin-top:6px}.life-grid{grid-template-columns:repeat(52,1fr);gap:2px;width:100%;max-width:600px;margin:0 auto 36px;display:grid}.week-dot{aspect-ratio:1;border-radius:50%;width:100%;max-width:7px;transition:transform .15s,opacity .15s}.week-dot.lived{background:var(--ink)}.week-dot.remaining{background:var(--surface2)}.week-dot.current{background:var(--ink);animation:1.2s ease-in-out infinite dot-pulse;box-shadow:0 0 0 2px #1d1d1f40}.week-dot:hover{transform:scale(2)}@keyframes dot-pulse{0%{opacity:1;transform:scale(1)}10%{opacity:1;transform:scale(1.6)}20%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.4)}40%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.grid-legend{justify-content:center;align-items:center;gap:28px;margin-bottom:72px;display:flex}.legend-item{color:var(--ink-2);align-items:center;gap:8px;font-size:.8125rem;font-weight:300;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.grid-cta{text-align:center;max-width:500px}.grid-cta-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:400}.grid-cta-sub{color:var(--ink-2);margin-bottom:32px;font-size:1rem;font-weight:300;line-height:1.5}.age-question{font-family:var(--font-display);letter-spacing:-.02em;max-width:480px;color:var(--ink);margin-bottom:48px;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:400}.age-picker{justify-content:center;align-items:center;gap:16px;margin-bottom:40px;display:flex}.age-stepper-btn{background:var(--surface);width:48px;height:48px;color:var(--ink);cursor:pointer;font-size:1.25rem;font-family:var(--font-body);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.age-stepper-btn:hover{background:var(--surface2)}.age-display{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);text-align:center;min-width:120px;font-size:5rem;font-weight:400;line-height:1}.age-hint{color:var(--ink-3);margin-bottom:40px;font-size:.875rem;font-weight:300}#screen-portal{background:var(--surface);flex-direction:column}.portal-bg{background:var(--surface)}.portal-nav-bar{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border);background:#ffffffd1;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.portal-hamburger{cursor:pointer;border-radius:var(--r-sm);flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:6px;transition:background .2s;display:flex}.portal-hamburger:hover{background:var(--surface)}.dashboard-header{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:20px;font-size:1.5rem;font-weight:400}.portal-drawer{background:var(--bg);z-index:199;width:280px;height:100dvh;transition:transform .38s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.portal-drawer.open{transform:translate(0)}.portal-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:198;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:#00000040;position:fixed;inset:0}.portal-drawer-overlay.open{opacity:1;pointer-events:all}.drawer-greeting{color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:1rem;font-weight:500;display:flex}.drawer-close{background:var(--surface);cursor:pointer;width:28px;height:28px;color:var(--ink-2);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:background .2s;display:flex}.drawer-close:hover{background:var(--surface2)}.portal-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.portal-tabs::-webkit-scrollbar{display:none}.portal-tab{color:var(--ink-2);cursor:pointer;white-space:nowrap;letter-spacing:-.01em;border-bottom:2px solid #0000;padding:10px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.portal-tab:hover{color:var(--ink)}.portal-tab.active{color:var(--ink);border-bottom-color:var(--ink)}.portal-nav{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border);padding:env(safe-area-inset-top,0px) 24px 0;height:calc(56px + env(safe-area-inset-top,0px));background:#ffffffd1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-wordmark{color:var(--ink);letter-spacing:-.01em;font-size:.8125rem;font-weight:500}.nav-section-label{color:var(--ink);letter-spacing:-.01em;font-size:.875rem;font-weight:500}.hamburger{cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:6px;transition:background .2s;display:flex}.hamburger:hover{background:var(--surface)}.hamburger span{background:var(--ink);width:18px;height:1.5px;transition:all .3s var(--ease);transform-origin:50%;border-radius:2px}.hamburger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:198;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:#00000040;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:all}.nav-drawer{background:var(--bg);z-index:199;width:280px;height:100dvh;transition:transform .38s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.nav-drawer.open{transform:translate(0)}.drawer-header{padding:calc(env(safe-area-inset-top,0px) + 20px) 28px 20px;border-bottom:1px solid var(--border)}.drawer-header-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:.6875rem;font-weight:600}.drawer-nav{flex:1;padding:12px;list-style:none}.drawer-nav-item{border-radius:var(--r-md);cursor:pointer;color:var(--ink);letter-spacing:-.01em;align-items:center;gap:14px;padding:13px 16px;font-size:.9375rem;font-weight:400;transition:background .15s;display:flex}.drawer-nav-item:hover{background:var(--surface)}.drawer-nav-item.active{background:var(--surface);font-weight:500}.drawer-nav-icon{background:var(--surface2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;display:flex}.drawer-nav-item.active .drawer-nav-icon{background:var(--ink);color:#fff}.drawer-footer{padding:20px 28px calc(env(safe-area-inset-bottom,0px) + 20px);border-top:1px solid var(--border);color:var(--ink-3);font-size:.75rem;font-weight:300}.portal-content{padding:28px max(env(safe-area-inset-left,0px), 20px) calc(env(safe-area-inset-bottom,0px) + 100px) max(env(safe-area-inset-right,0px), 20px);flex:1;width:100%;max-width:780px;margin:0 auto}.portal-section{display:none}.portal-section.active{animation:screenIn .4s var(--ease) forwards;display:block}.section-header{margin-bottom:24px}.section-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:4px;font-size:1.875rem;font-weight:400}.section-subtitle{color:var(--ink-2);font-size:.9375rem;font-weight:300}.cal-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cal-stat-box{background:var(--surface);border-radius:var(--r-xl);text-align:center;padding:20px}.cal-stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:.75rem;font-weight:600}.cal-stat-num{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:4px;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:400}.cal-stat-sub{color:var(--ink-3);font-size:.8125rem;font-weight:300}.letter-row{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:18px 20px;transition:background .15s;display:flex}.letter-row:last-child{border-bottom:none}.letter-row:hover{background:var(--surface)}.letter-icon{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--ink-3);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;display:flex}.letter-info{flex:1}.letter-name{letter-spacing:-.01em;font-size:.9375rem;font-weight:500}.letter-meta{color:var(--ink-3);margin-top:2px;font-size:.8125rem;font-weight:300}.letter-textarea{background:var(--surface);border-radius:var(--r-md);width:100%;font-family:var(--font-body);color:var(--ink);resize:vertical;border:none;outline:none;min-height:200px;padding:14px 16px;font-size:.9375rem;line-height:1.6}.letter-textarea::placeholder{color:var(--ink-3)}.q-nav{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.q-nav-btn{font-family:var(--font-body);color:var(--ink-2);background:var(--surface);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:100px;padding:7px 16px;font-size:.8125rem;font-weight:500;transition:all .18s}.q-nav-btn:hover{background:var(--surface2);color:var(--ink)}.q-nav-btn.active{background:var(--ink);color:#fff}.q-nav-btn.answered{background:var(--ink);color:#fff;opacity:.7}.q-nav-btn.active.answered{opacity:1}.vault-pills{gap:8px;margin-bottom:12px;display:flex}.vault-pill{font-family:var(--font-body);color:var(--ink-2);background:var(--surface);cursor:pointer;letter-spacing:-.01em;text-align:center;border:none;border-radius:100px;flex:1;padding:8px 18px;font-size:.8125rem;font-weight:500;transition:all .18s}.vault-pill:hover{background:var(--surface2);color:var(--ink)}.vault-pill.active{background:var(--ink);color:#fff}.letters-list{background:var(--bg);border-radius:var(--r-xl);border:1px solid var(--border);margin-bottom:16px;overflow:hidden}.vault-content-area{margin-top:1rem}.media-thumb{aspect-ratio:4/3;background:var(--surface);border-radius:var(--r-lg);justify-content:center;align-items:center;width:100%;font-size:2rem;display:flex;position:relative;overflow:hidden}.media-delete-btn{color:#fff;cursor:pointer;opacity:0;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.media-card:hover .media-delete-btn{opacity:1}.upload-btn-card{aspect-ratio:4/3;border:1.5px dashed var(--border-md);border-radius:var(--r-xl);cursor:pointer;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.875rem;transition:all .2s;display:flex}.upload-btn-card:hover{background:var(--surface);border-color:var(--ink-3);color:var(--ink)}.voice-recorder{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);margin-bottom:24px}.voice-content{flex:1}.voice-waveform-preview{align-items:center;gap:2px;height:32px;display:flex;overflow:hidden}.voice-play-btn{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;transition:background .2s;display:flex}.voice-play-btn:hover{background:#3a3a3c}.waveform-container{flex:1;align-items:center;gap:2px;height:40px;display:flex;overflow:hidden}.recording-timer{color:var(--ink);align-items:center;gap:8px;margin-top:12px;font-size:1rem;font-weight:500;display:inline-flex}.recording-dot{background:var(--danger);border-radius:50%;width:8px;height:8px;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.btn-record-start{background:var(--ink);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:10px;padding:13px 28px;font-size:.9375rem;font-weight:500;transition:background .2s;display:inline-flex}.btn-record-start:hover{background:#3a3a3c}.btn-record-stop{background:var(--danger);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:10px;padding:13px 28px;font-size:.9375rem;font-weight:500;transition:background .2s;display:inline-flex}.btn-record-stop:hover{background:#e0352b}.record-circle{background:#fff;border-radius:50%;flex-shrink:0;width:10px;height:10px}.media-grid{flex-direction:column;margin-bottom:8px;display:flex}.media-grid>*{width:100%}.memory-post{background:var(--bg);border:1px solid var(--border);transition:box-shadow .2s var(--ease);border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.memory-post:hover{box-shadow:0 4px 20px #0000001a}.memory-post-media{aspect-ratio:4/3;background:var(--surface);cursor:pointer;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.memory-post-play{background:#00000026;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.memory-post-play-btn{background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding-left:4px;font-size:1.1rem;display:flex}.memory-post-menu-wrap{z-index:2;position:absolute;top:10px;right:10px}.memory-post-menu-btn{color:#fff;cursor:pointer;letter-spacing:.05em;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;line-height:1;transition:background .15s;display:flex}.memory-post-menu-btn:hover{background:#000000a6}.memory-post-menu-btn-inline{color:var(--ink-3);cursor:pointer;border-radius:var(--r-md);background:0 0;border:none;padding:2px 6px;font-size:1.25rem;line-height:1;transition:background .15s,color .15s}.memory-post-menu-btn-inline:hover{background:var(--surface2);color:var(--ink)}.memory-post-popover{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);min-width:160px;animation:modalIn .15s var(--ease);position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000024}.memory-post-popover-item{border:none;border-bottom:1px solid var(--border);width:100%;font-family:var(--font-body);color:var(--ink);cursor:pointer;text-align:left;background:0 0;padding:10px 14px;font-size:.8125rem;transition:background .15s;display:block}.memory-post-popover-item:last-child{border-bottom:none}.memory-post-popover-item:hover{background:var(--surface)}.memory-post-popover-item.danger{color:var(--danger)}.memory-post-caption{align-items:flex-start;gap:8px;padding:12px 14px 10px;display:flex}.memory-post-caption-text{color:var(--ink);white-space:pre-wrap;margin:0;font-size:.9375rem;line-height:1.55}.memory-post-caption-placeholder{color:var(--ink-3);margin:0;font-size:.875rem;font-style:italic}.memory-post-date{color:var(--ink-3);font-size:.75rem;font-weight:300}.memory-post-caption-edit{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.memory-post-caption-footer{justify-content:space-between;align-items:center;display:flex}.voice-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.voice-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);padding:20px 20px 16px;transition:border-color .2s}.voice-card:hover{border-color:var(--border-md)}.voice-card-header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.voice-avatar{background:var(--ink);color:#fff;letter-spacing:-.01em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:500;display:flex}.voice-meta{flex:1}.voice-recipient{letter-spacing:-.01em;font-size:.9375rem;font-weight:500}.voice-duration{color:var(--ink-3);margin-top:2px;font-size:.8125rem;font-weight:300}.voice-delete-btn{width:28px;height:28px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.voice-delete-btn:hover{color:var(--danger);background:#fff0f0}.voice-waveform{cursor:pointer;align-items:center;gap:2px;height:32px;margin-bottom:12px;padding:0 2px;display:flex;overflow:hidden}.waveform-bar{background:var(--surface2);border-radius:2px;flex-shrink:0;width:3px;transition:background .15s}.waveform-bar.played{background:var(--ink)}.voice-controls{align-items:center;gap:12px;display:flex}.play-btn{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;transition:background .2s;display:flex}.play-btn:hover{background:#3a3a3c}.voice-time{color:var(--ink-3);letter-spacing:.02em;min-width:72px;font-family:monospace;font-size:.8125rem}.recorder-wrap{flex-direction:column;align-items:center;gap:0;display:flex}.rec-visualizer{border-radius:var(--r-lg);background:var(--surface);justify-content:center;align-items:center;gap:3px;width:100%;height:72px;margin-bottom:20px;padding:0 16px;display:flex;overflow:hidden}.rec-bar{background:var(--ink);border-radius:2px;width:3px;min-height:3px;transition:height 50ms}.rec-timer{font-size:2.5rem;font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin-bottom:4px;font-weight:400}.rec-status{color:var(--ink-3);text-align:center;min-height:20px;margin-bottom:28px;font-size:.8125rem;font-weight:300}.rec-btn-row{justify-content:center;align-items:center;gap:14px;margin-bottom:24px;display:flex}.rec-main-btn{border:3px solid var(--ink);cursor:pointer;width:72px;height:72px;transition:all .2s var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.rec-main-btn:hover{background:var(--surface)}.rec-dot{width:28px;height:28px;transition:all .25s var(--ease);background:#ff3b30;border-radius:50%}.rec-main-btn.recording .rec-dot{border-radius:6px;width:22px;height:22px}.rec-secondary-btn{background:var(--surface);cursor:pointer;width:48px;height:48px;color:var(--ink-2);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:background .2s;display:flex}.rec-secondary-btn:hover{background:var(--surface2)}.rec-secondary-btn:disabled{opacity:.3;cursor:default}.rec-playback{background:var(--surface);border-radius:var(--r-lg);flex-direction:column;gap:12px;width:100%;padding:16px;display:none}.rec-playback.show{display:flex}.rec-playback-waveform{cursor:pointer;align-items:center;gap:2px;height:40px;display:flex;overflow:hidden}@keyframes pulseRing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.rec-main-btn.recording:before{content:"";border:2px solid #ff3b30;border-radius:50%;animation:1.2s ease-out infinite pulseRing;position:absolute;inset:-6px}.voice-note-field{width:100%}.people-vault-list{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.person-vault-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);cursor:pointer;transition:all .18s var(--ease);align-items:center;gap:14px;padding:16px 18px;display:flex}.person-vault-card:hover{border-color:var(--border-md);transform:translateY(-1px);box-shadow:0 2px 12px #0000000d}.person-vault-avatar{background:var(--ink);color:#fff;letter-spacing:-.01em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.125rem;font-weight:600;display:flex}.person-vault-info{flex:1}.person-vault-name{letter-spacing:-.01em;font-size:.9375rem;font-weight:500}.person-vault-meta{color:var(--ink-3);margin-top:2px;font-size:.8125rem;font-weight:300}.person-vault-more-btn{color:var(--ink-3);cursor:pointer;border-radius:var(--r-md);background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:1.25rem;line-height:1;transition:background .15s,color .15s}.person-vault-more-btn:hover{background:var(--surface2);color:var(--ink)}.person-vault-popover{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);z-index:100;min-width:180px;animation:modalIn .15s var(--ease);position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.person-vault-popover.upward{top:auto;bottom:calc(100% + 6px)}.person-vault-popover-item{width:100%;font-family:var(--font-body);color:var(--ink);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:10px;padding:10px 14px;font-size:.8125rem;transition:background .15s;display:flex}.person-vault-popover-item:last-child{border-bottom:none}.person-vault-popover-item:hover{background:var(--surface)}.person-vault-popover-item.danger{color:var(--danger)}.vault-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);align-items:center;gap:10px;margin:0 0 12px;font-size:.6875rem;font-weight:600;display:flex}.vault-section-label:after{content:"";background:var(--border);flex:1;height:1px}.action-sheet{background:var(--bg);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:480px;padding:12px 16px calc(env(safe-area-inset-bottom) + 16px);z-index:1001;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 40px #0000001f}.action-sheet-handle{background:var(--border-md);border-radius:2px;width:36px;height:4px;margin:0 auto 20px}.action-sheet-item{width:100%;font-family:var(--font-body);color:var(--ink);cursor:pointer;border:none;border-bottom:1px solid var(--border);text-align:left;background:0 0;align-items:center;gap:10px;padding:11px 8px;font-size:.875rem;font-weight:400;transition:background .15s;display:flex}.action-sheet-item:last-of-type{border-bottom:none}.action-sheet-item:hover{background:var(--surface)}.action-sheet-icon{text-align:center;width:22px;font-size:1rem}.action-sheet-cancel{background:var(--surface);border-radius:var(--r-lg);width:100%;font-family:var(--font-body);color:var(--ink-2);cursor:pointer;border:none;margin-top:8px;padding:14px;font-size:1rem;font-weight:500;transition:background .15s;display:block}.action-sheet-cancel:hover{background:var(--surface2)}.vault-fab-wrap{bottom:calc(env(safe-area-inset-bottom,0px) + 24px);pointer-events:none;z-index:10;justify-content:center;display:flex;position:fixed;left:0;right:0}.vault-fab{pointer-events:all;background:var(--ink);color:#fff;cursor:pointer;width:56px;height:56px;transition:transform .18s var(--ease), box-shadow .18s var(--ease);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;line-height:1;display:flex;box-shadow:0 4px 20px #00000040}.vault-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #0000004d}.vault-fab:active{transform:scale(.95)}.memory-timeline{padding-left:24px;position:relative}.memory-timeline:before{content:"";background:var(--border);border-radius:1px;width:2px;position:absolute;top:6px;bottom:16px;left:4px}.timeline-group{margin-bottom:28px}.timeline-marker{align-items:center;gap:10px;margin-bottom:12px;margin-left:-24px;display:flex}.timeline-dot{background:var(--ink);border:2px solid var(--bg);outline:1.5px solid var(--ink);border-radius:50%;flex-shrink:0;width:10px;height:10px}.timeline-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-size:.6875rem;font-weight:700}.question-stack{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.question-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);transition:border-color .2s;overflow:hidden}.question-card.answered{border-color:var(--ink)}.q-header{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}.q-num{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);flex-shrink:0;padding-top:3px;font-size:.6875rem;font-weight:600}.q-text{font-family:var(--font-display);letter-spacing:-.01em;flex:1;font-size:1.0625rem;font-weight:400;line-height:1.45}.q-expand{color:var(--ink-3);flex-shrink:0;padding-top:4px;font-size:.75rem;transition:transform .25s}.question-card.open .q-expand{transform:rotate(180deg)}.q-body{padding:0 20px 20px;display:none}.question-card.open .q-body{display:block}.q-answer{background:var(--surface);border-radius:var(--r-md);width:100%;font-family:var(--font-body);color:var(--ink);resize:none;border:none;outline:none;min-height:110px;padding:14px 16px;font-size:.9375rem;line-height:1.6;transition:background .2s}.q-answer::placeholder{color:var(--ink-3)}.q-answer:focus{background:#f0f0f2}.q-footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.q-saved{color:var(--ink-3);opacity:0;font-size:.8125rem;transition:opacity .4s}.q-saved.show{opacity:1}.ai-chat-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.ai-chat-msgs{flex-direction:column;gap:16px;min-height:120px;max-height:300px;padding:20px;display:flex;overflow-y:auto}.ai-msg{align-items:flex-start;gap:12px;display:flex}.ai-msg-avatar{background:var(--ink);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:.6875rem;font-weight:600;display:flex}.ai-msg-bubble{background:var(--surface);color:var(--ink);border-radius:0 14px 14px;max-width:85%;padding:12px 16px;font-size:.9375rem;font-style:italic;font-weight:300;line-height:1.55}.ai-chat-input-row{border-top:1px solid var(--border);align-items:flex-end;gap:10px;padding:14px;display:flex}.ai-chat-input{background:var(--surface);font-family:var(--font-body);color:var(--ink);resize:none;border:none;border-radius:20px;outline:none;flex:1;min-height:40px;max-height:120px;padding:10px 16px;font-size:.9375rem;line-height:1.5}.ai-chat-input::placeholder{color:var(--ink-3)}.ai-send-btn{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;transition:background .2s;display:flex}.ai-send-btn:hover{background:#3a3a3c}.ai-send-btn:disabled{background:var(--surface2);cursor:default}.lib-section{margin-bottom:32px}.lib-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rec-list{background:var(--bg);border-radius:var(--r-xl);border:1px solid var(--border);overflow:hidden}.rec-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px 20px;display:flex}.rec-row:last-child{border-bottom:none}.rec-num{color:var(--ink-3);letter-spacing:.04em;text-align:right;min-width:20px;font-size:.6875rem;font-weight:600}.rec-body{flex:1}.rec-title{letter-spacing:-.01em;font-size:.9375rem;font-weight:500}.rec-why{color:var(--ink-2);margin-top:2px;font-size:.8125rem;font-weight:300}.rec-add-btn{cursor:pointer;color:var(--ink-2);border-top:none;border-bottom:none;align-items:center;gap:10px;padding:14px 20px;font-size:.875rem;font-weight:400;transition:background .15s;display:flex}.rec-add-btn:hover{background:var(--surface);color:var(--ink)}.rec-source-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;display:flex}.spotify-icon{background:#1db954}.yt-icon{background:red}.rec-link-row{align-items:center;gap:8px;margin-top:6px;display:flex}.rec-source-label{letter-spacing:.06em;text-transform:uppercase;border-radius:100px;padding:3px 8px;font-size:.6875rem;font-weight:600}.rec-source-label.spotify{color:#1db954;background:#e8faf0}.rec-source-label.youtube{color:red;background:#fff0f0}.rec-open-link{color:var(--ink-2);font-size:.8125rem;font-weight:400;text-decoration:none}.rec-open-link:hover{color:var(--ink);text-decoration:underline}.people-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px;display:grid}.person-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);text-align:center;transition:all .2s var(--ease);padding:24px 16px}.person-card:hover{border-color:var(--border-md);box-shadow:0 4px 16px #0000000f}.person-avatar{background:var(--ink);color:#fff;letter-spacing:-.01em;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:1rem;font-weight:500;display:flex}.person-name{letter-spacing:-.01em;margin-bottom:3px;font-size:.9375rem;font-weight:500}.person-role{color:var(--ink-3);font-size:.8125rem;font-weight:300}.person-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);background:var(--surface);border-radius:100px;margin-top:10px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-block}.person-badge.confirmed{color:#34c759;background:#f0fff4}.add-person-card{background:var(--bg);border:1.5px dashed var(--border-md);border-radius:var(--r-xl);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:148px;padding:24px 16px;transition:all .2s;display:flex}.add-person-card:hover{background:var(--surface);border-color:var(--ink-3)}.add-person-icon{border:1.5px dashed var(--border-md);width:40px;height:40px;color:var(--ink-3);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.add-person-label{color:var(--ink-3);font-size:.8125rem;font-weight:400}.inner-circle-banner{border-radius:var(--r-xl);background:#fafaf7;border:1px solid #e8e4d9;align-items:flex-start;gap:14px;margin-bottom:20px;padding:18px 20px;display:flex}.inner-circle-icon{color:#c8a84b;flex-shrink:0;margin-top:2px;font-size:1.1rem}#people-list{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.person-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 16px;transition:background .15s;display:flex}.person-row:last-child{border-bottom:none}.person-row:hover{background:var(--surface)}.person-avatar-sm{background:var(--surface2);width:40px;height:40px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.person-row.inner .person-avatar-sm{background:var(--ink);color:#fff}.person-row-info{flex:1}.person-row-name{letter-spacing:-.01em;font-size:.9375rem;font-weight:500}.person-row-role{color:var(--ink-3);margin-top:2px;font-size:.8125rem;font-weight:300}.inner-badge{color:#c8a84b;letter-spacing:.02em;margin-left:6px;font-size:.6875rem;font-weight:600;display:inline-block}.person-menu-btn{color:var(--ink-3);cursor:pointer;border-radius:var(--r-sm);letter-spacing:.05em;background:0 0;border:none;padding:4px 8px;font-size:1.1rem;transition:background .15s}.person-menu-btn:hover{background:var(--surface2);color:var(--ink)}.person-ctx-menu{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);z-index:400;min-width:200px;animation:screenIn .18s var(--ease);position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.ctx-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:13px 16px;font-size:.9rem;transition:background .12s;display:flex}.ctx-item:last-child{border-bottom:none}.ctx-item:hover{background:var(--surface)}.ctx-item.danger{color:var(--danger)}.person-info{flex:1}.person-meta{color:var(--ink-3);margin-top:2px;font-size:.8125rem;font-weight:300}.person-status{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);background:var(--surface);border-radius:100px;padding:3px 10px;font-size:.6875rem;font-weight:600}.person-status.confirmed{color:#34c759;background:#f0fff4}.person-context-menu{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);z-index:400;min-width:200px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.person-menu-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:13px 16px;font-size:.9rem;transition:background .12s;display:flex}.person-menu-item:last-child{border-bottom:none}.person-menu-item:hover{background:var(--surface)}.person-menu-item.danger{color:var(--danger)}.alarm-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);margin-bottom:16px;overflow:hidden}.alarm-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.alarm-row:last-child{border-bottom:none}.alarm-row-label{letter-spacing:-.01em;font-size:.9375rem;font-weight:500}.alarm-row-sub{color:var(--ink-3);margin-top:2px;font-size:.8125rem;font-weight:300}.toggle{background:var(--surface2);cursor:pointer;border:none;border-radius:100px;flex-shrink:0;width:50px;height:30px;transition:background .25s;position:relative}.toggle:after{content:"";width:26px;height:26px;transition:left .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0000002e}.toggle.on{background:#34c759}.toggle.on:after{left:22px}.time-input{background:var(--surface);border-radius:var(--r-md);font-family:var(--font-body);color:var(--ink);cursor:pointer;text-overflow:ellipsis;border:none;outline:none;min-width:0;max-width:200px;padding:8px 14px;font-size:1rem;font-weight:500;overflow:hidden}.reminders-preview{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);flex-direction:column;gap:14px;padding:20px;display:flex}.reminder-pill{background:var(--surface);border-radius:var(--r-lg);color:var(--ink-2);font-size:.9rem;font-style:italic;font-weight:300;font-family:var(--font-display);padding:12px 16px;line-height:1.4}.alarm-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.alarm-body{padding:0 20px 20px}.alarm-time-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.alarm-time-input{background:var(--surface);border-radius:var(--r-md);font-family:var(--font-body);color:var(--ink);cursor:pointer;border:none;outline:none;padding:8px 14px;font-size:1rem;font-weight:500}.alarm-preview{background:var(--surface);border-radius:var(--r-lg);margin-top:16px;padding:16px}.plans-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.plan-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);cursor:pointer;transition:all .2s var(--ease);padding:28px 24px;position:relative;overflow:hidden}.plan-card:hover{border-color:var(--border-md)}.plan-card.selected{background:var(--ink);border-color:var(--ink);color:#fff}.plan-badge{letter-spacing:.06em;text-transform:uppercase;background:var(--surface);color:var(--ink-2);border-radius:100px;margin-bottom:16px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-block}.plan-card.selected .plan-badge{color:#ffffffb3;background:#ffffff26}.plan-price{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:4px;font-size:2.5rem;font-weight:400;line-height:1}.plan-vat{opacity:.5;margin-bottom:20px;font-size:.8125rem}.plan-cta{opacity:.7;font-size:.875rem;font-weight:500}.plan-card.selected .plan-cta{opacity:1}.plan-savings-badge{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#ff9f0a;border-radius:100px;padding:4px 10px;font-size:.6875rem;font-weight:700;position:absolute;top:16px;right:16px}.features-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xl);margin-bottom:16px;overflow:hidden}.feature-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:15px 20px;font-size:.9375rem;display:flex}.feature-row:last-child{border-bottom:none}.feature-check{color:#34c759;flex-shrink:0;font-size:.875rem}.plan-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.plan-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:8px;font-size:1.125rem;font-weight:400}.plan-features{flex-direction:column;gap:8px;margin-top:16px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;box-sizing:border-box;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100%;padding:16px;display:none;position:fixed;top:0;left:0}.modal-overlay.open{animation:.25s overlayIn;display:flex}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--bg);width:100%;max-width:560px;max-height:calc(100% - 32px);animation:modalIn .3s var(--ease);box-sizing:border-box;border-radius:28px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden;box-shadow:0 24px 80px #0000002e}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-handle{display:none}.modal-sheet-header{flex-shrink:0;padding:28px 28px 0}.modal-sheet-body{-webkit-overflow-scrolling:touch;flex:1;padding:20px 28px 8px;overflow-y:auto}.modal-sheet-actions{background:var(--bg);flex-shrink:0;padding:12px 28px 28px}.modal-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:6px;font-size:1.75rem;font-weight:400}.modal-title-hand{font-family:var(--font-hand);letter-spacing:0;margin-bottom:6px;font-size:1.75rem;font-weight:600}.modal-sub{color:var(--ink-3);margin-bottom:24px;font-size:.8125rem;font-weight:300}.modal-form{flex-direction:column;gap:6px;display:flex}.modal-form label{color:var(--ink-2);letter-spacing:-.01em;margin-top:16px;font-size:.8125rem;font-weight:500}.modal-form label:first-of-type{margin-top:4px}.letter-editor-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;align-items:center;gap:16px;padding:20px 24px;display:flex;position:sticky;top:0}.letter-editor-title{font-family:var(--font-display);letter-spacing:-.01em;flex:1;font-size:1.0625rem;font-weight:400}.letter-editor-body{width:100%;font-family:var(--font-display);color:var(--ink);resize:none;background:0 0;border:none;outline:none;min-height:200px;padding:28px;font-size:1.0625rem;font-weight:400;line-height:1.75}.letter-editor-body::placeholder{color:var(--ink-3)}.upload-drop{border:1.5px dashed var(--border-md);border-radius:var(--r-lg);text-align:center;cursor:pointer;color:var(--ink-2);padding:40px 24px;transition:all .2s}.upload-drop:hover{border-color:var(--ink-3);background:var(--surface)}.upload-icon{margin-bottom:8px;font-size:1.5rem}.upload-label{margin-bottom:4px;font-size:.9375rem;font-weight:400}.upload-hint{color:var(--ink-3);font-size:.8125rem;font-weight:300}.saving-indicator{color:var(--ink-3);opacity:0;align-items:center;gap:6px;font-size:.8125rem;transition:opacity .3s;display:inline-flex}.saving-indicator.show{opacity:1}.config-banner{border-radius:var(--r-lg);color:#7a6000;background:#fff9e6;border:1px solid #ffe080;margin-bottom:20px;padding:14px 18px;font-size:.8125rem;line-height:1.5;display:none}.config-banner.show{display:block}.config-banner code{background:#0000000f;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:.8rem}.tip-card{background:var(--ink);color:#fff;border-radius:var(--r-xl);animation:screenIn .4s var(--ease);max-height:1000px;margin-bottom:24px;padding:20px 20px 18px;transition:opacity .3s,transform .3s,margin .3s,max-height .3s;position:relative;overflow:hidden}.tip-card.collapsing{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:translateY(-12px)}.tip-card:before{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.tip-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.tip-icon{flex-shrink:0;margin-top:1px;font-size:1.25rem;line-height:1}.tip-title{letter-spacing:-.01em;color:#fff;flex:1;font-size:.9375rem;font-weight:600;line-height:1.3}.tip-body{color:#ffffffb8;margin-bottom:14px;font-size:.8125rem;font-weight:300;line-height:1.6}.tip-steps{margin-bottom:16px}.tip-step{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.tip-step-num{color:#fff;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:.6875rem;font-weight:700;display:flex}.tip-step-text{color:#fffc;font-size:.8125rem;font-weight:300;line-height:1.5}.tip-gain{border-radius:var(--r-md);color:#ffffffd9;background:#ffffff17;margin-bottom:16px;padding:10px 14px;font-size:.8125rem;font-weight:300;line-height:1.5}.tip-gain strong{color:#fff;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:.75rem;font-weight:600;display:block}.tip-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.tip-dismiss{color:#ffffff80;cursor:pointer;font-size:.8125rem;font-family:var(--font-body);background:0 0;border:none;padding:0;font-weight:400;transition:color .2s}.tip-dismiss:hover{color:#ffffffd9}.tip-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;line-height:1;transition:background .2s,color .2s;display:flex;position:absolute;top:14px;right:14px}.tip-close-btn:hover{color:#fff;background:#ffffff38}.tip-progress{align-items:center;gap:4px;display:flex}.tip-dot{background:#ffffff40;border-radius:50%;width:4px;height:4px;transition:background .2s}.tip-dot.done{background:#ffffffbf}@media (width>=640px){.portal-content{padding:40px max(env(safe-area-inset-left,0px), 32px) 80px max(env(safe-area-inset-right,0px), 32px)}.portal-nav{padding:env(safe-area-inset-top,0px) max(env(safe-area-inset-left,0px), 40px) 0 max(env(safe-area-inset-right,0px), 40px)}}@media (width<=480px){.plans-grid{grid-template-columns:1fr}.life-grid{grid-template-columns:repeat(52,1fr);gap:2px}.media-grid{grid-template-columns:repeat(2,1fr)}.alarm-row{flex-wrap:wrap;gap:8px}.alarm-row .time-input{width:100%;max-width:100%}}