:root,:root[data-theme=light]{--background: #ffffff;--surface: #f1f4f9;--surface-raised: #ffffff;--surface-deep: #e6ebf3;--input: #f1f4f9;--hairline: #dce3ee;--handle: #d3dae6;--text: #0a0f1c;--text-soft: #3b4457;--text-muted: #667085;--text-faint: #98a2b3;--accent: #1a5cff;--accent-pressed: #1247d6;--accent-text: #1a5cff;--accent-soft: #e3edff;--accent-mid: #b9d0ff;--on-accent: #ffffff;--solid: #0a0f1c;--solid-raised: #1b2233;--on-solid: #ffffff;--on-solid-muted: #aeb7c8;--solid-number: #4c82ff;--primary: #0a0f1c;--on-primary: #ffffff;--urgent: #d92d2f;--urgent-soft: #fde8e8;--decide: #b87503;--decide-soft: #fef3dc;--ok: #14995a;--ok-soft: #e5f6ee;--tab-bar: #ffffff;--tab-active: #e3edff;--tab-icon: #667085;--tab-icon-active: #1a5cff;--veil: rgba(10, 15, 28, .42);--veil-strong: rgba(10, 15, 28, .9);--bubble-in: #f1f4f9;--bubble-out: #1a5cff;--on-bubble-out: #ffffff;--toast: #0a0f1c;--on-toast: #ffffff;--skeleton: #e6ebf3;--skeleton-hi: #f6f8fb;--fade: rgba(255, 255, 255, 0);--halo: rgba(26, 92, 255, .16);--halo-end: rgba(26, 92, 255, 0);--shadow-drag: 0px 10px 28px rgba(10, 26, 74, .12);--shadow-floating: 0px 12px 32px rgba(10, 26, 74, .18);--shadow-accent: 0px 10px 24px rgba(26, 92, 255, .3);--shadow-sheet: 0px -8px 32px rgba(10, 26, 74, .16);--shadow-tab-bar: 0px 8px 28px rgba(10, 26, 74, .14);color-scheme:light}:root[data-theme=dark]{--background: #0c0e13;--surface: #171a21;--surface-raised: #1e222b;--surface-deep: #252a35;--input: #1e222b;--hairline: #2a303c;--handle: #3a4150;--text: #f3f5f9;--text-soft: #c9cfda;--text-muted: #8d95a5;--text-faint: #626b7c;--accent: #2f6bff;--accent-pressed: #2358db;--accent-text: #7fa6ff;--accent-soft: #16234a;--accent-mid: #2a3f7a;--on-accent: #ffffff;--solid: #1e222b;--solid-raised: #272c37;--on-solid: #f3f5f9;--on-solid-muted: #9aa2b2;--solid-number: #5b8cff;--primary: #2f6bff;--on-primary: #ffffff;--urgent: #ff6b6b;--urgent-soft: #3a1d21;--decide: #f2b544;--decide-soft: #3a2f17;--ok: #4cd08a;--ok-soft: #163126;--tab-bar: #1a1d24;--tab-active: #272c37;--tab-icon: #8d95a5;--tab-icon-active: #f3f5f9;--veil: rgba(0, 0, 0, .6);--veil-strong: rgba(8, 9, 12, .94);--bubble-in: #1e222b;--bubble-out: #2f6bff;--on-bubble-out: #ffffff;--toast: #f3f5f9;--on-toast: #0c0e13;--skeleton: #1e222b;--skeleton-hi: #2a303c;--fade: rgba(12, 14, 19, 0);--halo: rgba(47, 107, 255, .42);--halo-end: rgba(47, 107, 255, 0);--shadow-drag: 0px 10px 28px rgba(0, 0, 0, .45);--shadow-floating: 0px 12px 32px rgba(0, 0, 0, .55);--shadow-accent: 0px 10px 24px rgba(47, 107, 255, .35);--shadow-sheet: 0px -8px 32px rgba(0, 0, 0, .5);--shadow-tab-bar: 0px 8px 24px rgba(0, 0, 0, .5);color-scheme:dark}:root{--s-xxs: 2px;--s-xs: 4px;--s-sm: 8px;--s-md: 12px;--s-lg: 16px;--s-xl: 20px;--s-xxl: 24px;--s-xxxl: 32px;--s-huge: 48px;--gutter: 20px;--r-pill: 999px;--r-tile: 20px;--r-card: 24px;--r-hero: 28px;--r-sheet: 28px;--r-bubble: 20px;--r-bubble-tail: 6px;--r-thumb: 14px;--r-small: 10px;--touch: 48px;--cta: 56px;--cta-sm: 48px;--tab-bar-h: 64px;--assistant: 60px;--press: .11s;--fast: .16s;--base: .24s;--slow: .42s;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--spring: cubic-bezier(.34, 1.3, .64, 1);--font-text: "Inter", system-ui, sans-serif;--font-heading: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--font-hand: "Caveat", cursive}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--background);color:var(--text);font-family:var(--font-text);font-size:16px;line-height:22px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background var(--base) var(--ease-out)}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:inherit;text-decoration:none}.t-body{font:400 16px/22px var(--font-text)}.t-body-strong{font:600 16px/22px var(--font-text)}.t-body-sm{font:400 14px/19px var(--font-text)}.t-label{font:600 14px/18px var(--font-text)}.t-caption{font:500 13px/17px var(--font-text)}.t-micro,.t-tab{font:600 12px/15px var(--font-text)}.t-button{font:600 16px/20px var(--font-text)}.t-hand{font:700 28px/30px var(--font-hand)}.t-hand-sm{font:700 24px/26px var(--font-hand)}.t-mega{font:800 48px/52px var(--font-heading);letter-spacing:-1.4px}.t-hero{font:800 36px/40px var(--font-heading);letter-spacing:-1px}.t-title{font:800 30px/35px var(--font-heading);letter-spacing:-.7px}.t-headline{font:700 21px/26px var(--font-heading);letter-spacing:-.4px}.t-card-title{font:700 17px/22px var(--font-heading);letter-spacing:-.2px}.t-number{font:800 29px/32px var(--font-heading);letter-spacing:-.8px}.t-number-lg{font:800 42px/46px var(--font-heading);letter-spacing:-1.2px}.t-number-sm{font:800 18px/21px var(--font-heading);letter-spacing:-.3px}.t-wordmark{font:800 44px/50px var(--font-heading);letter-spacing:-1.4px}.c-text{color:var(--text)}.c-soft{color:var(--text-soft)}.c-muted{color:var(--text-muted)}.c-faint{color:var(--text-faint)}.c-accent{color:var(--accent-text)}.c-urgent{color:var(--urgent)}.c-ok{color:var(--ok)}.c-decide{color:var(--decide)}.c-on-solid{color:var(--on-solid)}.c-on-solid-muted{color:var(--on-solid-muted)}.c-solid-number{color:var(--solid-number)}h1,h2,h3,p{margin:0}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.flex1{flex:1;min-width:0}.gap-xs{gap:var(--s-xs)}.gap-sm{gap:var(--s-sm)}.gap-md{gap:var(--s-md)}.gap-lg{gap:var(--s-lg)}.gap-xl{gap:var(--s-xl)}.gap-xxl{gap:var(--s-xxl)}.gap-xxxl{gap:var(--s-xxxl)}.center{align-items:center;justify-content:center;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pressable{transition:transform var(--press) var(--ease-out),background var(--fast) var(--ease-out),opacity var(--fast)}.pressable:active:not(:disabled){transform:scale(.97)}.card{border-radius:var(--r-card);padding:var(--s-lg);display:flex;flex-direction:column;gap:var(--s-md);background:var(--surface)}.card.solid{background:var(--solid);color:var(--on-solid)}.card .on-card{background:var(--surface-raised)}.card.interactive{cursor:pointer;text-align:left;width:100%}@media(hover:hover){.card.interactive:hover{background:var(--surface-deep)}.card.solid.interactive:hover{background:var(--solid-raised)}}.pill{min-height:var(--cta);border-radius:var(--r-pill);padding:0 var(--s-xl);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-sm);font:600 16px/20px var(--font-text);white-space:nowrap}.pill.sm{min-height:var(--cta-sm);padding:0 var(--s-lg);font:600 14px/18px var(--font-text)}.pill:disabled{opacity:.45;cursor:default}.pill.block{width:100%}.pill-accent{background:var(--accent);color:var(--on-accent)}.pill-primary{background:var(--primary);color:var(--on-primary)}.pill-solid{background:var(--solid);color:var(--on-solid)}.pill-soft{background:var(--accent-soft);color:var(--accent-text)}.pill-surface{background:var(--surface);color:var(--text)}.card .pill-surface{background:var(--surface-raised)}.pill-raised{background:var(--surface-raised);color:var(--text)}.pill-ghost{background:transparent;color:var(--text)}.pill-onSolid{background:var(--solid-raised);color:var(--on-solid)}.pill-urgent{background:var(--urgent-soft);color:var(--urgent)}@media(hover:hover){.pill-accent:hover:not(:disabled){background:var(--accent-pressed)}.pill-surface:hover,.pill-ghost:hover{background:var(--surface-deep)}}.icon-btn{width:var(--touch);height:var(--touch);border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text);flex-shrink:0;font-size:22px}.icon-tile{width:44px;height:44px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-text);font-size:22px;flex-shrink:0}.avatar{border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;background:var(--surface-deep);color:var(--text);font:600 14px/18px var(--font-text);flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:var(--s-xs);padding:6px var(--s-md);border-radius:var(--r-pill);font:500 13px/17px var(--font-text);background:var(--surface);color:var(--text-soft);white-space:nowrap}.card .chip.neutral{background:var(--surface-raised)}.chip.urgent{background:var(--urgent-soft);color:var(--urgent)}.chip.accent{background:var(--accent-soft);color:var(--accent-text)}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.decide{background:var(--decide-soft);color:var(--decide)}.chip.onSolid{background:var(--solid-raised);color:var(--on-solid)}.filter-chip{min-height:44px;padding:0 14px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:var(--s-xs);font:600 14px/18px var(--font-text);background:var(--surface);color:var(--text);white-space:nowrap}.filter-chip.active{background:var(--primary);color:var(--on-primary)}.segmented{position:relative;display:flex;border-radius:var(--r-pill);padding:var(--s-xs);min-height:52px;background:var(--surface)}.segmented .seg-pill{position:absolute;top:var(--s-xs);bottom:var(--s-xs);left:var(--s-xs);border-radius:var(--r-pill);background:var(--primary);transition:transform var(--slow) var(--spring)}.segmented button{position:relative;flex:1;min-height:44px;font:600 14px/18px var(--font-text);color:var(--text-soft);border-radius:var(--r-pill);transition:color var(--fast)}.segmented button[aria-selected=true]{color:var(--on-primary)}.list-row{display:flex;align-items:center;gap:var(--s-md);min-height:64px;padding:var(--s-sm) 0;border-bottom:1px solid var(--hairline);width:100%;text-align:left}.list-row:last-child{border-bottom:0}.list-row .chev{color:var(--text-faint);font-size:18px;flex-shrink:0}.section-title{display:flex;align-items:center;justify-content:space-between;min-height:var(--touch)}.count-badge{min-width:28px;height:24px;border-radius:var(--r-pill);background:var(--surface);color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;padding:0 var(--s-sm);font:600 14px/18px var(--font-text)}.link-btn{min-height:var(--touch);font:600 14px/18px var(--font-text);color:var(--accent-text)}.field{width:100%;min-height:var(--cta);border-radius:var(--r-tile);background:var(--input);border:1px solid transparent;padding:0 var(--s-lg);font:400 16px/22px var(--font-text);outline:none;transition:border-color var(--fast)}.field:focus{border-color:var(--accent)}.field.error{border-color:var(--urgent)}textarea.field{padding:var(--s-md) var(--s-lg);resize:vertical;min-height:96px}.search{display:flex;align-items:center;gap:var(--s-sm);min-height:var(--touch);border-radius:var(--r-pill);background:var(--surface);padding:0 var(--s-lg);color:var(--text-muted)}.search input{flex:1;border:0;background:none;outline:none;font:400 16px/22px var(--font-text);color:var(--text);min-width:0}.switch{width:52px;height:32px;border-radius:var(--r-pill);background:var(--surface-deep);position:relative;flex-shrink:0;transition:background var(--base) var(--ease-out)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--base) var(--spring)}.switch[aria-checked=true]{background:var(--ok)}.switch[aria-checked=true]:after{transform:translate(20px)}.bar{height:8px;border-radius:var(--r-pill);background:var(--solid-raised);overflow:hidden}.bar>span{display:block;height:100%;border-radius:inherit;background:var(--solid-number);transition:width var(--slow) var(--ease-out)}.bar.light{background:var(--surface-deep)}.bar.light>span{background:var(--accent)}.app{min-height:100dvh;display:flex}.sidebar{display:none}.main{flex:1;min-width:0;padding-bottom:132px}.page{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column;gap:var(--s-xxl);animation:rise var(--slow) var(--ease-out) both}.page.narrow{max-width:720px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise var(--slow) var(--ease-out) both}.tab-header{display:flex;align-items:flex-end;gap:var(--s-md);padding-top:calc(env(safe-area-inset-top) + var(--s-lg));padding-bottom:var(--s-xs)}.back-header{display:flex;align-items:center;gap:var(--s-sm);padding-top:calc(env(safe-area-inset-top) + var(--s-md));padding-bottom:var(--s-sm)}.business-avatar{width:var(--touch);height:var(--touch);border-radius:var(--r-pill);background:var(--solid);color:var(--on-solid);display:inline-flex;align-items:center;justify-content:center;font:600 14px/18px var(--font-text);flex-shrink:0}.tabbar-wrap{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:var(--s-sm);padding:0 var(--s-md) max(env(safe-area-inset-bottom),var(--s-md));pointer-events:none}.tabbar-wrap:before{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(var(--fade),var(--background));pointer-events:none}.tabbar{position:relative;flex:1;display:flex;border-radius:var(--r-pill);padding:var(--s-xs);min-height:var(--tab-bar-h);background:var(--tab-bar);box-shadow:var(--shadow-tab-bar);pointer-events:auto}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-xxs);min-height:56px;border-radius:var(--r-pill);color:var(--tab-icon);font:600 12px/15px var(--font-text);transition:background var(--fast),color var(--fast);min-width:0}.tab svg{font-size:22px}.tab.active{background:var(--tab-active);color:var(--tab-icon-active)}.assistant-btn{position:relative;width:var(--assistant);height:var(--assistant);border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-accent);pointer-events:auto;font-size:26px;flex-shrink:0;user-select:none;-webkit-user-select:none}.assistant-btn.float{position:fixed;right:var(--s-md);bottom:max(env(safe-area-inset-bottom),var(--s-md));z-index:30}.assistant-btn.holding{transform:scale(.92)}.assistant-btn .hold-ring{position:absolute;inset:-6px;border-radius:50%;border:3px solid var(--accent);opacity:0;transform:scale(.85);transition:opacity var(--fast),transform .26s linear}.assistant-btn.holding .hold-ring{opacity:.5;transform:scale(1)}@media(min-width:960px){.sidebar{display:flex;flex-direction:column;gap:var(--s-xs);position:sticky;top:0;height:100dvh;width:248px;flex-shrink:0;padding:var(--s-xxl) var(--s-lg);border-right:1px solid var(--hairline)}.sidebar .wordmark{padding:0 var(--s-md) var(--s-xxl)}.side-link{display:flex;align-items:center;gap:var(--s-md);min-height:var(--touch);padding:0 var(--s-md);border-radius:var(--r-pill);font:600 15px/20px var(--font-text);color:var(--text-soft);transition:background var(--fast),color var(--fast)}.side-link svg{font-size:22px;color:var(--tab-icon)}@media(hover:hover){.side-link:hover{background:var(--surface)}}.side-link.active{background:var(--tab-active);color:var(--tab-icon-active)}.side-link.active svg{color:var(--tab-icon-active)}.side-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:var(--r-pill);background:var(--urgent);color:#fff;font:600 12px/22px var(--font-text);text-align:center}.sidebar .side-foot{margin-top:auto}.tabbar-wrap .tabbar,.tabbar-wrap:before{display:none}.tabbar-wrap{left:auto;right:var(--s-xxl);bottom:var(--s-xxl);padding:0}.main{padding-bottom:var(--s-huge)}.hide-desktop{display:none!important}.page{padding:0 var(--s-xxxl)}.tab-header{padding-top:var(--s-xxxl)}}@media(max-width:959px){.hide-mobile{display:none!important}}.grid{display:grid;gap:var(--s-md)}.grid-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.grid-ideas{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(min-width:960px){.grid-home{grid-template-columns:1.15fr 1fr;align-items:start;gap:var(--s-xxl)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.veil{position:fixed;inset:0;z-index:50;background:var(--veil);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:fade-in var(--base) var(--ease-out) both}.veil.closing{animation:fade-out var(--base) var(--ease-out) both}.sheet{width:100%;max-width:560px;max-height:calc(100dvh - 24px);overflow:auto;background:var(--surface-raised);border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--shadow-sheet);padding:var(--s-sm) var(--gutter) max(env(safe-area-inset-bottom),var(--s-xl));display:flex;flex-direction:column;gap:var(--s-lg);animation:sheet-in .32s var(--spring) both}.veil.closing .sheet{animation:sheet-out var(--base) var(--ease-out) both}.sheet .handle{width:40px;height:5px;border-radius:var(--r-pill);background:var(--handle);align-self:center;margin-bottom:var(--s-xs)}.sheet .card,.sheet .chip.neutral,.sheet .search{background:var(--surface)}.sheet .skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-deep) 50%,var(--surface) 75%);background-size:200% 100%}@media(min-width:960px){.veil{align-items:center}.sheet{border-radius:var(--r-sheet);padding-bottom:var(--s-xxl);box-shadow:var(--shadow-floating)}.sheet .handle{display:none}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(110%)}}@media(min-width:960px){@keyframes sheet-in{0%{transform:translateY(24px) scale(.97);opacity:0}}@keyframes sheet-out{to{transform:translateY(16px) scale(.98);opacity:0}}}.toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + var(--s-lg));z-index:80;transform:translate(-50%);background:var(--toast);color:var(--on-toast);border-radius:var(--r-pill);padding:var(--s-md) var(--s-xl);box-shadow:var(--shadow-floating);display:flex;align-items:center;gap:var(--s-sm);font:600 14px/18px var(--font-text);animation:toast-in .38s var(--spring) both;max-width:calc(100vw - 32px)}@keyframes toast-in{0%{transform:translate(-50%,-24px);opacity:0}}.listening{position:fixed;inset:0;z-index:60;background:var(--veil-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-xxl);padding:var(--gutter);animation:fade-in var(--base) var(--ease-out) both}.context-pill{display:inline-flex;align-items:center;gap:var(--s-xs);padding:6px var(--s-md);border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-text);font:600 13px/17px var(--font-text);align-self:flex-start}.listening .context-pill{align-self:center;background:#ffffff1f;color:#fff}.wave{display:flex;gap:6px;align-items:center;height:64px}.wave span{width:8px;border-radius:var(--r-pill);background:var(--accent);animation:wave .9s var(--ease-in-out) infinite}.wave span:nth-child(2){animation-delay:.12s}.wave span:nth-child(3){animation-delay:.24s}.wave span:nth-child(4){animation-delay:.36s}.wave span:nth-child(5){animation-delay:.48s}@keyframes wave{0%,to{height:14px}50%{height:60px}}.bubble{max-width:min(78%,520px);padding:10px 14px;border-radius:var(--r-bubble);font:400 16px/22px var(--font-text)}.bubble.in{background:var(--bubble-in);border-bottom-left-radius:var(--r-bubble-tail);align-self:flex-start}.bubble.out{background:var(--bubble-out);color:var(--on-bubble-out);border-bottom-right-radius:var(--r-bubble-tail);align-self:flex-end}.bubble .meta{display:block;margin-top:4px;font:500 12px/15px var(--font-text);opacity:.72}.composer{position:sticky;bottom:0;display:flex;align-items:flex-end;gap:var(--s-sm);padding:var(--s-md) 0 max(env(safe-area-inset-bottom),var(--s-md));background:var(--background)}.composer textarea{flex:1;min-height:var(--touch);max-height:140px;border-radius:24px;border:0;background:var(--input);padding:13px var(--s-lg);resize:none;outline:none;font:400 16px/22px var(--font-text)}.sticker{aspect-ratio:1;border-radius:var(--r-tile);display:flex;align-items:center;justify-content:center;font-size:44px;position:relative;overflow:hidden}.sticker svg{filter:drop-shadow(0 4px 0 rgba(0,0,0,.08))}.idea-card{border-radius:var(--r-card);padding:var(--s-xl);color:#fff;display:flex;flex-direction:column;gap:var(--s-md);text-align:left;width:100%;min-height:200px}.halo{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,var(--halo) 0%,var(--halo-end) 70%);animation:breathe 5s var(--ease-in-out) infinite;pointer-events:none}@keyframes breathe{50%{transform:scale(1.08)}}.caret:after{content:"";display:inline-block;width:3px;height:.9em;margin-left:4px;background:var(--accent);vertical-align:-.08em;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s-sm);position:relative}.otp .box{aspect-ratio:.86;max-height:64px;border-radius:var(--r-thumb);background:var(--input);border:2px solid transparent;display:flex;align-items:center;justify-content:center;font:800 26px/1 var(--font-heading)}.otp .box.focus{border-color:var(--accent)}.otp.error .box{border-color:var(--urgent)}.otp input{position:absolute;inset:0;opacity:0;font-size:16px}.progress-steps{display:flex;gap:var(--s-xs)}.progress-steps span{flex:1;height:5px;border-radius:var(--r-pill);background:var(--surface-deep);transition:background var(--base)}.progress-steps span.on{background:var(--accent)}.check-pop{animation:pop .38s var(--spring) both}@keyframes pop{0%{transform:scale(.4);opacity:0}}.skeleton{background:linear-gradient(90deg,var(--skeleton) 25%,var(--skeleton-hi) 50%,var(--skeleton) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.unread{min-width:22px;height:22px;padding:0 6px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font:600 12px/22px var(--font-text);text-align:center}.ai-mark{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-text);font:600 11px/15px var(--font-text)}.dot{width:8px;height:8px;border-radius:50%;background:var(--urgent);flex-shrink:0}.scroll-x{display:flex;gap:var(--s-sm);overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter)}.scroll-x::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}