*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg: #f7f4ee;--surface: #ffffff;--fg: #1f2524;--muted: #637565;--border: #ebe4d8;--accent: #d99d45;--tide: #52758a;--clay: #b76f58;--moss-soft: #e9ece6;--gradient-warm: linear-gradient(135deg, #fff1a8 0%, #ffe7d5 100%);--gradient-warm-soft: linear-gradient(135deg, #fff7c8 0%, #fff0df 100%);--shadow-card: 0 18px 48px rgba(31,37,36,.1);--shadow-soft: 0 6px 18px rgba(31,37,36,.06);--font-body: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: "Iowan Old Style", "Charter", "Newsreader", "Tiempos Headline", Georgia, serif;--indigo: #5d6cc1;--indigo-deep: #2d3270}body[data-theme=dark]{--bg: #11141a;--surface: #1a1e26;--fg: #ecebe5;--muted: #8a8d92;--border: #2a2f38;--moss-soft: #1f2530;--gradient-warm: linear-gradient(135deg, #3a2f1e 0%, #2a221a 100%);--gradient-warm-soft: linear-gradient(135deg, #2a241c 0%, #1f1b16 100%);--shadow-card: 0 18px 48px rgba(0,0,0,.4);--shadow-soft: 0 6px 18px rgba(0,0,0,.25);--indigo: #7986d8;--accent: #e8b264;--tide: #7090a8;--clay: #c98770;background:#08090c}body[data-theme=dark] .iphone,body[data-theme=dark] .android,body[data-theme=dark] .ipad{background:#0a0c10;box-shadow:0 24px 60px #00000080,inset 0 0 0 2px #1a1d24}body[data-theme=dark] .desktop{background:#181b22}body[data-theme=dark] .topbar-mobile,body[data-theme=dark] .topbar-desktop{background:#0d1015;border-bottom-color:#16191f}body[data-theme=dark] .topbar-mobile .brand-icon,body[data-theme=dark] .topbar-desktop .brand-icon{background:#1a1e26}body[data-theme=dark] .tabbar{background:var(--surface);border-top-color:var(--border)}body[data-theme=dark] .gallery-bar,body[data-theme=dark] .gallery-meta .crumb{background:#141821;border-color:#1f242d;color:#ecebe5}body[data-theme=dark] .tabs{background:#1f242d}body[data-theme=dark] .tabs button{color:#8a8d92}body[data-theme=dark] .tabs button.active{background:#2a313e;color:#ecebe5}body[data-theme=dark] .toggle{background:#1f242d;color:#8a8d92}body[data-theme=dark] .toggle .dot{background:#2a313e;border-color:#3a4150}body[data-theme=dark] .gallery-meta,body[data-theme=dark] .device-label{color:#8a8d92}body[data-theme=dark] .device-label span{color:#ecebe5}body[data-theme=dark] .wordmark-icon{background:#1a1e26}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:#ece6da;color:var(--fg);-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh}button{font:inherit;cursor:pointer}.gallery{max-width:1700px;margin:0 auto;padding:32px 28px 80px}.gallery-bar{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:18px 22px;box-shadow:var(--shadow-soft);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:20px}.wordmark{display:flex;gap:12px;align-items:center}.wordmark-icon{width:34px;height:34px;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow-soft)}.wordmark-icon img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.wordmark-icon svg{width:16px;height:16px;color:#8a5e1c}.wordmark-text{font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--fg)}.wordmark-sub{font-size:11px;color:var(--muted);margin-top:1px;letter-spacing:.04em}.tabs{display:flex;gap:4px;flex-wrap:wrap;background:#f3eee2;border-radius:999px;padding:4px;justify-self:center}.tabs button{border:0;background:transparent;color:var(--muted);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;letter-spacing:.02em;transition:all .15s ease}.tabs button:hover{color:var(--fg)}.tabs button.active{background:var(--surface);color:var(--fg);box-shadow:0 2px 8px #1f252414;font-weight:600}.gallery-controls{display:flex;gap:10px;align-items:center}.toggle{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;background:#f3eee2;border-radius:999px;font-size:12px;color:var(--muted);border:0}.toggle .dot{width:16px;height:16px;border-radius:50%;background:var(--surface);border:1px solid var(--border);transition:all .15s ease}.toggle.on{background:var(--gradient-warm);color:#8a5e1c}.toggle.on .dot{background:#8a5e1c;border-color:#8a5e1c}.gallery-meta{display:flex;gap:18px;padding:8px 14px 18px;font-size:12px;color:var(--muted);align-items:center}.gallery-meta .crumb{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:11px;background:var(--surface);border:1px solid var(--border);padding:4px 10px;border-radius:6px;color:var(--fg)}.devices{display:grid;grid-template-columns:auto auto auto 1fr;gap:22px;align-items:start}@media(max-width:1500px){.devices{grid-template-columns:auto auto 1fr}.device-col.ipad-col{display:none}}.device-col{display:flex;flex-direction:column;gap:10px;align-items:center}.device-label{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600}.device-label span{color:var(--fg)}.iphone{width:320px;height:692px;background:#1a1a1a;border-radius:48px;padding:12px;box-shadow:0 24px 60px #1f25242e,inset 0 0 0 2px #2a2a2a;position:relative}.iphone-screen{position:relative;width:100%;height:100%;background:var(--bg);border-radius:36px;overflow:hidden}.iphone-island{position:absolute;top:10px;left:50%;transform:translate(-50%);width:100px;height:28px;background:#000;border-radius:18px;z-index:50}.android{width:330px;height:720px;background:#1a1a1a;border-radius:36px;padding:10px;box-shadow:0 24px 60px #1f25242e,inset 0 0 0 2px #2a2a2a;position:relative}.android-screen{position:relative;width:100%;height:100%;background:var(--bg);border-radius:28px;overflow:hidden}.android-punch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#000;border-radius:50%;z-index:50}.ipad{width:380px;height:540px;background:#1a1a1a;border-radius:26px;padding:12px;box-shadow:0 24px 60px #1f25242e,inset 0 0 0 2px #2a2a2a;position:relative}.ipad-screen{position:relative;width:100%;height:100%;background:var(--bg);border-radius:16px;overflow:hidden}.ipad-camera{position:absolute;top:50%;left:8px;transform:translateY(-50%);width:6px;height:6px;background:#444;border-radius:50%;z-index:50}.desktop{width:100%;aspect-ratio:16 / 10;background:#2a2a2a;border-radius:16px;padding:28px 8px 8px;box-shadow:0 24px 60px #1f25242e;position:relative;min-height:720px}.desktop:before{content:"";position:absolute;top:9px;left:18px;width:10px;height:10px;border-radius:50%;background:#ff5f57;box-shadow:16px 0 #febc2e,32px 0 #28c840}.desktop-screen{width:100%;height:100%;background:var(--bg);border-radius:8px;overflow:hidden;position:relative}.stage{container-type:inline-size;container-name:stage;width:100%;height:100%;overflow:auto;position:relative;scrollbar-width:none}.stage::-webkit-scrollbar{display:none}.screen{display:none;min-height:100%;position:relative}.screen.active{display:block}.screen{--t-xxs: clamp(9px, 3cqi, 10px);--t-xs: clamp(9.5px, 3.2cqi, 11px);--t-sm: clamp(10.5px, 3.5cqi, 12px);--t-base: clamp(11.5px, 3.9cqi, 13px);--t-md: clamp(12.5px, 4.2cqi, 14px);--t-lg: clamp(13.5px, 4.6cqi, 15px);--t-xl: clamp(15px, 5.2cqi, 17px);--t-2xl: clamp(17px, 5.9cqi, 20px);--t-3xl: clamp(20px, 7cqi, 24px);--pad-page: clamp(12px, 3.8cqi, 16px);--pad-card: clamp(11px, 3.6cqi, 14px);--gap-card: clamp(8px, 2.8cqi, 11px);--radius-card: clamp(12px, 4.4cqi, 16px);--icon-sm: clamp(13px, 4.4cqi, 15px);--icon-md: clamp(30px, 10cqi, 36px);--icon-lg: clamp(38px, 12cqi, 48px);font-size:var(--t-base);line-height:1.4}@container stage (min-width: 800px){.screen{--t-xxs: 10.5px;--t-xs: 11.5px;--t-sm: 12px;--t-base: 13px;--t-md: 14px;--t-lg: 15px;--t-xl: 17px;--t-2xl: 21px;--t-3xl: 26px;--pad-page: 28px;--pad-card: 20px;--gap-card: 14px;--radius-card: 18px;--icon-sm: 14px;--icon-md: 40px;--icon-lg: 52px;font-size:13px}}.screen h1,.screen h2,.screen h3{text-wrap:balance;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.screen p{text-wrap:pretty;overflow-wrap:break-word}.screen .session-info,.screen .field,.screen .auth-form-card,.screen .session-info>.title,.screen .session-info>.sub{min-width:0}.screen .truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-mobile{display:flex;align-items:center;justify-content:space-between;padding:38px 16px 12px;background:#181b1a;color:#f7f4ee}.topbar-mobile .brand{display:flex;gap:8px;align-items:center}.topbar-mobile .brand-icon{width:28px;height:28px;border-radius:7px;background:#000;display:grid;place-items:center;overflow:hidden}.topbar-mobile .brand-icon img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.topbar-mobile .brand-icon svg{width:14px;height:14px;color:#8a5e1c}.topbar-mobile .brand-text{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.topbar-mobile .sub-pill{font-size:10px;background:#d99d452e;color:#f4cb88;padding:4px 10px;border-radius:999px;letter-spacing:.04em}.timer-pill{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.04em!important}.tabbar{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--border);padding:10px 0 22px;z-index:30}.tabbar button{background:transparent;border:0;display:flex;align-items:center;justify-content:center;padding:10px 0;color:var(--muted);font-size:0;position:relative}.tabbar button svg{width:24px;height:24px}.tabbar button.active{color:var(--fg)}.tabbar button.active svg{color:var(--accent)}.tabbar button.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:24px;height:2px;border-radius:2px;background:var(--accent)}.topbar-desktop{display:none;padding:16px 32px;background:#181b1a;color:#f7f4ee;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #1f2524}.topbar-desktop .brand{display:flex;gap:12px;align-items:center}.topbar-desktop .brand-icon{width:32px;height:32px;border-radius:8px;background:#000;display:grid;place-items:center;overflow:hidden}.topbar-desktop .brand-icon img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.topbar-desktop .brand-icon svg{width:16px;height:16px;color:#8a5e1c}.topbar-desktop .brand-text{font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase}.topbar-desktop .nav-links{display:flex;gap:6px}.topbar-desktop .nav-links button{background:transparent;border:0;color:#f7f4ee8c;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;position:relative;transition:color .15s ease,background .15s ease;font-size:0}.topbar-desktop .nav-links button .label{display:none}.topbar-desktop .nav-links button svg{width:19px;height:19px}.topbar-desktop .nav-links button.active{background:#52758a38;color:#c4dbe9}.topbar-desktop .nav-links button.active:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:22px;height:2px;border-radius:2px;background:var(--accent)}.topbar-desktop .nav-links button:hover:not(.active){color:#f7f4ee;background:#f7f4ee0f}.topbar-desktop .right{display:flex;gap:16px;align-items:center}.topbar-desktop .sub-pill{font-size:11px;padding:5px 12px;background:#d99d452e;color:#f4cb88;border-radius:999px;letter-spacing:.04em}.topbar-desktop .signout{background:transparent;border:1px solid rgba(247,244,238,.18);color:#f7f4ee;font-size:12px;padding:6px 12px;border-radius:8px}@container stage (min-width: 800px){.topbar-mobile,.tabbar{display:none}.screen.active:has(>.topbar-desktop){display:grid;grid-template-columns:232px 1fr;grid-template-rows:1fr;min-height:100%;-moz-column-gap:0;column-gap:0}.screen.active:has(>.topbar-desktop)>.topbar-desktop{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:28px;padding:26px 18px 22px;grid-column:1 / 2;grid-row:1;border-right:1px solid #1f2524;border-bottom:0;align-self:stretch;min-height:100%}.screen.active:has(>.topbar-desktop)>.topbar-desktop .brand{padding:4px 8px 18px;border-bottom:1px solid rgba(247,244,238,.08)}.screen.active:has(>.topbar-desktop)>.topbar-desktop .nav-links{flex-direction:column;gap:2px;width:100%}.screen.active:has(>.topbar-desktop)>.topbar-desktop .nav-links button{width:100%;height:40px;display:flex;align-items:center;justify-content:flex-start;padding:0 12px;gap:12px;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:#f7f4ee9e;border-radius:10px}.screen.active:has(>.topbar-desktop)>.topbar-desktop .nav-links button svg{flex-shrink:0;width:17px;height:17px}.screen.active:has(>.topbar-desktop)>.topbar-desktop .nav-links button .label{display:inline}.screen.active:has(>.topbar-desktop)>.topbar-desktop .nav-links button.active{background:#d99d4524;color:#fffaee}.screen.active:has(>.topbar-desktop)>.topbar-desktop .nav-links button.active:after{content:"";position:absolute;left:-18px;top:8px;bottom:8px;width:3px;height:auto;background:var(--accent);border-radius:0 3px 3px 0;transform:none}.screen.active:has(>.topbar-desktop)>.topbar-desktop .nav-links button:hover:not(.active){background:#f7f4ee0d;color:#f7f4ee}.screen.active:has(>.topbar-desktop)>.topbar-desktop .right{margin-top:auto;flex-direction:column;align-items:stretch;gap:8px;padding-top:16px;border-top:1px solid rgba(247,244,238,.08)}.screen.active:has(>.topbar-desktop)>.topbar-desktop .right .sub-pill{text-align:center;padding:6px 10px;font-size:11px}.screen.active:has(>.topbar-desktop)>.topbar-desktop .right .signout{width:100%;text-align:left;font-size:12px;padding:8px 12px}.screen.active:has(>.topbar-desktop)>:not(.topbar-desktop):not(.topbar-mobile):not(.tabbar){grid-column:2 / 3;grid-row:1;min-width:0}.screen.active:not(:has(>.topbar-desktop))>.topbar-desktop{display:flex}}@container stage (min-width: 800px){@supports not selector(:has(*)){.topbar-desktop{display:flex}}}.screen[data-screen=auth]{position:relative}.auth-content{display:flex;flex-direction:column}.auth-content>*{width:100%}@container stage (min-width: 800px){.auth-content.page-pad{max-width:460px;margin:56px auto 72px;padding:0 24px}}.auth-mode-segs{display:grid;grid-template-columns:1fr 1fr;background:var(--moss-soft);border-radius:12px;padding:4px;margin:4px 0 18px;position:relative}.auth-mode-segs button{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:10px 8px;font:inherit;font-size:13px;font-weight:600;color:var(--muted);border-radius:9px;cursor:pointer;transition:color .15s ease;z-index:1;letter-spacing:-.005em}.auth-mode-segs button.on{color:var(--fg)}.auth-mode-segs:after{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--surface);border-radius:9px;box-shadow:0 2px 6px #1f25240f,0 0 0 1px #1f25240a;transition:transform .22s cubic-bezier(.32,.72,0,1)}.auth-mode-segs[data-mode=signup]:after{transform:translate(100%)}.auth-title{font-size:22px;font-weight:600;letter-spacing:-.015em;margin:2px 0 4px;color:var(--fg);line-height:1.15}.auth-sub{font-size:13px;color:var(--muted);margin:0 0 18px;line-height:1.4}.auth-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.auth-field{display:block;position:relative}.auth-field label{display:flex;justify-content:space-between;align-items:baseline;font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin-bottom:7px}.auth-forgot-row{display:flex;justify-content:flex-end;margin-top:6px}.auth-forgot-row .forgot{background:transparent;border:0;color:var(--tide);font-size:12px;font-weight:500;letter-spacing:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;padding:4px 2px;cursor:pointer}.auth-forgot-row .forgot:hover{color:var(--fg)}.screen[data-auth-mode=signup] .auth-forgot-row{display:none}.auth-input-wrap{position:relative;display:flex;align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.auth-input-wrap:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px #d99d451f}.auth-input-wrap .lead-icon{flex-shrink:0;width:40px;display:grid;place-items:center;color:var(--muted)}.auth-input-wrap .lead-icon svg{width:18px;height:18px}.auth-input-wrap input{flex:1;min-width:0;background:transparent;border:0;outline:0;font:inherit;font-size:16px;color:var(--fg);padding:14px 12px 14px 0;letter-spacing:-.005em}.auth-input-wrap input::-moz-placeholder{color:var(--muted);opacity:.65}.auth-input-wrap input::placeholder{color:var(--muted);opacity:.65}.auth-input-wrap input:-webkit-autofill{-webkit-text-fill-color:var(--fg);-webkit-box-shadow:0 0 0 1000px var(--surface) inset}.auth-input-wrap .reveal{flex-shrink:0;background:transparent;border:0;width:44px;height:100%;display:grid;place-items:center;color:var(--muted);cursor:pointer;border-radius:10px}.auth-input-wrap .reveal svg{width:18px;height:18px}.auth-input-wrap .reveal:hover,.auth-input-wrap[data-revealed=true] .reveal{color:var(--fg)}.auth-cta{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;background:var(--fg);color:#fffcf3;border:0;border-radius:14px;min-height:52px;padding:14px 16px;font:inherit;font-size:15px;font-weight:600;letter-spacing:.005em;margin-top:4px;cursor:pointer;transition:background .15s ease,transform .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.auth-cta:active{transform:scale(.992)}.auth-cta:hover{background:#2c3534}.auth-cta svg{width:18px;height:18px}.auth-foot{text-align:center;font-size:11px;color:var(--muted);padding:16px 12px 4px}.auth-foot a{color:var(--tide);text-decoration:underline;text-underline-offset:2px}.perm-panel{border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin:8px 0 10px;background:var(--bg)}.perm-panel.granted{background:#4a8a520f;border-color:#4a8a524d}.perm-panel.warn{background:#d99d451a;border-color:#d99d4566}.perm-panel.blocked{background:#b76f581a;border-color:#b76f584d}.perm-panel .row{display:flex;align-items:center;gap:10px}.perm-panel .dot{width:10px;height:10px;border-radius:999px;flex-shrink:0}.perm-panel.granted .dot{background:#4a8a52;box-shadow:0 0 0 3px #4a8a522e}.perm-panel.warn .dot{background:var(--accent);box-shadow:0 0 0 3px #d99d4533}.perm-panel.blocked .dot{background:var(--clay);box-shadow:0 0 0 3px #b76f5833}.perm-panel .label{font-size:var(--t-sm);font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.perm-panel .meta{font-size:var(--t-xxs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;white-space:nowrap}.perm-panel .body{font-size:var(--t-xs);color:var(--muted);margin-top:6px;line-height:1.5}.perm-panel .body strong{color:var(--fg);font-weight:600}.perm-panel .actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.perm-panel .actions button{font:inherit;font-size:var(--t-xs);padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;white-space:nowrap}.perm-panel .actions button.primary{background:var(--fg);color:var(--surface);border-color:var(--fg)}.perm-panel .actions button:hover{background:var(--moss-soft)}.perm-panel .actions button.primary:hover{background:#2c3534}.devices-list{margin-top:10px;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.device-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.device-row:last-child{border-bottom:0}.device-row .icon-tile{width:32px;height:32px;border-radius:9px;background:var(--moss-soft);display:grid;place-items:center;color:var(--muted);flex-shrink:0}.device-row .icon-tile svg{width:16px;height:16px}.device-row .device-info{min-width:0}.device-row .device-name{font-size:var(--t-sm);font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-row .device-meta{font-size:var(--t-xxs);color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-row .status-pill{font-size:var(--t-xxs);letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:4px 8px;border-radius:999px;white-space:nowrap}.device-row .status-pill.granted{background:#4a8a5224;color:#2f6336}.device-row .status-pill.pending{background:#d99d452e;color:#8a5e1c}.device-row .status-pill.blocked{background:#b76f5824;color:#8a3a25}.device-row .device-actions{display:flex;gap:4px;align-items:center}.device-row button.disable{font:inherit;font-size:var(--t-xxs);padding:4px 8px;border-radius:8px;border:0;background:transparent;color:var(--muted);cursor:pointer}.device-row button.disable:hover{color:var(--clay);background:#b76f580f}.notif-preview{background:linear-gradient(180deg,#2f3940,#1f2528);border-radius:14px;padding:14px;margin:8px 0 12px;color:#e8ecef;box-shadow:0 8px 24px #0000002e;position:relative;overflow:hidden}.notif-preview:before{content:"LOCK SCREEN PREVIEW";position:absolute;top:8px;right:12px;font-size:8px;letter-spacing:.2em;color:#e8ecef66;font-weight:600}.notif-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:flex-start;margin-top:22px}.notif-card .app-icon{width:36px;height:36px;border-radius:9px;background:#000;display:grid;place-items:center;color:var(--bg);flex-shrink:0;overflow:hidden;box-shadow:0 1px #ffffff0a inset}.notif-card .app-icon img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.notif-card .app-icon svg{width:22px;height:22px}.notif-card .info{min-width:0}.notif-card .app-name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#e8ecefa6;white-space:nowrap}.notif-card .title{font-size:14px;font-weight:600;color:#fff;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-card .body{font-size:13px;color:#e8ecefd9;margin-top:2px;line-height:1.4}.notif-card .when{font-size:11px;color:#e8ecef80;white-space:nowrap}.pwa-hint{margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--moss-soft);border:1px dashed var(--border);font-size:var(--t-xs);color:var(--muted);line-height:1.5}.pwa-hint strong{color:var(--fg);font-weight:600}.confirm-overlay{position:absolute;inset:0;background:#1f252480;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:flex-end;justify-content:center;z-index:20;padding:0}.confirm-overlay.active{display:flex}@container stage (min-width: 800px){.confirm-overlay{align-items:center;padding:40px}}.confirm-sheet{background:var(--surface);border-top-left-radius:20px;border-top-right-radius:20px;width:100%;max-width:100%;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -16px 48px #0000002e;animation:sheetUp .22s cubic-bezier(.2,.8,.25,1);border-top:1px solid var(--border)}@keyframes sheetUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@container stage (min-width: 800px){.confirm-sheet{max-width:480px;border-radius:16px;padding:24px;animation:sheetIn .18s cubic-bezier(.2,.8,.25,1);border-top:1px solid var(--border)}@keyframes sheetIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}}.confirm-sheet .head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.confirm-sheet .icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.confirm-sheet .icon.warn{background:#d99d452e;color:#8a5e1c}.confirm-sheet .icon.danger{background:#b76f582e;color:var(--clay)}.confirm-sheet .icon svg{width:20px;height:20px}.confirm-sheet .head .text{flex:1;min-width:0}.confirm-sheet h3{font-family:var(--font-display);font-size:clamp(18px,5.4cqi,22px);font-weight:500;letter-spacing:-.01em;margin:0 0 4px;line-height:1.2;color:var(--fg)}.confirm-sheet .head .sub{font-size:var(--t-sm);color:var(--muted);line-height:1.45}.confirm-sheet .close{background:transparent;border:0;color:var(--muted);cursor:pointer;padding:4px;border-radius:8px}.confirm-sheet .close:hover{color:var(--fg);background:var(--moss-soft)}.confirm-sheet .close svg{width:18px;height:18px}.confirm-sheet .body{font-size:var(--t-sm);color:var(--muted);line-height:1.55;padding:8px 12px 10px;margin:0 -2px 12px;background:var(--bg);border-radius:10px;border-left:2px solid var(--border)}.confirm-sheet .body strong{color:var(--fg);font-weight:600}.confirm-sheet .body ul{margin:6px 0 0;padding-left:18px}.confirm-sheet .body li{margin-bottom:3px}.confirm-sheet .typed-label{display:block;font-size:var(--t-xs);color:var(--muted);margin-bottom:6px}.confirm-sheet .typed-label code{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;background:var(--bg);color:var(--fg);padding:1px 6px;border-radius:4px;font-size:var(--t-xs)}.confirm-sheet .typed-input{width:100%;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:16px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--fg);margin-bottom:14px;outline:none;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.confirm-sheet .typed-input:focus{border-color:var(--clay)}.confirm-sheet .typed-input.match{border-color:#4a8a52}.confirm-sheet .actions{display:flex;gap:8px}.confirm-sheet .actions button{flex:1;padding:12px 14px;border-radius:12px;font:inherit;font-size:var(--t-base);font-weight:500;cursor:pointer;transition:all .15s ease;min-height:44px;white-space:nowrap}.confirm-sheet .btn-cancel{background:var(--bg);border:1px solid var(--border);color:var(--fg)}.confirm-sheet .btn-cancel:hover{background:var(--moss-soft)}.confirm-sheet .btn-confirm{background:var(--fg);border:1px solid var(--fg);color:var(--surface)}.confirm-sheet .btn-confirm:hover{background:#2c3534}.confirm-sheet .btn-confirm.destructive{background:var(--clay);border-color:var(--clay)}.confirm-sheet .btn-confirm.destructive:hover{background:#9a5743}.confirm-sheet .btn-confirm:disabled{opacity:.4;cursor:not-allowed}.confirm-toast{position:absolute;bottom:90px;left:16px;right:16px;background:var(--fg);color:var(--surface);padding:12px 16px;border-radius:12px;font-size:var(--t-sm);box-shadow:0 8px 24px #0003;z-index:25;display:none;align-items:center;gap:10px}.confirm-toast.active{display:flex;animation:toastIn .22s cubic-bezier(.2,.8,.25,1)}@keyframes toastIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-toast .check{width:22px;height:22px;border-radius:999px;background:#ffffff2e;display:grid;place-items:center;flex-shrink:0}.confirm-toast .check svg{width:12px;height:12px}@container stage (min-width: 800px){.confirm-toast{bottom:24px;left:50%;transform:translate(-50%);right:auto;max-width:440px}}.auth-aux-back{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;font:inherit;color:var(--muted);font-size:var(--t-sm);padding:0;cursor:pointer;margin-bottom:18px}.auth-aux-back svg{width:14px;height:14px}.auth-aux-back:hover{color:var(--fg)}.auth-aux-icon{width:56px;height:56px;border-radius:16px;background:var(--gradient-warm);display:grid;place-items:center;color:#b76f58;box-shadow:0 6px 18px #b76f582e;margin-bottom:18px}.auth-aux-icon svg{width:28px;height:28px}.auth-aux-icon.sent{background:#5d6cc11a;color:#5d6cc1;box-shadow:0 6px 18px #5d6cc124}.auth-aux-help{text-align:center;font-size:var(--t-sm);color:var(--muted);padding:14px 8px 0}.auth-aux-help button{background:transparent;border:0;padding:0;color:var(--tide);text-decoration:underline;text-underline-offset:2px;cursor:pointer;font:inherit}.auth-aux-help button:hover{color:var(--fg)}.otp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:4px 0 14px}.otp-grid input{aspect-ratio:1;width:100%;text-align:center;font-family:var(--font-display);font-size:clamp(20px,7cqi,26px);font-weight:500;color:var(--fg);border:1.5px solid var(--border);border-radius:12px;background:var(--surface);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.otp-grid input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d99d452e}.otp-grid input.filled{background:var(--bg)}@container stage (min-width: 800px){.otp-grid{gap:10px;max-width:360px}.otp-grid input{font-size:22px;border-radius:10px}}.auth-aux-sent{text-align:center;font-size:var(--t-sm);color:var(--muted);margin:-6px 0 16px}.auth-aux-sent strong{color:var(--fg);font-weight:600}.faux-keyboard{display:none;position:absolute;left:0;right:0;bottom:0;height:290px;background:linear-gradient(180deg,#d2d4da,#c8cad1);border-top:1px solid rgba(0,0,0,.08);padding:8px 4px 22px;flex-direction:column;gap:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 -8px 32px #00000014;z-index:5}.stage[data-keyboard=up] .screen[data-screen=auth] .faux-keyboard,.stage[data-keyboard=up] .screen[data-screen=forgot] .faux-keyboard,.stage[data-keyboard=up] .screen[data-screen=verify] .faux-keyboard,.stage[data-keyboard=up] .screen[data-screen=onboarding] .faux-keyboard{display:flex}.fk-row{display:flex;gap:4px;justify-content:center;flex:1}.fk-key{flex:1;background:#fdfdfd;border-radius:4.5px;box-shadow:0 1px #00000052;display:grid;place-items:center;font-size:14px;font-weight:400;color:#1a1a1a;max-width:30px}.fk-key.wide{flex:1.5;max-width:44px}.fk-key.action{background:#adb1ba;color:#fff;flex:1.7;max-width:56px;font-size:11px;font-weight:500}.fk-key.space{flex:5;max-width:none}.fk-key.go{background:var(--fg);color:#fffcf3}.fk-row.bottom{gap:4px}.stage[data-keyboard=up] .screen[data-screen=auth] .auth-content,.stage[data-keyboard=up] .screen[data-screen=forgot] .auth-content,.stage[data-keyboard=up] .screen[data-screen=verify] .auth-content{padding-bottom:296px}.stage[data-keyboard=up] .auth-input-wrap[data-field=email]{border-color:var(--accent);box-shadow:0 0 0 4px #d99d451f}.stage[data-keyboard=up] .auth-input-wrap[data-field=email] .lead-icon{color:var(--accent)}@container stage (min-width: 800px){.auth-title{font-size:24px}.auth-input-wrap input{font-size:14px;padding:13px 12px 13px 0}.auth-cta{font-size:14px;min-height:48px}.faux-keyboard{display:none!important}}.page-pad{padding:var(--pad-page) var(--pad-page) calc(var(--pad-page) + 8px)}@container stage (min-width: 800px){.page-pad{padding:32px 36px 48px;max-width:1080px;margin:0 auto}}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}.page-head .eyebrow{font-size:var(--t-xxs);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:3px;white-space:nowrap}.page-head h1{font-size:var(--t-2xl);font-weight:600;letter-spacing:-.01em;margin:0;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container stage (min-width: 800px){.page-head{margin-bottom:14px}.page-head h1{font-size:22px}.page-head .eyebrow{font-size:11px;margin-bottom:5px}}.completion-pill{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:7px 12px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.completion-pill svg{width:13px;height:13px;color:var(--accent)}.completion-pill strong{color:var(--fg);font-weight:600}.progress-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;background:transparent;border:1px solid rgba(93,108,193,.32);border-radius:999px;padding:9px 14px;margin:0;font:inherit;color:var(--fg);text-align:left}@container stage (min-width: 800px){.progress-bar{padding:11px 18px;gap:14px}}.progress-bar .pb-text{display:flex;align-items:baseline;gap:8px;min-width:0}.progress-bar .pb-count{font-size:var(--t-xs);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase;color:var(--indigo);line-height:1.2;white-space:nowrap}.progress-bar .pb-sub{display:none}@container stage (min-width: 800px){.progress-bar .pb-count{font-size:12px}}.progress-bar .pb-segments{display:inline-flex;gap:4px;align-items:center;flex-shrink:0}.progress-bar .pb-seg{width:14px;height:4px;border-radius:2px;background:#5d6cc12e;transition:background .25s ease}.progress-bar .pb-seg.done{background:var(--indigo)}@container stage (min-width: 800px){.progress-bar .pb-seg{width:20px;height:5px;border-radius:2.5px}}.progress-bar .pb-icon-wrap{display:none}button.progress-bar.full{background:var(--indigo);border-color:var(--indigo);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}button.progress-bar.full:hover{transform:translateY(-1px);box-shadow:0 10px 22px #5d6cc147;background:#4d5cb0}button.progress-bar.full:focus-visible{outline:2px solid var(--indigo);outline-offset:3px}.progress-bar.full .pb-count{color:#fffcf3}.progress-bar.full .pb-seg{background:#fffcf34d}.progress-bar.full .pb-seg.done{background:#fffcf3}.progress-bar.full .pb-cta{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-xs);font-weight:600;color:#fffcf3;white-space:nowrap}.progress-bar.full .pb-cta svg{width:12px;height:12px}@container stage (min-width: 800px){.progress-bar.full .pb-cta{font-size:13px}.progress-bar.full .pb-cta svg{width:14px;height:14px}}.progress-bar.synthed{background:#5d6cc10f;border-color:#5d6cc14d}.progress-bar.synthed .pb-seg.done{background:var(--indigo)}.progress-bar.generating{background:var(--indigo);border-color:var(--indigo);cursor:progress}.progress-bar.generating .pb-count{color:#fffcf3;animation:pb-pulse 1.4s ease-in-out infinite}.progress-bar.generating .pb-cta{color:#fffcf3}.progress-bar.generating .pb-seg{background:#fffcf34d}.progress-bar.generating .pb-seg.done{background:#fffcf3}@keyframes pb-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}.session-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--gap-card);align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--pad-card);margin-bottom:10px;box-shadow:var(--shadow-soft);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.session-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}.session-card.featured{background:var(--gradient-warm);border-color:#d99d4559}.window-icon{width:var(--icon-md);height:var(--icon-md);border-radius:clamp(11px,3.6cqi,14px);background:var(--moss-soft);display:grid;place-items:center;color:#4a6a4f;flex-shrink:0}.session-card.featured .window-icon{background:#ffffff8c;color:#8a5e1c}.window-icon svg{width:clamp(14px,4.6cqi,18px);height:clamp(14px,4.6cqi,18px)}.session-info .title{font-size:var(--t-sm);font-weight:600;margin-bottom:1px;letter-spacing:-.005em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-info .sub{font-size:var(--t-xxs);color:var(--muted);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-card.featured .session-info .sub{color:#6e4e16}.status-pill{font-size:var(--t-xxs);font-weight:600;padding:clamp(3px,1.4cqi,5px) clamp(7px,2.4cqi,10px);border-radius:999px;letter-spacing:.04em;flex-shrink:0;white-space:nowrap}.status-pill.complete{background:var(--moss-soft);color:#3f5d44}.status-pill.start{background:var(--fg);color:#fffcf3}.status-pill.upcoming{background:#f0ece2;color:var(--muted)}.status-pill.missed{background:#f3dad0;color:var(--clay)}.status-pill.resume{background:var(--tide);color:#fffcf3}@container stage (min-width: 800px){.session-card{padding:16px 20px;border-radius:18px;gap:14px;margin-bottom:8px}.window-icon{width:42px;height:42px;border-radius:12px}.window-icon svg{width:18px;height:18px}.session-info .title{font-size:14px}.session-info .sub{font-size:12px}.status-pill{font-size:11px;padding:5px 11px}}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-top:12px;box-shadow:var(--shadow-soft)}.summary-card .eyebrow{font-size:var(--t-xxs);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:6px;white-space:nowrap}.summary-card .insight{font-size:var(--t-sm);line-height:1.45;color:var(--fg);margin:0 0 10px}.theme-chips{display:flex;gap:4px;flex-wrap:wrap}.theme-chip{font-size:var(--t-xxs);background:var(--moss-soft);color:#3f5d44;padding:3px 8px;border-radius:999px;font-weight:500;white-space:nowrap}@container stage (min-width: 800px){.summary-card{padding:18px 22px;border-radius:18px}.summary-card .insight{font-size:13px}}.session-wrap{padding:14px 14px 24px}@container stage (min-width: 800px){.session-wrap{padding:32px 36px 48px;max-width:880px;margin:0 auto}}.session-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.icon-btn{width:30px;height:30px;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--fg)}.icon-btn svg{width:14px;height:14px}.timer{justify-self:center;background:var(--surface);border:2px solid var(--accent);border-radius:10px;padding:5px 12px;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:var(--t-sm);font-weight:600;color:var(--fg);letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap}.word-count{font-size:var(--t-xxs);color:var(--muted);display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;white-space:nowrap}.word-count svg{width:11px;height:11px;color:var(--tide)}.word-count strong{color:var(--fg);font-weight:600}.prompt-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:10px;box-shadow:var(--shadow-soft)}.window-pill{display:inline-block;font-size:var(--t-xxs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:var(--gradient-warm);color:#6e4e16;padding:4px 10px;border-radius:999px;margin-bottom:10px;white-space:nowrap}.prompt-card h2{font-size:var(--t-lg);line-height:1.25;letter-spacing:-.01em;font-weight:600;margin:0;text-wrap:balance}@container stage (min-width: 800px){.prompt-card{padding:22px 24px;border-radius:18px}.prompt-card h2{font-size:18px}}.reflection-area{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:var(--shadow-soft)}.reflection-area textarea{width:100%;min-height:160px;border:0;resize:none;background:transparent;font:inherit;font-size:var(--t-sm);line-height:1.5;color:var(--fg);outline:none}@container stage (min-width: 800px){.reflection-area{padding:16px;border-radius:18px}.reflection-area textarea{min-height:240px;font-size:13px}}.screen[data-screen=session-done] .reflection-area{margin-top:12px}.reflection-area textarea::-moz-placeholder{color:var(--muted)}.reflection-area textarea::placeholder{color:var(--muted)}.reflection-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border);font-size:11px;color:var(--muted)}.reflection-meta .left{display:flex;gap:6px;align-items:center}.reflection-meta .left svg{width:13px;height:13px}.save-state{display:inline-flex;align-items:center;gap:6px;font-size:11px}.save-state .dot{width:6px;height:6px;border-radius:50%;background:#5fa66e}.complete-row{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}@container stage (max-width: 480px){.complete-row{flex-direction:row-reverse}}.complete-btn{background:var(--fg);color:#fffcf3;border:0;border-radius:999px;padding:12px 22px;font-size:13px;font-weight:600;letter-spacing:.005em;display:inline-flex;align-items:center;gap:8px;transition:background .15s ease,transform .15s ease}.complete-btn:after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/><path d='m13 5 7 7-7 7'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/><path d='m13 5 7 7-7 7'/></svg>") center/contain no-repeat}.complete-btn:hover{background:#2e3534;transform:translateY(-1px)}.complete-btn[disabled]{background:#d4ccbe;color:#8a8377;cursor:not-allowed}.complete-btn[disabled]:hover{transform:none}.skip-btn{background:transparent;border:0;padding:8px 4px;font-size:12px;font-weight:500;color:var(--muted);transition:color .12s ease}.skip-btn:hover{color:var(--fg)}.earlier-peek{margin-bottom:12px;border:1px solid var(--border);border-radius:16px;background:var(--bg);overflow:hidden}.earlier-peek summary{cursor:pointer;list-style:none;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--fg)}.earlier-peek summary::-webkit-details-marker{display:none}.earlier-peek summary .lead{display:inline-flex;align-items:center;gap:8px;font-weight:500}.earlier-peek summary .lead svg{width:13px;height:13px;color:var(--accent)}.earlier-peek summary .chev{transition:transform .15s ease;color:var(--muted)}.earlier-peek summary .chev svg{width:14px;height:14px}.earlier-peek[open] summary .chev{transform:rotate(90deg)}.earlier-peek .body{padding:0 14px 14px;border-top:1px dashed var(--border)}.earlier-peek .entry-line{margin-top:12px;padding-top:12px;font-size:12.5px;line-height:1.55;color:var(--fg)}.earlier-peek .entry-line:first-child{margin-top:12px;padding-top:0}.earlier-peek .entry-line .kicker{display:block;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:4px}.earlier-peek .entry-line.upcoming{color:var(--muted);font-style:italic}@container stage (min-width: 800px){.earlier-peek{border-radius:18px;margin-bottom:16px}.earlier-peek summary{padding:14px 18px;font-size:13px}.earlier-peek .body{padding:0 18px 18px}}.save-state.saving .dot{background:var(--accent);animation:pulseSave 1.1s ease-in-out infinite}@keyframes pulseSave{0%,to{opacity:.35}50%{opacity:1}}.session-done-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.session-done-stats .stat{padding:12px 10px;text-align:center;border-right:1px solid var(--border)}.session-done-stats .stat:last-child{border-right:0}.session-done-stats .stat .v{display:block;font-family:var(--font-display);font-size:clamp(18px,5.4cqi,22px);font-weight:500;color:var(--fg);letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1}.session-done-stats .stat .k{display:block;margin-top:6px;font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;white-space:nowrap}@container stage (min-width: 800px){.session-done-stats{border-radius:16px;margin-top:14px}.session-done-stats .stat{padding:16px 14px}.session-done-stats .stat .v{font-size:26px}.session-done-stats .stat .k{font-size:11px;margin-top:8px}}.reading{font-size:var(--t-sm);line-height:1.6;color:var(--fg);white-space:pre-wrap}@container stage (min-width: 800px){.reading{font-size:13px}}.breadcrumb{font-size:var(--t-xxs);color:var(--tide);margin-bottom:8px;display:inline-flex;gap:4px;align-items:center;white-space:nowrap}.breadcrumb svg{width:10px;height:10px}.completed-banner{background:var(--moss-soft);color:#3f5d44;border-radius:10px;padding:8px 12px;font-size:var(--t-xxs);margin-top:10px;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.completed-banner svg{width:12px;height:12px}.day-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:10px;box-shadow:var(--shadow-soft)}@container stage (min-width: 800px){.day-card{border-radius:18px;padding:16px;margin-bottom:12px}}.day-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.day-head .date{font-size:var(--t-md);font-weight:600;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-head .day-completion{font-size:var(--t-xxs);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.day-grid{display:grid;gap:6px;grid-template-columns:1fr}@container stage (min-width: 600px){.day-grid{grid-template-columns:repeat(3,1fr);gap:8px}}.entry-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px;cursor:pointer;transition:border-color .15s ease}.entry-card:hover{border-color:var(--accent)}.entry-card .label{font-size:var(--t-xxs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;white-space:nowrap}.entry-card .badge{font-size:var(--t-xxs);padding:2px 6px;border-radius:999px;font-weight:600;letter-spacing:.04em;display:inline-block;margin-bottom:6px;white-space:nowrap}.entry-card .badge.complete{background:var(--moss-soft);color:#3f5d44}.entry-card .badge.missed{background:#f3dad0;color:var(--clay)}.entry-card .badge.in-progress{background:#52758a29;color:var(--tide)}.entry-card .preview{font-size:var(--t-xxs);line-height:1.4;color:var(--fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entry-card .preview.empty{color:var(--muted);font-style:italic}.reflections-stack{display:flex;flex-direction:column;gap:12px;margin-top:4px}@container stage (min-width: 800px){.reflections-stack{gap:18px;max-width:720px;margin-left:auto;margin-right:auto}}.window-block{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}@container stage (min-width: 800px){.window-block{border-radius:18px;padding:22px 26px}}.window-block:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--accent)}.window-block.win-midday:before{background:var(--tide)}.window-block.win-evening:before{background:var(--indigo)}.window-block.empty:before{background:#d8d2c4}.window-block .wb-head{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:baseline;margin-bottom:6px}.window-block .wb-title{font-family:var(--font-display);font-size:var(--t-md);font-weight:600;letter-spacing:-.005em;color:var(--fg);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@container stage (min-width: 800px){.window-block .wb-title{font-size:18px}}.window-block .wb-status{font-size:var(--t-xxs);letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0}.window-block .wb-status.complete{background:var(--moss-soft);color:#3f5d44}.window-block .wb-status.in-progress{background:#52758a29;color:var(--tide)}.window-block .wb-status.missed{background:#f3dad0;color:var(--clay)}.window-block .wb-status.upcoming{background:#f0ece2;color:var(--muted)}.window-block .wb-meta{display:flex;gap:6px;flex-wrap:wrap;font-size:var(--t-xxs);color:var(--muted);letter-spacing:.04em;margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--border)}@container stage (min-width: 800px){.window-block .wb-meta{font-size:11px;margin-bottom:14px;padding-bottom:14px}}.window-block .wb-meta strong{color:var(--fg);font-weight:600}.window-block .wb-meta .dot-sep{opacity:.6}.window-block .wb-prompt{font-size:var(--t-xs);color:var(--muted);font-style:italic;line-height:1.45;margin:0 0 10px}.window-block .wb-body{font-size:var(--t-sm);line-height:1.65;color:var(--fg);white-space:pre-wrap;margin:0;text-wrap:pretty}@container stage (min-width: 800px){.window-block .wb-body{font-size:14px;line-height:1.7}}.window-block.empty .wb-body{color:var(--muted);font-style:italic;font-size:var(--t-xs)}.reflections-foot{text-align:center;margin-top:6px;padding:12px 0 4px;font-size:var(--t-xxs);letter-spacing:.06em;color:var(--muted)}.synthesis-letter{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 14px 18px;margin-top:12px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.synthesis-letter:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--indigo),rgba(93,108,193,.2) 70%,transparent)}@container stage (min-width: 800px){.synthesis-letter{padding:24px 30px 28px;border-radius:20px;margin-top:18px}}.letter-mast{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px dashed var(--border)}.letter-mast .eyebrow{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--indigo-deep);font-weight:600;display:inline-flex;align-items:center;gap:6px}.letter-mast .eyebrow svg{width:11px;height:11px;color:var(--indigo)}.letter-mast .stamp{font-size:10px;color:var(--muted);font-family:ui-monospace,JetBrains Mono,Menlo,monospace;letter-spacing:.04em}.letter-headline{font-family:var(--font-display);font-size:var(--t-xl);line-height:1.18;letter-spacing:-.01em;color:var(--fg);font-weight:500;margin:0 0 12px;text-wrap:balance}@container stage (min-width: 800px){.letter-headline{font-size:24px;max-width:28ch;margin-bottom:18px}}.mood-arc{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-bottom:18px;padding:12px 14px;background:var(--bg);border-radius:14px}.mood-arc .label{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}.mood-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-items:end;height:38px}.mood-bar{position:relative;background:linear-gradient(180deg,var(--accent),#b97e1d);border-radius:6px 6px 4px 4px;min-height:6px;transition:height .35s cubic-bezier(.2,.8,.2,1)}.mood-bar.tide{background:linear-gradient(180deg,var(--tide),#3d5d72)}.mood-bar.indigo-bar{background:linear-gradient(180deg,var(--indigo),#4d5cb1)}.mood-bar .tick{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}.letter-body{font-family:var(--font-display);font-size:var(--t-md);line-height:1.55;color:var(--fg);margin:0;text-wrap:pretty}.letter-body+.letter-body{margin-top:10px}@container stage (min-width: 800px){.letter-body{font-size:15px;line-height:1.65}}.letter-quote{margin:16px 0;padding:12px 0 12px 14px;border-left:3px solid var(--indigo);font-family:var(--font-display);font-size:var(--t-lg);line-height:1.3;font-weight:400;color:var(--indigo-deep);font-style:italic;text-wrap:balance;position:relative}.letter-quote:before{content:"“";position:absolute;left:12px;top:-2px;font-size:56px;color:var(--indigo);opacity:.25;font-family:var(--font-display);line-height:1}.letter-quote .attrib{display:block;margin-top:8px;font-family:var(--font-body);font-style:normal;font-size:11px;letter-spacing:.08em;color:var(--muted);font-weight:500}@container stage (min-width: 800px){.letter-quote{font-size:22px;padding:18px 0 18px 22px;margin:22px 0}}.letter-themes{margin-top:22px;padding-top:18px;border-top:1px dashed var(--border)}.letter-themes .label{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:10px;display:block}.theme-chips{display:flex;flex-wrap:wrap;gap:6px}.theme-chip{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:5px 11px;font-size:11.5px;color:var(--fg);font-weight:500}.theme-chip.accent{background:#d99d451f;border-color:#d99d454d;color:#6e4e16}.theme-chip.tide-chip{background:#52758a1a;border-color:#52758a47;color:var(--tide)}.theme-chip.indigo-chip{background:#5d6cc11a;border-color:#5d6cc14d;color:var(--indigo-deep)}.letter-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px dashed var(--border);font-size:11px;color:var(--muted)}.letter-foot .actions{display:inline-flex;gap:6px}.letter-foot .ghost-btn{background:transparent;border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:11px;color:var(--fg);font-weight:500;transition:border-color .12s ease,background .12s ease}.letter-foot .ghost-btn:hover{border-color:var(--muted);background:var(--bg)}.ana-hero{background:linear-gradient(180deg,#5d6cc11a,#5d6cc105);border:1px solid rgba(93,108,193,.2);border-radius:16px;padding:18px 16px 20px;margin-bottom:14px;text-align:center;position:relative}@container stage (min-width: 800px){.ana-hero{padding:28px 24px 30px;border-radius:22px;margin-bottom:18px}}.ana-hero .crown{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,var(--indigo),var(--indigo-deep));color:var(--surface);margin-bottom:10px}.ana-hero .crown svg{width:18px;height:18px}@container stage (min-width: 800px){.ana-hero .crown{width:44px;height:44px}.ana-hero .crown svg{width:22px;height:22px}}.ana-hero h2{font-family:var(--font-display);font-size:var(--t-xl);line-height:1.1;font-weight:500;margin:0 0 6px;color:var(--fg);letter-spacing:-.01em;text-wrap:balance}@container stage (min-width: 800px){.ana-hero h2{font-size:28px}}.ana-hero .subhead{font-size:var(--t-xs);color:var(--muted);margin:0 0 12px}.ana-hero .subhead strong{color:var(--fg);font-weight:600}.ana-hero .stamp{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:10.5px;color:var(--fg);font-weight:600;letter-spacing:.05em;margin-bottom:12px}.ana-hero .windows{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:center}.ana-hero .win-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--fg);text-transform:uppercase}.ana-hero .win-pill svg{width:11px;height:11px;flex-shrink:0}.ana-hero .win-pill.morning{color:var(--accent-deep, #8a5e1c)}.ana-hero .win-pill.midday{color:var(--tide)}.ana-hero .win-pill.evening{color:var(--indigo-deep)}.ana-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:10px}@container stage (min-width: 800px){.ana-section{padding:22px 26px;border-radius:18px;margin-bottom:14px}}.ana-section .sec-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;min-width:0}.ana-section .sec-head .sec-glyph{flex-shrink:0;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--bg);color:var(--fg)}.ana-section .sec-head .sec-glyph svg{width:12px;height:12px}.ana-section .sec-head h3{font-family:var(--font-display);font-size:var(--t-md);font-weight:500;letter-spacing:-.005em;margin:0;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@container stage (min-width: 800px){.ana-section .sec-head{margin-bottom:14px}.ana-section .sec-head .sec-glyph{width:28px;height:28px;border-radius:8px}.ana-section .sec-head .sec-glyph svg{width:14px;height:14px}.ana-section .sec-head h3{font-size:17px}}.ana-section.tone-flag .sec-glyph{background:#d9794924;color:#b04621}.ana-section.tone-arc .sec-glyph{background:#d9545424;color:#a33a3a}.ana-section.tone-bolt .sec-glyph{background:#d99d4529;color:var(--accent-deep, #8a5e1c)}.ana-section.tone-leaf .sec-glyph{background:#52758a24;color:var(--tide)}.ana-section.tone-bulb .sec-glyph,.ana-section.tone-key .sec-glyph{background:#5d6cc124;color:var(--indigo-deep)}.ana-section.tone-list .sec-glyph{background:#52758a24;color:var(--tide)}.ana-section.tone-grow .sec-glyph{background:#6ea76b29;color:#3d6a3d}.ana-paragraph{font-family:var(--font-display);font-size:var(--t-sm);line-height:1.62;color:var(--fg);margin:0;text-wrap:pretty}@container stage (min-width: 800px){.ana-paragraph{font-size:15px}}.ana-paragraph+.ana-paragraph{margin-top:8px}.ana-bullets{list-style:none;margin:0;padding:0}.ana-bullets li{position:relative;padding:6px 0 6px 16px;border-bottom:1px dashed var(--border);font-size:var(--t-sm);line-height:1.45;color:var(--fg)}.ana-bullets li:last-child{border-bottom:0}.ana-bullets li:before{content:"";position:absolute;left:0;top:13px;width:8px;height:1.5px;background:var(--fg);opacity:.5}@container stage (min-width: 800px){.ana-bullets li{font-size:14.5px;padding:8px 0 8px 20px}.ana-bullets li:before{top:18px;width:10px}}.energy-bars{display:grid;grid-template-columns:56px 1fr 36px;gap:6px 10px;align-items:center;margin-bottom:12px}.energy-bars .e-label{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;white-space:nowrap}.energy-bars .e-track{position:relative;height:8px;background:var(--bg);border-radius:999px;overflow:hidden}.energy-bars .e-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--accent),#b97e1d);transition:width .5s cubic-bezier(.2,.8,.2,1)}.energy-bars .e-fill.tide{background:linear-gradient(90deg,var(--tide),#3d5d72)}.energy-bars .e-fill.indigo{background:linear-gradient(90deg,var(--indigo),var(--indigo-deep))}.energy-bars .e-value{text-align:right;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:11px;color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}@container stage (min-width: 800px){.energy-bars{grid-template-columns:72px 1fr 44px;gap:8px 14px;margin-bottom:16px}.energy-bars .e-label{font-size:11px}.energy-bars .e-track{height:10px}.energy-bars .e-value{font-size:13px}}.energy-meta{display:flex;gap:14px;flex-wrap:wrap;padding-top:10px;margin-bottom:10px;border-top:1px dashed var(--border)}.energy-meta .em{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.energy-meta .em .v{color:var(--fg)}.energy-meta .em .l{color:var(--muted);margin-right:5px}.energy-summary{font-size:var(--t-xs);color:var(--muted);line-height:1.5;margin:0}@container stage (min-width: 800px){.energy-summary{font-size:13px}}.land-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.land-chip{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:5px 11px;font-size:11.5px;color:var(--fg);font-weight:500}.land-arc{padding-top:10px;border-top:1px dashed var(--border);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.land-arc .v{color:var(--indigo-deep)}.insight-list{display:flex;flex-direction:column;gap:10px}@container stage (min-width: 800px){.insight-list{gap:14px}}.insight-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start}@container stage (min-width: 800px){.insight-card{padding:16px 18px;border-radius:14px;gap:14px;grid-template-columns:28px 1fr}}.insight-card .num{width:24px;height:24px;border-radius:50%;background:var(--surface);border:1px solid var(--indigo);color:var(--indigo-deep);display:grid;place-items:center;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:11px;font-weight:700;flex-shrink:0}@container stage (min-width: 800px){.insight-card .num{width:28px;height:28px;font-size:12.5px}}.insight-card .body{min-width:0}.insight-card .title{font-family:var(--font-display);font-size:var(--t-sm);font-weight:500;color:var(--fg);margin:0 0 4px;line-height:1.3;text-wrap:balance}.insight-card .text{font-size:var(--t-xs);line-height:1.5;color:var(--muted);margin:0 0 6px}@container stage (min-width: 800px){.insight-card .title{font-size:15px;margin-bottom:6px}.insight-card .text{font-size:13.5px}}.insight-card .conf{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--indigo-deep);font-weight:600}.insight-card .conf .dot{width:6px;height:6px;border-radius:50%;background:var(--indigo)}.rec-list{display:flex;flex-direction:column;gap:8px}.rec-item{position:relative;padding:8px 10px 8px 14px;background:var(--bg);border-radius:10px;font-size:var(--t-sm);line-height:1.5;color:var(--fg)}@container stage (min-width: 800px){.rec-item{padding:12px 14px 12px 18px;font-size:14.5px}}.rec-item:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:var(--accent)}.rec-item.tide:before{background:var(--tide)}.rec-item.indigo:before{background:var(--indigo)}.ana-key{background:linear-gradient(180deg,rgba(93,108,193,.07),transparent);border-left:3px solid var(--indigo);padding:14px 16px;border-radius:0 12px 12px 0;font-family:var(--font-display);font-size:var(--t-md);line-height:1.5;color:var(--fg);margin:0;font-style:italic;text-wrap:pretty}@container stage (min-width: 800px){.ana-key{font-size:17px;padding:18px 22px}}.evo-grid{display:grid;grid-template-columns:1fr;gap:12px}@container stage (min-width: 800px){.evo-grid{grid-template-columns:1fr 1fr;gap:18px}}.evo-block .evo-label{display:block;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:8px}.evo-block .chips{display:flex;flex-wrap:wrap;gap:5px}.evo-block .chip{padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:500}.evo-block.recurring .chip{background:#52758a1a;border:1px solid rgba(82,117,138,.28);color:var(--tide)}.evo-block.emerging .chip{background:#6ea76b1a;border:1px solid rgba(110,167,107,.28);color:#3d6a3d}.synthesis-ready{margin-top:12px;padding:14px 14px 16px;border-radius:14px;background:linear-gradient(135deg,#5d6cc11a,#5d6cc10a);border:1px solid rgba(93,108,193,.25);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}@container stage (min-width: 800px){.synthesis-ready{padding:22px 26px 24px;border-radius:20px;margin-top:18px}}.synthesis-ready .eyebrow{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--indigo-deep);font-weight:600;display:inline-flex;align-items:center;gap:6px;margin-bottom:12px}.synthesis-ready .eyebrow svg{width:12px;height:12px;color:var(--indigo)}.synthesis-ready h3{font-family:var(--font-display);font-size:var(--t-xl);line-height:1.2;letter-spacing:-.01em;color:var(--fg);font-weight:500;margin:0 0 6px;text-wrap:balance}@container stage (min-width: 800px){.synthesis-ready h3{font-size:22px;max-width:28ch}}.synthesis-ready p{font-size:var(--t-xs);line-height:1.45;color:var(--muted);margin:0 0 12px}.generate-btn{display:inline-flex;align-items:center;gap:6px;background:var(--indigo);color:#fffcf3;border:0;border-radius:999px;padding:8px 14px;font-size:var(--t-xs);font-weight:600;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;box-shadow:0 6px 16px #5d6cc138;white-space:nowrap}.generate-btn svg{width:12px;height:12px}.generate-btn:hover{background:#4d5cb1;transform:translateY(-1px);box-shadow:0 10px 22px #5d6cc147}.synthesis-ready .meta{margin-top:12px;font-size:11px;color:var(--muted);display:inline-flex;gap:6px;align-items:center}.synthesis-ready .meta svg{width:12px;height:12px}.streak-hero{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow-soft);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;position:relative;overflow:hidden}.streak-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 100% 0%,rgba(217,157,69,.18) 0%,transparent 55%);pointer-events:none}.streak-hero .left{position:relative;min-width:0}.streak-hero .eyebrow{font-size:var(--t-xxs);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:4px}.streak-hero .num{font-family:var(--font-display);font-size:clamp(40px,14cqi,56px);font-weight:500;letter-spacing:-.02em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline;gap:8px}.streak-hero .num .unit{font-family:var(--font-body);font-size:var(--t-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500}.streak-hero .sub{margin-top:4px;font-size:var(--t-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streak-hero .flame{width:56px;height:56px;border-radius:16px;background:var(--gradient-warm);display:grid;place-items:center;color:#b76f58;box-shadow:0 6px 18px #b76f582e;flex-shrink:0;position:relative}.streak-hero .flame svg{width:26px;height:26px}@container stage (min-width: 800px){.streak-hero{padding:22px 24px;border-radius:18px}.streak-hero .num{font-size:56px}.streak-hero .flame{width:64px;height:64px;border-radius:18px}.streak-hero .flame svg{width:30px;height:30px}}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:12px;box-shadow:var(--shadow-soft);overflow:hidden}.stat-strip .cell{padding:12px 10px;text-align:center;border-right:1px solid var(--border);min-width:0}.stat-strip .cell:last-child{border-right:0}.stat-strip .cell .v{font-family:var(--font-display);font-size:clamp(20px,7cqi,26px);font-weight:500;letter-spacing:-.01em;color:var(--fg);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.stat-strip .cell .v .u{font-family:var(--font-body);font-size:var(--t-xs);font-weight:500;color:var(--muted);letter-spacing:0;margin-left:3px}.stat-strip .cell .l{margin-top:4px;font-size:var(--t-xxs);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container stage (min-width: 800px){.stat-strip .cell{padding:16px 14px}.stat-strip .cell .v{font-size:26px}}.year-card,.milestone-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow-soft);margin-bottom:12px;max-width:100%;min-width:0;overflow:hidden}@container stage (min-width: 800px){.year-card,.milestone-card{border-radius:18px;padding:20px}}.year-card .head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px;min-width:0}.year-card .head h3{font-size:var(--t-md);font-weight:600;margin:0;letter-spacing:-.005em;white-space:nowrap}.year-card .head .meta{font-size:var(--t-xxs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;white-space:nowrap}.year-graph-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 0 6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent;scroll-behavior:smooth}.year-graph-wrap::-webkit-scrollbar{height:6px}.year-graph-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.year-graph-wrap::-webkit-scrollbar-track{background:transparent}.year-graph{display:grid;grid-template-rows:12px repeat(7,14px);grid-template-columns:repeat(53,14px);gap:3px;width:-moz-max-content;width:max-content;align-items:stretch}.year-graph .month{grid-row:1;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;line-height:12px;white-space:nowrap}.year-graph .yg-cell{aspect-ratio:1;border-radius:3px;background:#f3ede0}.year-graph .yg-cell.empty{background:transparent}.year-graph .yg-cell.s-1{background:#f3d4c6}.year-graph .yg-cell.s-2{background:#f8d39a}.year-graph .yg-cell.s-3{background:#fffaee;box-shadow:inset 0 0 0 1.5px #5d6cc1}.year-graph .yg-cell.today{box-shadow:inset 0 0 0 1.5px var(--fg)}.year-graph .yg-cell.s-3.today{box-shadow:inset 0 0 0 1.5px #5d6cc1,0 0 0 2px var(--bg),0 0 0 3px var(--fg)}@container stage (min-width: 800px){.year-graph-wrap{overflow:hidden}.year-graph{grid-template-rows:14px repeat(7,auto);grid-template-columns:repeat(53,minmax(0,1fr));gap:3px;width:100%}.year-graph .month{line-height:14px}}.year-card .legend{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:var(--t-xxs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.year-card .legend .scale{display:flex;align-items:center;gap:6px}.year-card .legend .scale .swatch{width:10px;height:10px;border-radius:2px}.year-card .legend .scale .swatch.s0{background:#f3ede0}.year-card .legend .scale .swatch.s1{background:#f3d4c6}.year-card .legend .scale .swatch.s2{background:#f8d39a}.year-card .legend .scale .swatch.s3{background:#fffaee;box-shadow:inset 0 0 0 1px #5d6cc1}.week-strip{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow-soft);margin-bottom:12px}@container stage (min-width: 800px){.week-strip{padding:18px 20px;border-radius:18px}}.week-strip h3{font-size:var(--t-md);font-weight:600;margin:0 0 10px;white-space:nowrap}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.week-grid .wk-day{text-align:center;min-width:0}.week-grid .wk-day .label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:4px}.week-grid .wk-day .cell{aspect-ratio:1;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center;font-size:var(--t-xxs);font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;background:var(--surface)}.week-grid .wk-day .cell.s-1{background:#f3d4c6;border-color:#b76f5833;color:#8a3a25}.week-grid .wk-day .cell.s-2{background:#f8d39a;border-color:#d99d454d;color:#6e4e16}.week-grid .wk-day .cell.s-3{background:#fffaee;box-shadow:inset 0 0 0 1.5px #5d6cc1;border-color:transparent;color:#3c4593}.week-grid .wk-day .cell.today{box-shadow:inset 0 0 0 1.5px var(--fg)}.week-grid .wk-day .cell.s-3.today{box-shadow:inset 0 0 0 1.5px #5d6cc1,0 0 0 2px var(--bg),0 0 0 3px var(--fg)}.week-grid .wk-day.future .cell{opacity:.4}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}@container stage (min-width: 800px){.kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px}}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-soft);min-width:0}@container stage (min-width: 800px){.kpi-card{padding:16px 18px;border-radius:16px}}.kpi-card .label{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.kpi-card .value{font-family:var(--font-display);font-size:clamp(22px,8cqi,28px);font-weight:500;letter-spacing:-.01em;color:var(--fg);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-card .value .u{font-family:var(--font-body);font-size:var(--t-xs);font-weight:500;color:var(--muted);letter-spacing:0;margin-left:3px}.kpi-card .delta{margin-top:6px;font-size:10.5px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-card .delta.up{color:#4a7c4f}.kpi-card .delta.down{color:var(--clay)}.windows-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow-soft);margin-bottom:12px}@container stage (min-width: 800px){.windows-card{padding:20px;border-radius:18px}}.windows-card .head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px;min-width:0}.windows-card .head h3{font-size:var(--t-md);font-weight:600;margin:0;white-space:nowrap}.windows-card .head .meta{font-size:var(--t-xxs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;white-space:nowrap}.win-row{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,1fr));gap:6px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.win-row:last-child{border-bottom:0}.win-row .name{display:flex;align-items:center;gap:8px;min-width:0}.win-row .dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.win-row.morning .dot{background:var(--accent)}.win-row.midday .dot{background:var(--tide)}.win-row.evening .dot{background:var(--indigo)}.win-row .name-text{font-size:var(--t-sm);font-weight:500;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-row .metric{text-align:right;min-width:0}.win-row .metric .v{font-size:var(--t-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap}.win-row .metric .l{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:2px;white-space:nowrap}.win-row .metric.head-cell .v{font-family:var(--font-body);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}.win-row.header{padding-bottom:8px}.win-row.header .name-text{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}.pace-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow-soft);margin-bottom:12px}@container stage (min-width: 800px){.pace-card{padding:20px;border-radius:18px}}.pace-card .head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.pace-card .head h3{font-size:var(--t-md);font-weight:600;margin:0;white-space:nowrap}.pace-card .head .meta{font-size:var(--t-xxs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;white-space:nowrap}.pace-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px 0 8px}.pace-bar{display:grid;grid-template-rows:80px auto auto;align-items:end;justify-items:center;gap:6px;min-width:0}.pace-bar .col-wrap{width:100%;height:100%;display:flex;align-items:end;background:#f6efe1;border-radius:6px;overflow:hidden}.pace-bar .col{width:100%;height:var(--h, 50%);background:var(--fill, var(--accent));border-radius:6px 6px 0 0;transition:height .4s ease}.pace-bar .v{font-family:var(--font-display);font-size:var(--t-md);font-weight:500;color:var(--fg);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.pace-bar .l{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;white-space:nowrap}.milestone-card .head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.milestone-card .head h3{font-size:var(--t-md);font-weight:600;margin:0;white-space:nowrap}.milestone-card .head .target{font-family:var(--font-body);font-size:var(--t-xxs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.milestone-progress{background:#f3eee2;border-radius:999px;height:8px;overflow:hidden;margin:6px 0 10px}.milestone-progress .fill{height:100%;background:linear-gradient(90deg,#d99d45,#b76f58);border-radius:999px;transition:width .4s ease}.milestone-card p{margin:0;font-size:var(--t-sm);color:var(--fg);line-height:1.5}.milestone-card p strong{color:var(--fg);font-weight:600}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:10px;box-shadow:var(--shadow-soft)}@container stage (min-width: 800px){.settings-section{border-radius:18px;padding:18px;margin-bottom:12px}}.settings-section h3{font-size:var(--t-md);font-weight:600;margin:0 0 3px;letter-spacing:-.005em;white-space:nowrap}.settings-section .desc{font-size:var(--t-xs);color:var(--muted);margin:0 0 10px}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.setting-row>:first-child{min-width:0}.setting-row:last-child{border-bottom:0}.setting-row .label{font-size:var(--t-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setting-row .sublabel{font-size:var(--t-xxs);color:var(--muted);margin-top:2px;line-height:1.35}.switch{width:32px;height:18px;background:#d8d2c4;border-radius:999px;position:relative;cursor:pointer;border:0;flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000026;transition:left .15s ease}.switch.on{background:var(--accent)}.switch.on:after{left:16px}.select-input,.number-input{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font:inherit;font-size:var(--t-sm);color:var(--fg);outline:none}.select-input{padding-right:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23637565' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.number-input{width:70px;text-align:right;font-variant-numeric:tabular-nums}.billing-card{background:var(--gradient-warm);border:1px solid rgba(217,157,69,.32);border-radius:14px;padding:14px;margin-bottom:10px}.billing-card .row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.billing-card .label-eyebrow{font-size:var(--t-xxs);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#8a5e1c;margin-bottom:3px;white-space:nowrap}.billing-card h4{font-size:var(--t-md);font-weight:600;margin:0;color:#2a1f0e;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-card p{font-size:var(--t-xxs);color:#6e4e16;margin:4px 0 0;line-height:1.4}.billing-card .badge{font-size:var(--t-xxs);padding:3px 8px;background:#ffffff8c;color:#6e4e16;border-radius:999px;font-weight:600;letter-spacing:.06em;white-space:nowrap;flex-shrink:0}.billing-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.offer-grid{display:grid;grid-template-columns:1fr;gap:8px}@container stage (min-width: 600px){.offer-grid{grid-template-columns:repeat(2,1fr)}}.offer-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;position:relative}.offer-card.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.offer-card .name{font-size:var(--t-sm);font-weight:600;margin-bottom:3px;white-space:nowrap}.offer-card .price{font-size:var(--t-md);font-weight:600;letter-spacing:-.01em;white-space:nowrap}.offer-card .price .interval{font-size:var(--t-xxs);color:var(--muted);font-weight:500}.offer-card .current-badge{position:absolute;top:8px;right:8px;font-size:var(--t-xxs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);white-space:nowrap}.offer-card button{margin-top:10px}.session-card,.summary-card,.day-card,.metric-card,.rhythm-card,.milestone-card,.settings-section,.billing-card,.prompt-card,.reflection-area,.auth-form-card{position:relative}body[data-state=loading] .screen.active .session-card>*:not(.skeleton),body[data-state=loading] .screen.active .summary-card>*:not(.skeleton),body[data-state=loading] .screen.active .day-card>*:not(.skeleton),body[data-state=loading] .screen.active .metric-card>*:not(.skeleton),body[data-state=loading] .screen.active .prompt-card>*:not(.skeleton),body[data-state=loading] .screen.active .reflection-area>*:not(.skeleton),body[data-state=loading] .screen.active .settings-section>*:not(.skeleton){visibility:hidden}body[data-state=loading] .screen.active .skeleton{display:block}body[data-state=loading] .screen.active .session-card,body[data-state=loading] .screen.active .summary-card,body[data-state=loading] .screen.active .prompt-card,body[data-state=loading] .screen.active .reflection-area,body[data-state=loading] .screen.active .settings-section,body[data-state=loading] .screen.active .day-card,body[data-state=loading] .screen.active .metric-card{background:var(--surface)!important;border-color:var(--border)!important;pointer-events:none}.skeleton{display:none;position:absolute;inset:14px;visibility:visible!important}.skeleton-row{height:12px;border-radius:6px;background:linear-gradient(90deg,#ede6d6,#f3ede0,#ede6d6);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;margin-bottom:10px}.skeleton-row.short{width:30%}.skeleton-row.med{width:65%}.skeleton-row.long{width:90%}.skeleton-row.tall{height:38px;border-radius:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-banner{display:none;background:var(--gradient-warm);color:#6e4e16;border-radius:14px;padding:10px 14px;font-size:12px;align-items:center;gap:8px;margin-bottom:14px}body[data-state=loading] .loading-banner{display:inline-flex}.loading-banner .dot{width:8px;height:8px;border-radius:50%;background:#8a5e1c;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.empty-banner{display:none;background:var(--moss-soft);color:#3f5d44;border-radius:14px;padding:10px 14px;font-size:12px;align-items:center;gap:8px;margin-bottom:14px}body[data-empty=true] .empty-banner{display:inline-flex}.empty-banner svg{width:14px;height:14px}.empty-only{display:none}body[data-empty=true] .has-data-only{display:none!important}body[data-empty=true] .empty-only{display:block}.empty-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:28px 22px;box-shadow:var(--shadow-soft);text-align:center}.empty-card .glyph{width:44px;height:44px;margin:0 auto 12px;border-radius:14px;background:var(--gradient-warm);display:grid;place-items:center;color:#8a5e1c;box-shadow:0 6px 16px #d99d4538}.empty-card .glyph svg{width:20px;height:20px}.empty-card h3{font-size:var(--t-md);font-weight:600;letter-spacing:-.01em;margin:0 0 4px;text-wrap:balance}.empty-card p{font-size:var(--t-xs);color:var(--muted);margin:0 auto 12px;line-height:1.45}.empty-card .meta{font-size:var(--t-xxs);color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);white-space:nowrap}@container stage (min-width: 800px){.empty-card{padding:32px 28px;border-radius:18px}.empty-card h3{font-size:18px}.empty-card p{font-size:13px;max-width:420px}}.empty-session-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--gap-card);align-items:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-card);padding:var(--pad-card);margin-bottom:8px}.empty-session-card .window-icon{width:var(--icon-md);height:var(--icon-md);border-radius:clamp(9px,3.2cqi,12px);background:#f0ece2;display:grid;place-items:center;color:var(--muted);flex-shrink:0}.empty-session-card .window-icon svg{width:clamp(14px,4.6cqi,18px);height:clamp(14px,4.6cqi,18px)}.empty-session-card .session-info .title{font-size:var(--t-sm);font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-session-card .session-info .sub{font-size:var(--t-xxs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-session-card .pill{font-size:var(--t-xxs);color:var(--muted);padding:3px 8px;background:#f0ece2;border-radius:999px;font-weight:600;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}@container stage (min-width: 800px){.empty-session-card{padding:16px 20px;border-radius:18px;gap:14px}.empty-session-card .window-icon{width:42px;height:42px;border-radius:12px}.empty-session-card .window-icon svg{width:18px;height:18px}.empty-session-card .session-info .title{font-size:14px}}.journal-layout{display:grid;grid-template-columns:1fr;gap:14px}@container stage (min-width: 800px){.journal-layout{max-width:720px;margin:0 auto}}.cal-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow-soft);max-width:100%;min-width:0;overflow:hidden}@container stage (min-width: 800px){.cal-card{padding:22px;border-radius:18px}}.cal-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px;min-width:0}.cal-head .title{font-size:var(--t-md);font-weight:600;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-head .meta{font-size:var(--t-xxs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;white-space:nowrap}.cal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:10px 0 14px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg)}.cal-summary .sum{padding:8px 6px;text-align:center;border-right:1px solid var(--border);min-width:0}.cal-summary .sum:last-child{border-right:0}.cal-summary .sum .v{display:block;font-family:var(--font-display);font-size:var(--t-lg);font-weight:500;letter-spacing:-.01em;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--fg)}.cal-summary .sum .l{display:block;font-size:10px;letter-spacing:.04em;text-transform:none;color:var(--muted);font-weight:500;margin-top:4px;white-space:nowrap}.cal-summary .sum .v.indigo{color:var(--indigo-deep)}@container stage (min-width: 800px){.cal-summary .sum{padding:12px 14px}.cal-summary .sum .v{font-size:22px}.cal-summary .sum .l{font-size:11px;letter-spacing:.06em;margin-top:4px}}.j-graph-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:4px 0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent;scroll-behavior:smooth}.j-graph-wrap::-webkit-scrollbar{height:6px}.j-graph-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.j-graph-wrap::-webkit-scrollbar-track{background:transparent}.j-graph{display:grid;grid-template-rows:12px repeat(7,14px);grid-template-columns:repeat(53,14px);gap:3px;width:-moz-max-content;width:max-content;align-items:stretch}@container stage (min-width: 800px){.j-graph-wrap{overflow:hidden}.j-graph{grid-template-rows:14px repeat(7,auto);grid-template-columns:repeat(53,minmax(0,1fr));gap:3px;width:100%}.j-graph .month-lbl{line-height:14px}}.j-graph .month-lbl{grid-row:1;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;line-height:12px;white-space:nowrap}.j-graph .jg-cell{aspect-ratio:1;border-radius:3px;background:#f3ede0;border:0;padding:0;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;position:relative;color:transparent;font-size:0}.j-graph .jg-cell.empty{background:transparent;cursor:default}.j-graph .jg-cell.future{background:#fafaf3;cursor:default;opacity:.5}.j-graph .jg-cell.s-0{background:#f3ede0}.j-graph .jg-cell.s-1{background:#f3d4c6}.j-graph .jg-cell.s-2{background:#f8d39a}.j-graph .jg-cell.s-3{background:#fffaee;box-shadow:inset 0 0 0 1.5px var(--indigo)}.j-graph .jg-cell.today{box-shadow:inset 0 0 0 1.5px var(--fg)}.j-graph .jg-cell.s-3.today{box-shadow:inset 0 0 0 1.5px var(--indigo),0 0 0 2px var(--surface),0 0 0 3px var(--fg)}.j-graph .jg-cell:not(.empty):not(.future):hover{transform:scale(1.6);z-index:2;box-shadow:0 0 0 1.5px var(--fg),var(--shadow-card)}.j-graph .jg-cell.s-3:not(.empty):not(.future):hover{box-shadow:0 0 0 1.5px var(--indigo),var(--shadow-card)}.cal-legend{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:10px;padding-top:12px;border-top:1px solid var(--border);font-size:var(--t-xxs);color:var(--muted)}.cal-legend .scale{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.cal-legend .scale .swatches{display:inline-flex;gap:3px}.cal-legend .sw{width:11px;height:11px;border-radius:2px}.cal-legend .sw.s0{background:#f3ede0}.cal-legend .sw.s1{background:#f3d4c6}.cal-legend .sw.s2{background:#f8d39a}.cal-legend .sw.s3{background:#fffaee;box-shadow:inset 0 0 0 1px var(--indigo)}.cal-legend .ar{display:inline-flex;align-items:center;gap:5px;color:var(--indigo-deep);font-weight:600;letter-spacing:.12em;font-size:10px;text-transform:uppercase;white-space:nowrap}.cal-legend .ar-mark{width:11px;height:11px;border-radius:2px;background:#fffaee;box-shadow:inset 0 0 0 1.2px var(--indigo)}.day-panel-empty{background:var(--surface);border:1px dashed var(--border);border-radius:14px;padding:18px 14px;text-align:center;color:var(--muted);font-size:var(--t-xs)}.settings-section .time-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);background:transparent;border-radius:0}.settings-section .time-row:last-child{border-bottom:0}.settings-section .time-row .label{font-size:var(--t-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-section .time-row .sublabel{font-size:var(--t-xxs);color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-readout{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:var(--t-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg);background:var(--bg);padding:5px 10px;border-radius:8px;border:1px solid var(--border);white-space:nowrap;letter-spacing:.02em}@container stage (min-width: 800px){.time-readout{font-size:12.5px;padding:6px 12px}}.tz-readout{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-xs);color:var(--muted);background:var(--bg);padding:5px 10px;border-radius:8px;border:1px solid var(--border);white-space:nowrap}.tz-readout svg{width:11px;height:11px;opacity:.7;flex-shrink:0}.tz-readout span{white-space:nowrap}@container stage (min-width: 800px){.tz-readout{font-size:12px;padding:6px 12px}.tz-readout svg{width:12px;height:12px}}.time-input{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:5px 9px;font:inherit;font-size:var(--t-sm);font-family:ui-monospace,JetBrains Mono,Menlo,monospace;color:var(--fg);outline:none;width:76px;font-variant-numeric:tabular-nums}.time-input:focus{border-color:var(--accent);background:var(--surface)}.time-input::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}.export-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.export-row:last-child{border-bottom:0}.export-row .icon-tile{width:30px;height:30px;border-radius:9px;background:var(--moss-soft);display:grid;place-items:center;color:#3f5d44;flex-shrink:0}.export-row .icon-tile svg{width:14px;height:14px}.export-row .label{font-size:var(--t-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-row .sublabel{font-size:var(--t-xxs);color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.danger-section{background:var(--surface);border:1px solid #e8c8bc;border-radius:14px;padding:14px;margin-bottom:10px;box-shadow:var(--shadow-soft);border-top:3px solid var(--clay)}@container stage (min-width: 800px){.danger-section{border-radius:18px;padding:18px}}.danger-section h3{font-size:var(--t-md);font-weight:600;margin:0 0 3px;letter-spacing:-.005em;color:var(--clay);white-space:nowrap}.danger-section .desc{font-size:var(--t-xs);color:var(--muted);margin:0 0 10px}.danger-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.danger-row:last-child{border-bottom:0}.danger-row .label{font-size:var(--t-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.danger-row .sublabel{font-size:var(--t-xxs);color:var(--muted);margin-top:2px;line-height:1.4}.btn-danger{background:transparent;color:var(--clay);border:1px solid #e8c8bc;border-radius:8px;padding:6px 11px;font-size:var(--t-xs);font-weight:500;white-space:nowrap}.btn-danger:hover{background:#fbeae3}.btn-danger.solid{background:var(--clay);color:#fffcf3;border-color:var(--clay)}.btn-danger.solid:hover{background:#a25c47}@container stage (min-width: 800px){.settings-section,.danger-section{padding:18px 22px;border-radius:18px}}.settings-grid{display:grid;grid-template-columns:1fr;gap:14px}@container stage (min-width: 800px){.settings-grid{grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}.settings-grid>.full{grid-column:1 / -1}}.onboarding{display:flex;flex-direction:column;min-height:100%;padding:18px 16px 24px;background:var(--bg)}@container stage (min-width: 800px){.onboarding{padding:56px 48px;max-width:760px;margin:0 auto}}.topbar-mobile .onb-skip,.topbar-desktop .onb-skip{background:transparent;border:0;padding:4px 0;font-size:var(--t-sm);color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.topbar-mobile .onb-skip:hover,.topbar-desktop .onb-skip:hover{color:var(--fg)}.onb-progress{display:flex;gap:6px;margin-bottom:28px}.onb-progress .pip{flex:1;height:4px;border-radius:2px;background:var(--border);transition:background .25s ease}.onb-progress .pip.done{background:var(--accent)}.onb-progress .pip.current{background:linear-gradient(90deg,var(--accent),rgba(217,157,69,.4))}@container stage (min-width: 800px){.onb-progress{margin-bottom:40px}}.onb-step{display:none;flex-direction:column;gap:18px;flex:1}.onb-step.active{display:flex}.onb-step .eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600}.onb-step h1{font-family:var(--font-display);font-size:var(--t-2xl);line-height:1.15;letter-spacing:-.01em;color:var(--fg);font-weight:500;margin:0;text-wrap:balance}.onb-step .lede{font-size:var(--t-sm);line-height:1.45;color:var(--muted);margin:0;text-wrap:pretty}@container stage (min-width: 800px){.onb-step h1{font-size:28px}.onb-step .lede{font-size:14px}}.onb-hero{background:var(--gradient-warm);border-radius:16px;padding:18px 16px;margin:4px 0;box-shadow:var(--shadow-soft);display:grid;gap:8px}@container stage (min-width: 800px){.onb-hero{padding:28px 32px;border-radius:22px;gap:12px}}.rhythm-row{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid rgba(110,78,22,.18)}.rhythm-row:last-child{border-bottom:0}.rhythm-row .num{width:22px;height:22px;border-radius:50%;background:#fff9;color:#6e4e16;display:grid;place-items:center;font-family:var(--font-display);font-size:var(--t-xs);font-weight:600}.rhythm-row .label{font-size:var(--t-xxs);letter-spacing:.16em;text-transform:uppercase;color:#6e4e16;font-weight:600;margin-bottom:2px;white-space:nowrap}.rhythm-row .text{font-size:var(--t-xs);color:#2a1f0e;line-height:1.4}@container stage (min-width: 800px){.rhythm-row .text{font-size:13px}}.time-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.time-row .meta{display:grid;gap:1px;min-width:0}.time-row .label{font-size:var(--t-sm);font-weight:600;color:var(--fg);white-space:nowrap}.time-row .sublabel{font-size:var(--t-xxs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-row input[type=time]{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:5px 8px;font:inherit;font-size:var(--t-xs);color:var(--fg);font-variant-numeric:tabular-nums;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;width:88px}.time-row input[type=time]:focus{outline:none;border-color:var(--accent)}.tz-row{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:var(--t-xxs);color:var(--muted)}.tz-row svg{width:14px;height:14px}.tz-row strong{color:var(--fg);font-weight:600}.perm-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow-soft);display:grid;gap:10px}@container stage (min-width: 800px){.perm-card{padding:22px 24px;border-radius:18px;gap:12px}}.perm-mock{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:10px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}.perm-mock .ico{width:28px;height:28px;border-radius:7px;background:#000;display:grid;place-items:center;overflow:hidden;color:#6e4e16}.perm-mock .ico img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.perm-mock .ico svg{width:14px;height:14px}.perm-mock .title{font-size:var(--t-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perm-mock .body{font-size:var(--t-xxs);color:var(--muted);margin-top:1px;line-height:1.35}.perm-mock .when{font-size:var(--t-xxs);color:var(--muted);margin-top:2px;white-space:nowrap}.perm-options{display:grid;gap:8px}.perm-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.perm-option .label{font-size:var(--t-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perm-option .sublabel{font-size:var(--t-xxs);color:var(--muted);margin-top:2px}.perm-option select{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:5px 7px;font:inherit;font-size:var(--t-xxs);color:var(--fg)}.first-prompt{background:var(--gradient-warm);border-radius:14px;padding:14px;box-shadow:var(--shadow-soft)}@container stage (min-width: 800px){.first-prompt{padding:22px 26px;border-radius:20px}}.first-prompt .pill{display:inline-block;font-size:var(--t-xxs);letter-spacing:.16em;text-transform:uppercase;background:#ffffff8c;color:#6e4e16;font-weight:600;padding:4px 10px;border-radius:999px;margin-bottom:10px;white-space:nowrap}.first-prompt h2{font-family:var(--font-display);font-size:var(--t-lg);line-height:1.2;letter-spacing:-.01em;color:#2a1f0e;font-weight:500;margin:0;text-wrap:balance}@container stage (min-width: 800px){.first-prompt h2{font-size:22px}}.first-area{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px;margin-top:10px}.first-area textarea{width:100%;min-height:120px;border:0;resize:none;background:transparent;font:inherit;font-size:var(--t-sm);line-height:1.5;color:var(--fg);outline:none}.first-area textarea::-moz-placeholder{color:var(--muted)}.first-area textarea::placeholder{color:var(--muted)}.first-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:var(--t-xxs);color:var(--muted);border-top:1px dashed var(--border);padding-top:8px;white-space:nowrap}.onb-foot{margin-top:auto;padding-top:18px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}@container stage (max-width: 480px){.onb-foot{grid-template-columns:1fr;gap:6px}.onb-foot .back-btn{order:2}.onb-foot .next-btn{order:1}}.onb-foot .back-btn{background:transparent;border:1px solid var(--border);border-radius:10px;padding:9px 14px;font-size:var(--t-sm);font-weight:500;color:var(--muted);white-space:nowrap}.onb-foot .back-btn:hover{color:var(--fg);border-color:var(--muted)}.onb-foot .back-btn:disabled{opacity:.4;cursor:not-allowed}.onb-foot .next-btn{background:var(--fg);color:#fffcf3;border:0;border-radius:10px;padding:10px 18px;font-size:var(--t-sm);font-weight:600;box-shadow:0 6px 16px #1f25242e;transition:transform .12s ease;white-space:nowrap}.onb-foot .next-btn:hover{transform:translateY(-1px)}.onb-foot .next-btn.primary{background:var(--accent);color:#2a1f0e;box-shadow:0 6px 16px #d99d4552}.pill-toggle{--on: var(--accent);width:38px;height:22px;background:var(--border);border-radius:999px;border:0;padding:0;position:relative;cursor:pointer;transition:background .15s ease}.pill-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #0000002e;transition:transform .15s ease}.pill-toggle.on{background:var(--on)}.pill-toggle.on:after{transform:translate(16px)}.day-choice-head{margin-top:2px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.day-choice-head .date-line{font-size:var(--t-xxs);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:3px;white-space:nowrap}.day-choice-head h1{font-family:var(--font-display);font-size:var(--t-xl);line-height:1.15;letter-spacing:-.01em;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container stage (min-width: 800px){.day-choice-head h1{font-size:22px;margin-bottom:6px}}.day-choice-head .meta-row{display:flex;gap:6px;flex-wrap:wrap;font-size:var(--t-xxs);color:var(--muted)}.day-choice-head .meta-row strong{color:var(--fg);font-weight:600}.choice-grid{display:grid;grid-template-columns:1fr;gap:12px}@container stage (min-width: 800px){.choice-grid{grid-template-columns:1fr 1fr;gap:16px}}.choice-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:0;box-shadow:var(--shadow-soft);cursor:pointer;text-align:left;width:100%;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;font:inherit}@container stage (min-width: 800px){.choice-card{border-radius:18px;min-height:240px}}.choice-card:hover:not([disabled]){transform:translateY(-1px);box-shadow:var(--shadow-card);border-color:#ddd5c4}.choice-card[disabled]{cursor:not-allowed;opacity:.6;border-style:dashed}.choice-card .feature{position:relative;height:96px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--border)}@container stage (min-width: 800px){.choice-card .feature{height:132px}}.choice-card.reflections .feature{background:var(--gradient-warm)}.choice-card.analysis .feature{background:linear-gradient(135deg,#e3e6f5,#f0e7f0)}.choice-card[disabled] .feature{background:#f3efe5}.choice-card.reflections .feature:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 110%,rgba(255,255,255,.5),transparent 55%),radial-gradient(circle at 90% 0%,rgba(217,157,69,.18),transparent 60%);pointer-events:none}.choice-card.analysis .feature:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 100%,rgba(93,108,193,.25),transparent 60%),radial-gradient(circle at 15% 10%,rgba(255,255,255,.55),transparent 55%);pointer-events:none}.choice-card .glyph-wrap{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#ffffffb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #1f252414;color:#8a5e1c;flex-shrink:0;position:relative;z-index:1}.choice-card.analysis .glyph-wrap{color:var(--indigo-deep)}.choice-card[disabled] .glyph-wrap{background:var(--surface);color:var(--muted);box-shadow:var(--shadow-soft)}.choice-card .glyph-wrap svg{width:26px;height:26px}@container stage (min-width: 800px){.choice-card .glyph-wrap{width:64px;height:64px;border-radius:18px}.choice-card .glyph-wrap svg{width:30px;height:30px}}.choice-card .body{display:flex;flex-direction:column;gap:4px;padding:14px;min-width:0}@container stage (min-width: 800px){.choice-card .body{padding:18px;gap:6px;flex:1}}.choice-card .body .head-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.choice-card h3{font-family:var(--font-display);font-size:var(--t-lg);line-height:1.2;letter-spacing:-.01em;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@container stage (min-width: 800px){.choice-card h3{font-size:19px}}.choice-card .badge{font-size:var(--t-xxs);letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0}.choice-card .badge.complete{background:#d99d452e;color:#8a5e1c}.choice-card .badge.locked{background:#f0ece2;color:var(--muted)}.choice-card .badge.ready{background:#5d6cc124;color:var(--indigo-deep)}.choice-card .sub{font-size:var(--t-xs);color:var(--muted);line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container stage (min-width: 800px){.choice-card .sub{white-space:normal;line-height:1.45}}.choice-card .cta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid var(--border)}@container stage (min-width: 800px){.choice-card .cta-row{margin-top:auto;padding-top:12px}}.choice-card .cta-label{font-size:var(--t-xs);font-weight:600;letter-spacing:.04em;color:var(--fg);white-space:nowrap}.choice-card.analysis .cta-label{color:var(--indigo-deep)}.choice-card[disabled] .cta-label{color:var(--muted)}.choice-card .arrow{width:28px;height:28px;border-radius:999px;background:var(--fg);color:#fffcf3;display:grid;place-items:center;flex-shrink:0}.choice-card.analysis .arrow{background:var(--indigo)}.choice-card[disabled] .arrow{background:#c5beae}.choice-card .arrow svg{width:12px;height:12px}@container stage (min-width: 800px){.choice-card .arrow{width:32px;height:32px}.choice-card .arrow svg{width:14px;height:14px}}.choice-card.analysis:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:2;background:var(--indigo)}.choice-card.reflections:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:2;background:var(--accent)}.legal-doc{max-width:680px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:clamp(18px,5cqi,28px) clamp(16px,4.4cqi,28px);box-shadow:var(--shadow-soft)}.legal-doc .legal-eyebrow{font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 6px}.legal-doc h1{font-family:var(--font-display);font-weight:500;font-size:clamp(22px,6.6cqi,30px);line-height:1.15;letter-spacing:-.015em;color:var(--fg);margin:0 0 6px;text-wrap:balance}.legal-doc .legal-updated{font-size:var(--t-xs);color:var(--muted);font-style:italic;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--border)}.legal-doc h2{font-family:var(--font-display);font-weight:500;font-size:clamp(15px,4cqi,18px);line-height:1.25;color:var(--fg);margin:22px 0 8px;letter-spacing:-.005em}.legal-doc h2:first-of-type{margin-top:6px}.legal-doc p,.legal-doc ul{font-size:var(--t-sm);line-height:1.6;color:var(--fg);margin:0 0 12px;text-wrap:pretty}.legal-doc ul{padding-left:18px}.legal-doc ul li{margin-bottom:4px}.legal-doc strong{font-weight:600;color:var(--fg)}.legal-doc a{color:var(--tide);text-decoration:underline;text-underline-offset:2px}.legal-doc .legal-foot{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);font-size:var(--t-xs);color:var(--muted)}@container stage (min-width: 800px){.legal-doc{padding:36px 40px;border-radius:18px;max-width:720px}.legal-doc h2{font-size:18px;margin-top:28px}.legal-doc p,.legal-doc ul{font-size:14px}}.billing-page{display:grid;gap:14px}.billing-page .summary{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px 16px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.billing-page .summary .plan-name{font-family:var(--font-display);font-size:var(--t-xl);color:var(--fg);margin-bottom:2px}.billing-page .summary .plan-meta{font-size:var(--t-xs);color:var(--muted)}.billing-page .summary .plan-price{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:var(--t-md);font-weight:600;color:var(--fg);text-align:right}.billing-page .summary .plan-price small{display:block;font-weight:400;font-size:var(--t-xxs);color:var(--muted)}.billing-card-section{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px}.billing-card-section h3{font-size:var(--t-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.pm-row{display:flex;align-items:center;gap:12px;padding:8px 0}.pm-row .pm-brand{width:40px;height:28px;border-radius:6px;background:linear-gradient(135deg,#1a1f4a,#2d3270);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700;letter-spacing:.08em;flex-shrink:0}.pm-row .pm-info{flex:1;min-width:0}.pm-row .pm-info .pm-num{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:var(--t-sm);color:var(--fg);font-weight:500}.pm-row .pm-info .pm-meta{font-size:var(--t-xxs);color:var(--muted);margin-top:1px}.pm-row .pm-update{background:transparent;border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:var(--t-xs);color:var(--fg)}.receipt-list{display:grid;gap:0}.receipt-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:var(--t-xs)}.receipt-row:last-child{border-bottom:0}.receipt-row .r-date{color:var(--fg);font-weight:500}.receipt-row .r-desc{color:var(--muted);margin-top:1px;font-size:var(--t-xxs)}.receipt-row .r-amt{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-variant-numeric:tabular-nums;font-weight:500;color:var(--fg)}.receipt-row .r-link{color:var(--tide);background:transparent;border:0;font-size:var(--t-xs);text-decoration:underline;text-underline-offset:3px}.receipt-row .r-status-failed{color:var(--clay)}.pay-form{display:grid;gap:12px}.pay-field{display:grid;gap:4px}.pay-field label{font-size:var(--t-xxs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pay-field input{border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:16px;background:var(--surface);color:var(--fg);font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-variant-numeric:tabular-nums}.pay-field input:focus{outline:2px solid var(--accent);outline-offset:-2px}.pay-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-cta{background:var(--fg);color:var(--bg);border:0;border-radius:12px;padding:14px;font-weight:600;font-size:var(--t-md);margin-top:6px}.pay-trust{text-align:center;font-size:var(--t-xxs);color:var(--muted);margin-top:6px;display:flex;align-items:center;justify-content:center;gap:6px}.pay-trust svg{width:12px;height:12px}@container stage (min-width: 800px){.billing-page{max-width:720px;gap:18px}.billing-card-section{padding:22px}.pay-form{max-width:460px}}.alert{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:var(--t-sm);color:var(--fg);line-height:1.4;margin-bottom:12px}.alert .alert-icon{flex-shrink:0;width:18px;height:18px;display:grid;place-items:center;color:currentColor}.alert .alert-icon svg{width:16px;height:16px}.alert .alert-body{min-width:0;flex:1}.alert .alert-title{font-weight:600;margin-bottom:2px}.alert .alert-sub{font-size:var(--t-xs);color:var(--muted)}.alert .alert-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.alert .alert-actions button{background:transparent;border:1px solid var(--border);color:var(--fg);font-size:var(--t-xs);padding:5px 10px;border-radius:999px;white-space:nowrap}.alert.alert-error{background:#fdeae3;border-color:#e7c5b6;color:#6e3a26}.alert.alert-error .alert-sub{color:#8a4a32}.alert.alert-warn{background:#fcf2dc;border-color:#ead4a3;color:#6a4a14}.alert.alert-warn .alert-sub{color:#8a6520}.alert.alert-info{background:#e6ecf6;border-color:#c5d2e8;color:#2c3a5a}.alert.alert-info .alert-sub{color:#4a567a}body[data-theme=dark] .alert{background:#1f242d;border-color:#2a313e;color:#ecebe5}body[data-theme=dark] .alert.alert-error{background:#2a1812;border-color:#5a2e22;color:#ecbcaa}body[data-theme=dark] .alert.alert-error .alert-sub{color:#c89884}body[data-theme=dark] .alert.alert-warn{background:#2a2114;border-color:#5a4520;color:#ecc88a}body[data-theme=dark] .alert.alert-warn .alert-sub{color:#c8a268}body[data-theme=dark] .alert.alert-info{background:#18202e;border-color:#2a3850;color:#b8c8e8}.has-errors-only{display:none!important}body[data-errors=true] .has-errors-only{display:flex!important}body[data-errors=true] .hide-when-errors{display:none!important}.conflict-modal{position:absolute;inset:0;display:none;align-items:flex-end;justify-content:center;background:#080a0e8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:80;padding:12px}body[data-errors=true] .has-errors-only.conflict-modal{display:flex!important}.conflict-card{background:var(--surface);border-radius:18px;padding:18px 16px;max-width:360px;width:100%;box-shadow:var(--shadow-card);border:1px solid var(--border);animation:sheetUp .28s cubic-bezier(.32,.72,0,1)}.conflict-card h3{font-size:var(--t-md);margin:0 0 6px}.conflict-card p{font-size:var(--t-sm);color:var(--muted);margin:0 0 14px;line-height:1.5}.conflict-versions{display:grid;gap:8px;margin-bottom:14px}.conflict-version{border:1px solid var(--border);border-radius:12px;padding:10px;font-size:var(--t-xs)}.conflict-version .v-meta{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:4px;font-size:var(--t-xxs);text-transform:uppercase;letter-spacing:.08em}.conflict-version .v-text{color:var(--fg);font-style:italic}.conflict-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.conflict-actions button{padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:var(--t-sm);font-weight:500}.conflict-actions button.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}@container stage (min-width: 800px){.alert{padding:12px 16px;font-size:13px;border-radius:14px}.conflict-modal{align-items:center}.conflict-card{max-width:440px}}html,body,#root{min-height:100%;width:100%;overflow-x:hidden}#root{min-height:100vh;width:100%}.stage{min-height:100vh;height:auto;width:100%;max-width:100vw;overflow-x:hidden}.screen.active{min-height:100vh;width:100%;overflow-x:hidden}.auth-mode-segs{max-width:100%;min-width:0}.auth-mode-segs button{min-width:0;white-space:nowrap}.auth-field>span:first-child{display:flex;justify-content:space-between;align-items:baseline;font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin-bottom:7px}button[disabled]{cursor:not-allowed}.error-panel{margin-top:12px;border:1px solid rgba(183,111,88,.3);background:#b76f581a;color:var(--clay);border-radius:14px;padding:12px 14px;font-size:var(--t-xs);font-weight:500}.loading-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow-soft);color:var(--muted)}.tabbar button,.topbar-desktop button,.topbar-mobile button{font:inherit}.btn-primary,.btn-ghost{border-radius:12px;min-height:38px;padding:9px 12px;font:inherit;font-size:var(--t-sm);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn-primary{border:0;background:var(--fg);color:#fffcf3}.btn-primary:hover{background:#2c3534;transform:translateY(-1px)}.btn-primary:disabled{background:#d4ccbe;color:#8a8377;transform:none}.btn-ghost{border:1px solid var(--border);background:var(--surface);color:var(--fg)}.btn-ghost:hover{background:var(--moss-soft)}.btn-ghost:disabled{opacity:.6}.auth-foot button{border:0;background:transparent;color:var(--tide);font:inherit;font-weight:600}.topbar-mobile .brand,.topbar-desktop .brand{border:0;background:transparent;color:inherit}.topbar-desktop .signout{display:inline-flex;align-items:center;justify-content:center;gap:8px}.window-block-link,.day-summary-link{color:inherit;display:block;text-decoration:none}.window-block-link:hover{border-color:var(--accent)}.j-graph .jg-cell.has-analysis:not(.today){box-shadow:inset 0 0 0 1.5px var(--indigo)}.j-graph .jg-cell:disabled{cursor:default}.progress-bar.full .pb-cta{justify-self:end}.pay-cta:disabled,.pm-update:disabled{opacity:.55;cursor:not-allowed}