#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}.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}@keyframes cookieSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}:root,[data-theme=light]{--bg:#fff;--bg-elevated:#fff;--surface:#f5f5f7;--surface2:#e8e8ed;--surface3:#d1d1d6;--border:#0000000f;--border-md:#0000001f;--ink:#1d1d1f;--ink-2:#6e6e73;--ink-3:#86868b;--accent:#1d1d1f;--danger:#ff3b30;--danger-bg:#ff3037;--success:#34c759;--warning:#ff9f0a;--nav-glass:#ffffffb8;--modal-overlay:#0003;--toggle-knob:#fff;--letter-viewer-bg:#fff;--success-surface:#f2fcf5;--danger-surface:#fff2f2;--warning-surface:#fff9e6;--inner-circle-bg:#fafaf7;--ink-hover:#3a3a3c;--focus-bg:#f0f0f5;--danger-border:#ff3b3040;--warning-border:#ff9f0a4d;--warning-text:#b36b00;--inner-circle-border:#c8a84b33;--inner-circle-gold:#b8963e;--spotify-label-bg:#1db9541a;--youtube-label-bg:#ff000014;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 32px #0000001f;--shadow-card:#0000000d;--shadow-elevated:#00000024;--shadow-overlay:#00000040;--shadow-knob:0 2px 6px #0000002e;--dot-pulse-shadow:#1d1d1f59}[data-theme=dark]{--bg:#0f0f11;--bg-elevated:#1d1d1f;--surface:#1f1f21;--surface2:#2f2f31;--surface3:#3d3d3f;--border:#ffffff1a;--border-md:#ffffff2e;--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#8e8e93;--accent:#f5f5f7;--danger:#ff453a;--danger-bg:#d63a31;--success:#30d158;--warning:#ffd60a;--nav-glass:#000000b8;--modal-overlay:#00000059;--toggle-knob:#fff;--letter-viewer-bg:#1a1a1c;--success-surface:#30d15826;--danger-surface:#ff453a26;--warning-surface:#ffd60a26;--inner-circle-bg:#c8a84b1a;--ink-hover:#d1d1d6;--focus-bg:#2c2c2e;--danger-border:#ff453a59;--warning-border:#ffd60a4d;--warning-text:#ffd60a;--inner-circle-border:#c8a84b40;--inner-circle-gold:#d4a843;--spotify-label-bg:#1db95426;--youtube-label-bg:#ff00001f;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 16px #00000080;--shadow-lg:0 16px 40px #000000b3;--shadow-card:#0006;--shadow-elevated:#0000008c;--shadow-overlay:#0009;--shadow-knob:0 2px 6px #00000073;--dot-pulse-shadow:#f5f5f74d}:root{--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);--ease-out:cubic-bezier(.23, 1, .32, 1);--sp-2:2px;--sp-4:4px;--sp-6:6px;--sp-8:8px;--sp-10:10px;--sp-12:12px;--sp-14:14px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-28:28px;--sp-32:32px;--sp-40:40px;--sp-48:48px;--sp-64:64px;--sp-80:80px;--sp-96:96px}*,: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}.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:var(--bg);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{background:var(--toggle-knob);width:26px;height:26px;transition:left .25s var(--ease);box-shadow:var(--shadow-knob);border-radius:50%;position:absolute;top:2px;left:2px}.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;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:var(--bg)}.btn-dark:hover{background:var(--ink-hover)}.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:var(--bg)}.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);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 var(--shadow-card)}.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}.form-label{color:var(--ink-3);margin-bottom:var(--sp-4);font-size:.75rem;font-weight:500;display:block}.form-hint{color:var(--ink-3);margin-top:var(--sp-6);font-size:.75rem}.form-group{margin-bottom:var(--sp-20)}.form-group--sm{margin-bottom:var(--sp-6)}.btn-icon-close{cursor:pointer;color:var(--ink-3);padding:var(--sp-4);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.btn-icon-close:hover{color:var(--ink-2)}.btn-ghost{cursor:pointer;color:var(--ink-2);font-family:var(--font-body);padding:var(--sp-8);align-items:center;gap:var(--sp-4);background:0 0;border:none;min-height:44px;font-size:.875rem;transition:color .2s;display:inline-flex}.btn-ghost:hover{color:var(--ink)}.legend-row{gap:var(--sp-24);margin-bottom:var(--sp-24);justify-content:center;align-items:center;display:flex}.stat-value{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.75rem;font-weight:400}.stat-sub{color:var(--ink-3);font-size:.75rem;font-weight:300}.time-picker-row{align-items:center;gap:var(--sp-4);display:flex}.time-picker-sep{font-weight:600}.media-fill{object-fit:cover;width:100%;height:100%}.media-placeholder{width:100%;height:100%;color:var(--ink-3);justify-content:center;align-items:center;display:flex}.pricing-reassurance{text-align:center;color:var(--ink-3);margin-bottom:var(--sp-28);font-size:.8125rem;font-weight:300}.alarm-row:last-child,.alarm-row--last{border-bottom:none}.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:30px;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}.landing-nav{top:calc(env(safe-area-inset-top,0px) + var(--sp-20));right:max(env(safe-area-inset-right,0px), var(--sp-20));gap:var(--sp-8);align-items:center;display:flex;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);width:100%;max-width:400px;box-shadow:0 2px 40px var(--shadow-card);border-radius:28px;padding:40px 36px}.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:var(--bg)}.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{background:var(--danger-surface);border:1px solid var(--danger-border);border-radius:var(--r-md);color:var(--danger);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;min-height:44px;padding:0 var(--sp-8);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.auth-toggle a:hover{text-decoration:underline}.auth-consent{align-items:flex-start;gap:var(--sp-10);margin-top:var(--sp-4);cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex}.auth-consent-check{width:20px;height:20px;accent-color:var(--ink);cursor:pointer;flex-shrink:0;margin-top:2px}.auth-consent-text{color:var(--ink-2);font-size:.8125rem;font-weight:300;line-height:1.5}.auth-consent-text a{color:var(--ink);text-underline-offset:3px;cursor:pointer;font-weight:500;text-decoration:underline}.back-link{color:var(--ink-2);cursor:pointer;font-size:.875rem;font-family:var(--font-body);min-height:44px;padding:var(--sp-8) var(--sp-12);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);box-shadow:0 0 0 2px var(--dot-pulse-shadow);animation:1.2s ease-in-out infinite dot-pulse}.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-drawer{background:var(--bg-elevated);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{background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:198;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);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:44px;height:44px;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;background:var(--nav-glass);-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));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:44px;height:44px;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-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:var(--bg)}.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-title-light{font-weight:300}.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}.cal-tagline{color:var(--ink-3);text-align:center;font-size:.8125rem;font-style:italic;font-weight:300;font-family:var(--font-display)}.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:var(--bg)}.q-nav-btn.answered{background:var(--ink);color:var(--bg);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:var(--bg)}.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:#0f0f1173;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.8rem;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.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);width:36px;height:36px;color:var(--bg);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;transition:background .2s;display:flex}.voice-play-btn:hover{background:var(--ink-hover)}.waveform-container{flex:1;align-items:center;gap:2px;height:40px;display:flex;overflow:hidden}.wave-bar{background:var(--surface2);border-radius:2px;flex-shrink:0;width:3px;transition:background .15s}.wave-bar.played{background:var(--ink)}.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:var(--bg);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:var(--ink-hover)}.btn-record-stop{background:var(--danger);color:var(--bg);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:var(--danger-bg)}.record-circle{background:var(--bg);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);border-radius:var(--r-lg);box-shadow:0 2px 12px var(--shadow-card);transition:box-shadow .2s var(--ease);margin-bottom:16px;overflow:hidden}.memory-post:hover{box-shadow:0 4px 20px var(--shadow-card)}.memory-post-media{aspect-ratio:4/3;background:var(--surface);cursor:pointer;border-radius:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.memory-post-play{background:#0f0f1126;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-voice-bar{cursor:pointer;background:var(--surface);transition:background .15s var(--ease);border-radius:100px;align-items:center;gap:14px;margin:0 14px 14px;padding:10px 16px 10px 10px;display:flex}.memory-post-voice-bar:active{background:var(--surface2)}.memory-post-voice-play{background:var(--ink);width:44px;height:44px;color:var(--bg);box-shadow:var(--shadow-knob);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.memory-post-voice-wave{flex:1;min-width:0;height:32px}.memory-post-voice-wave .waveform-container{gap:3px;height:100%}.memory-post-voice-wave .wave-bar{background:var(--surface3);border-radius:2px;flex-shrink:0;width:3px;min-height:4px}.memory-post-voice-dur{color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:-.01em;flex-shrink:0;font-size:.8125rem;font-weight:500}.memory-post-menu-wrap{z-index:2;position:absolute;top:10px;right:10px}.memory-post-menu-btn{width:44px;height:44px;color:var(--bg);cursor:pointer;letter-spacing:.05em;background:#0f0f1173;border:none;border-radius:50%;justify-content:center;align-items:center;max-width:calc(100% - 20px);max-height:calc(100% - 20px);font-size:1.1rem;line-height:1;transition:background .15s;display:flex}.memory-post-menu-btn:hover{background:var(--surface2);opacity:.9}.memory-post-menu-btn-inline{color:var(--ink-3);cursor:pointer;border-radius:var(--r-md);background:0 0;border:none;flex-shrink:0;padding:2px 6px;font-size:1.25rem;line-height:1;transition:background .15s,color .15s}.memory-post-menu-wrap.inline{align-items:flex-start;display:flex;position:relative}.memory-post-menu-btn-inline:hover{background:var(--surface2);color:var(--ink)}.memory-post-popover{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 8px 32px var(--shadow-elevated);min-width:160px;animation:modalIn .15s var(--ease);position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.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);width:40px;height:40px;color:var(--bg);letter-spacing:-.01em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;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:44px;height:44px;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{background:var(--danger-surface);color:var(--danger)}.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);box-shadow:0 0 6px var(--dot-pulse-shadow)}.voice-controls{align-items:center;gap:12px;display:flex}.play-btn{background:var(--ink);width:36px;height:36px;color:var(--bg);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;transition:background .2s;display:flex}.play-btn:hover{background:var(--ink-hover)}.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{background:var(--danger);width:28px;height:28px;transition:all .25s var(--ease);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 var(--danger);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);box-shadow:0 2px 12px var(--shadow-card);transform:translateY(-1px)}.person-vault-avatar{background:var(--ink);width:44px;height:44px;color:var(--bg);letter-spacing:-.01em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;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-meta.has-content{color:var(--ink-2);font-weight:400}.person-vault-avatar--img{padding:0;overflow:hidden}.person-vault-avatar--img img{object-fit:cover;width:100%;height:100%}.person-vault-menu-wrap{flex-shrink:0;position:relative}.person-vault-card--ghost{border:1.5px dashed var(--border-md);cursor:pointer;justify-content:center;gap:var(--sp-10);color:var(--ink-3)}.person-vault-card--ghost:hover{border-color:var(--ink-3);box-shadow:none;transform:none}.person-vault-more-btn{color:var(--ink-3);cursor:pointer;min-width:44px;min-height:44px;padding:var(--sp-8);border-radius:var(--r-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:background .15s,color .15s;display:flex}.person-vault-more-btn:hover{background:var(--surface2);color:var(--ink)}.person-vault-popover{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 8px 32px var(--shadow-elevated);z-index:100;min-width:180px;animation:modalIn .15s var(--ease);position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.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-elevated);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;box-shadow:0 -4px 40px var(--shadow-elevated);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.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)}.composer-action-row{align-items:center;gap:var(--sp-16);border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--ink);font-size:.9375rem;font-family:var(--font-body);background:0 0;min-height:44px;padding:15px 0;display:flex}.composer-action-row:last-child{border-bottom:none}.composer-action-row .icon-muted{width:20px;height:20px;color:var(--ink-3);flex-shrink:0}.composer-file-preview{align-items:center;gap:var(--sp-10);margin-bottom:var(--sp-16);padding-bottom:var(--sp-16);border-bottom:1px solid var(--border);display:flex}.composer-file-name{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;overflow:hidden}.composer-file-remove{cursor:pointer;color:var(--ink-3);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.composer-error{color:var(--danger);margin-bottom:var(--sp-12);align-items:center;gap:var(--sp-4);font-size:.85rem;display:flex}.composer-error .icon-sm{flex-shrink:0;width:16px;height:16px}.composer-caption-count{text-align:right;margin-top:var(--sp-4);font-size:.75rem}.composer-caption-count--over{color:var(--danger)}.composer-caption-count--ok{color:var(--ink-3)}.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);width:56px;height:56px;color:var(--bg);cursor:pointer;box-shadow:0 4px 20px var(--shadow-overlay);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}.vault-fab:hover{box-shadow:0 6px 28px var(--shadow-overlay);transform:scale(1.08)}.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:var(--focus-bg)}.q-footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.q-saved{color:var(--ink-3);opacity:0;align-items:center;gap:var(--sp-4);font-size:.8125rem;transition:opacity .4s;display:inline-flex}.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);width:28px;height:28px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;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);width:36px;height:36px;color:var(--bg);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;transition:background .2s;display:flex}.ai-send-btn:hover{background:var(--ink-hover)}.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{width:36px;height:36px;color:var(--bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.spotify-icon{background:#1db954}.yt-icon{background:red}.rec-row--linked{color:inherit;cursor:pointer;text-decoration:none}.rec-row--linked:hover{background:var(--surface)}.rec-delete-btn{color:var(--ink-3);cursor:pointer;border-radius:var(--r-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:color .15s,background .15s;display:flex}.rec-delete-btn:hover{color:var(--danger);background:var(--danger-surface)}.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);cursor:pointer;padding:24px 16px}.person-card:hover{border-color:var(--border-md);box-shadow:0 4px 16px var(--shadow-card)}.person-avatar{background:var(--ink);width:52px;height:52px;color:var(--bg);letter-spacing:-.01em;border-radius:50%;justify-content:center;align-items:center;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:var(--success);background:var(--success-surface)}.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{background:var(--inner-circle-bg);border:1px solid var(--inner-circle-border);border-radius:var(--r-xl);align-items:flex-start;gap:14px;margin-bottom:20px;padding:18px 20px;display:flex}.inner-circle-icon{color:var(--inner-circle-gold);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:var(--bg)}.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:var(--inner-circle-gold);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;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:background .15s;display:flex}.person-menu-btn:hover{background:var(--surface2);color:var(--ink)}.person-ctx-menu{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 8px 32px var(--shadow-elevated);z-index:400;min-width:200px;animation:screenIn .18s var(--ease);position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.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:var(--success);background:var(--success-surface)}.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:"";background:var(--toggle-knob);width:26px;height:26px;transition:left .25s var(--ease);box-shadow:var(--shadow-knob);border-radius:50%;position:absolute;top:2px;left:2px}.toggle.on{background:var(--success)}.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:var(--bg)}.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{background:var(--warning);color:var(--bg);letter-spacing:.04em;text-transform:uppercase;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:var(--success);flex-shrink:0;font-size:.875rem}.modal-overlay{background:var(--modal-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;box-sizing:border-box;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-elevated);width:100%;max-width:560px;max-height:calc(100% - 32px);animation:modalIn .3s var(--ease);box-sizing:border-box;box-shadow:var(--shadow-lg);border-radius:28px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}@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-elevated);flex-shrink:0;padding:12px 28px 28px}.modal-header-row{justify-content:space-between;align-items:flex-start;gap:var(--sp-12);display:flex}.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-actions-row{gap:var(--sp-10);display:flex}.modal-body-text{color:var(--ink-2);font-size:.9375rem;line-height:1.55}.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-elevated);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{background:var(--warning-surface);border:1px solid var(--warning-border);border-radius:var(--r-lg);color:var(--warning-text);margin-bottom:20px;padding:14px 18px;font-size:.8125rem;line-height:1.5;display:none}.config-banner.show{display:block}.config-banner code{background:var(--surface2);border-radius:4px;padding:1px 5px;font-family:monospace;font-size:.8rem}.letter-viewer{z-index:600;background:var(--letter-viewer-bg);flex-direction:column;display:flex;position:fixed;inset:0}.letter-viewer-bar{padding:var(--sp-16) var(--sp-20);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.letter-viewer-counter{color:var(--ink-3);font-size:.8rem}.letter-viewer-scroll{-webkit-overflow-scrolling:touch;flex:1;position:relative;overflow-y:auto}.letter-viewer-body{padding:var(--sp-8) var(--sp-32) var(--sp-32);font-family:var(--font-hand);color:var(--ink);font-size:1.35rem;line-height:1.85}.letter-viewer-meta{justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;display:flex}.letter-viewer-meta-title{color:var(--ink-2);font-size:1.1rem;font-weight:600}.letter-viewer-meta-date{color:var(--ink-3);font-size:.9rem}.letter-viewer-greeting{margin-bottom:1.5rem;font-size:1.75rem;font-weight:600}.letter-viewer-closing{text-align:right;margin-top:2.5rem;font-weight:600}.letter-viewer-empty{color:var(--ink-3);font-size:1.1rem;font-style:italic}.letter-viewer-footer{padding:var(--sp-12) var(--sp-20) var(--sp-32);flex-shrink:0}.letter-nav-zone{z-index:2;align-items:center;width:20%;display:flex;position:fixed;top:60px;bottom:80px}.letter-nav-zone--prev{cursor:w-resize;padding-left:var(--sp-6);justify-content:flex-start;left:0}.letter-nav-zone--next{cursor:e-resize;padding-right:var(--sp-6);justify-content:flex-end;right:0}.letter-compose-scroll{-webkit-overflow-scrolling:touch;padding:0 var(--sp-24) var(--sp-32);flex:1;overflow-y:auto}.letter-compose-bar-label{color:var(--ink-3);font-size:.8rem;font-weight:400}.letter-compose-title{margin-bottom:var(--sp-16);font-family:var(--font-hand);border:none;border-bottom:1px solid var(--border);padding:var(--sp-8) 0;background:0 0;border-radius:0;width:100%;font-size:1.1rem}.letter-compose-textarea{resize:none;width:100%;min-height:60vh;font-family:var(--font-hand);color:var(--ink);background:0 0;border:none;outline:none;font-size:1.25rem;line-height:1.75}.letter-word-count{text-align:right;padding:var(--sp-8) 0;font-size:.8rem}.letter-word-count--over{color:var(--danger)}.letter-word-count--ok{color:var(--ink-3)}.tip-card{color:#f5f5f7;border-radius:var(--r-xl);animation:screenIn .4s var(--ease);background:#1d1d1f;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:44px;height:44px;font-size:1rem;line-height:1;transition:background .2s,color .2s;display:flex;position:absolute;top:8px;right:8px}.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}.theme-toggle{background:var(--surface);border:.5px solid var(--border);border-radius:100px;gap:1px;padding:3px;display:inline-flex}.theme-toggle__option{font-family:var(--font-body);letter-spacing:-.01em;color:var(--ink-2);cursor:pointer;transition:color .2s var(--ease), transform .1s var(--ease);white-space:nowrap;background:0 0;border:none;border-radius:100px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.theme-toggle__option:hover{color:var(--ink)}.theme-toggle__option:active{transform:scale(.96)}.theme-toggle__option--active{background:var(--bg);color:var(--ink);box-shadow:var(--shadow-sm)}.theme-toggle--compact{background:var(--nav-glass);-webkit-backdrop-filter:blur(10px);padding:2px}.theme-toggle--compact .theme-toggle__option{padding:6px 9px}#screen-legal{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}.legal-back{top:calc(env(safe-area-inset-top,0px) + var(--sp-20));left:max(env(safe-area-inset-left,0px), var(--sp-20));z-index:2;align-items:center;gap:4px;display:flex;position:absolute}.legal-content{width:100%;max-width:640px}.legal-updated{color:var(--ink-3);letter-spacing:.02em;margin-bottom:var(--sp-12);font-size:.75rem}.legal-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:var(--sp-24);font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.1}.legal-intro{color:var(--ink-2);margin-bottom:var(--sp-48);font-size:1rem;font-weight:300;line-height:1.65}.legal-content h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-top:var(--sp-40);margin-bottom:var(--sp-12);font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:400}.legal-content p{color:var(--ink-2);margin-bottom:var(--sp-16);font-size:.9375rem;font-weight:300;line-height:1.7}.legal-content ul{margin:0 0 var(--sp-16);padding:0;list-style:none}.legal-content li{color:var(--ink-2);padding-left:var(--sp-20);margin-bottom:var(--sp-8);font-size:.9375rem;font-weight:300;line-height:1.7;position:relative}.legal-content li:before{content:"";background:var(--ink-3);border-radius:50%;width:5px;height:5px;position:absolute;top:10px;left:0}.legal-content strong{color:var(--ink);font-weight:500}.legal-content a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;transition:color .2s}.legal-content a:hover{color:var(--ink-2)}.legal-table{border-collapse:collapse;width:100%;margin-bottom:var(--sp-24);font-size:.875rem}.legal-table th{text-align:left;color:var(--ink);padding:var(--sp-10) var(--sp-12);border-bottom:1.5px solid var(--border-md);letter-spacing:.02em;font-size:.8125rem;font-weight:500}.legal-table td{padding:var(--sp-10) var(--sp-12);color:var(--ink-2);border-bottom:1px solid var(--border);font-weight:300;line-height:1.5}.cookie-link{font-family:var(--font-body);font-size:inherit;font-weight:inherit;color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline;transition:color .2s}.cookie-link:hover{color:var(--ink-2)}.cookie-overlay{z-index:9998;padding:0 var(--sp-16) calc(env(safe-area-inset-bottom,0px) + var(--sp-16));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.cookie-banner{pointer-events:auto;background:var(--bg-elevated);border-radius:var(--r-xl) var(--r-xl) var(--r-lg) var(--r-lg);max-width:480px;padding:var(--sp-24);box-shadow:0 -4px 40px var(--shadow-overlay);border:1px solid var(--border);animation:cookieSlideUp .4s var(--ease-out) forwards;margin:0 auto}.cookie-banner-header{gap:var(--sp-12);margin-bottom:var(--sp-20);align-items:flex-start;display:flex}.cookie-banner-title{color:var(--ink);margin-bottom:var(--sp-4);letter-spacing:-.01em;font-size:.9375rem;font-weight:500}.cookie-banner-desc{color:var(--ink-2);font-size:.8125rem;font-weight:300;line-height:1.55}.cookie-banner-actions{gap:var(--sp-8);flex-direction:column;display:flex}.cookie-preferences{gap:var(--sp-4);margin-bottom:var(--sp-20);padding:var(--sp-16);background:var(--surface);border-radius:var(--r-lg);flex-direction:column;display:flex}.cookie-toggle-row{justify-content:space-between;align-items:center;gap:var(--sp-16);padding:var(--sp-10) 0;min-height:44px;display:flex}.cookie-toggle-row+.cookie-toggle-row{border-top:1px solid var(--border)}.cookie-toggle-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cookie-toggle-label{color:var(--ink);font-size:.875rem;font-weight:500}.cookie-toggle-desc{color:var(--ink-3);font-size:.75rem;font-weight:300;line-height:1.45}.cookie-toggle-track{background:var(--surface2);cursor:pointer;width:44px;height:28px;transition:background .25s var(--ease);-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;flex-shrink:0;padding:0;position:relative}.cookie-toggle-track--on{background:var(--ink)}.cookie-toggle-knob{background:var(--toggle-knob);width:22px;height:22px;transition:left .25s var(--ease);box-shadow:var(--shadow-knob);pointer-events:none;border-radius:50%;position:absolute;top:3px;left:3px}.cookie-toggle-knob--on{left:19px}.legal-footer{gap:var(--sp-4) var(--sp-16);padding:var(--sp-16) 0;flex-wrap:wrap;justify-content:center;display:flex}.legal-footer-link{font-family:var(--font-body);color:var(--ink-3);cursor:pointer;padding:var(--sp-8);letter-spacing:.01em;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;min-height:44px;font-size:.75rem;transition:color .2s;display:inline-flex}.legal-footer-link:hover{color:var(--ink-2)}@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)}.portal-content{padding:var(--sp-16) var(--sp-16) calc(env(safe-area-inset-bottom,0px) + 100px)}.section-title{font-size:1.5rem}.section-subtitle{font-size:.875rem}.alarm-row{gap:var(--sp-8);flex-wrap:wrap}.alarm-row .time-input{width:100%;max-width:100%}.alarm-card,.question-card,.rec-list,.features-card{border-radius:var(--r-lg)}.plan-card{padding:var(--sp-20) var(--sp-16)}.tip-card{padding:var(--sp-16) var(--sp-16) var(--sp-14)}}@media (width>=640px){.portal-content{padding:var(--sp-40) max(env(safe-area-inset-left,0px), var(--sp-32)) var(--sp-80) max(env(safe-area-inset-right,0px), var(--sp-32))}.portal-nav{padding:env(safe-area-inset-top,0px) max(env(safe-area-inset-left,0px), var(--sp-40)) 0 max(env(safe-area-inset-right,0px), var(--sp-40))}}@media (width>=768px){.portal-content{padding:var(--sp-48) var(--sp-40) var(--sp-96) var(--sp-40)}.section-title{font-size:2.25rem}.portal-drawer{width:320px}.plans-grid{gap:var(--sp-16)}.plan-card{padding:var(--sp-32) var(--sp-28)}.alarm-card{padding:var(--sp-4) var(--sp-8)}.question-card .q-header{padding:var(--sp-24) var(--sp-24) var(--sp-20)}.question-card .q-body{padding:0 var(--sp-24) var(--sp-24)}.people-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.memory-post-media{border-radius:0}}@media (width>=1024px){.portal-content{padding:var(--sp-48) var(--sp-48) var(--sp-96) var(--sp-48)}.section-title{font-size:2.5rem}.portal-drawer{width:340px}.people-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}