.vs{gap:14px}.vs,.vs-talk{display:flex;flex-direction:column}.vs-talk{align-items:center;gap:10px}.vs-mic{width:72px;height:72px;border-radius:50%;border:0;padding:0;cursor:pointer;display:grid;place-items:center;color:#fff;position:relative;flex:0 0 auto;background:linear-gradient(135deg,var(--peach),var(--lilac));box-shadow:0 2px 6px rgba(76,32,71,.1),0 16px 32px -12px rgba(195,150,191,.7);transition:transform var(--fast) var(--ease),box-shadow var(--base) var(--ease)}.vs-mic:hover{transform:translateY(-1px)}.vs-mic:disabled{cursor:default}.vs-mic svg{width:26px;height:26px}.vs-mic.listening{animation:vs-pulse 1.4s ease-in-out infinite}.vs-mic.listening:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px solid rgba(195,150,191,.55);animation:vs-ring 1.4s ease-out infinite}@keyframes vs-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes vs-ring{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.35);opacity:0}}.vs-mic.busy{background:#ece0f0;color:var(--text-primary)}.vs-hint{font-family:Cerebri Sans,sans-serif;font-size:var(--t-sm);line-height:1.5;color:rgba(76,32,71,.55);text-align:center;min-height:21px}.vs-clock{font-variant-numeric:tabular-nums;white-space:nowrap}.vs-clock.warning{color:#b91c1c;font-weight:600}.vs-error{font-family:Cerebri Sans,sans-serif;font-size:13px;line-height:1.45;color:#b91c1c;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.vs-error .btn{padding:7px 14px;font-size:9.5px}.vs-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:28px}.vs-wave i{width:3px;height:6px;border-radius:2px;background:linear-gradient(180deg,var(--peach),var(--lilac));animation:vs-wave .9s ease-in-out infinite}@keyframes vs-wave{0%,to{height:6px}50%{height:24px}}.vs-thinking{display:inline-flex;gap:5px;align-items:center;height:20px}.vs-thinking i{width:5px;height:5px;border-radius:50%;background:var(--lilac);animation:vs-think 1.2s ease-in-out infinite}@keyframes vs-think{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.vs-input{width:100%;background:#fff;border:0;border-radius:var(--r-md);padding:14px 16px;font-family:Cerebri Sans,sans-serif;font-size:17px;line-height:1.5;color:var(--text-primary);box-shadow:inset 0 0 0 1px rgba(76,32,71,.14),var(--shadow-rest);transition:box-shadow var(--base) var(--ease);min-height:132px;resize:vertical;margin:0}.vs-input::-moz-placeholder{color:rgba(76,32,71,.3)}.vs-input::placeholder{color:rgba(76,32,71,.3)}.vs-input:focus{box-shadow:inset 0 0 0 1.5px rgba(76,32,71,.45),var(--shadow-rest);outline:none}.vs-input.flash{animation:vs-flash .9s var(--ease)}@keyframes vs-flash{0%{box-shadow:inset 0 0 0 1px rgba(76,32,71,.14),0 0 0 0 hsla(15,72%,79%,0)}35%{box-shadow:inset 0 0 0 1.5px rgba(195,150,191,.7),0 0 0 8px hsla(15,72%,79%,.25)}to{box-shadow:inset 0 0 0 1px rgba(76,32,71,.14),0 0 0 0 hsla(15,72%,79%,0)}}.vs-actions{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:var(--s5)}.vs-status-slot{margin-top:8px}.vs-status-slot:empty{display:none}.vs.compact .vs-row{display:flex;gap:10px;align-items:center}.vs.compact .vs-row .vs-input{flex:1;min-height:56px}.vs.compact .vs-row .vs-field{flex:1;min-width:0}.vs.compact{gap:8px}.vs-talk.compact,.vs.compact .vs-talk{flex-direction:row;justify-content:flex-start;gap:12px;min-height:0}.vs-mic.compact{width:46px;height:46px;flex:0 0 46px;box-shadow:0 1px 3px rgba(76,32,71,.1),0 10px 20px -10px rgba(195,150,191,.7)}.vs-mic.compact svg{width:18px;height:18px}.vs-mic.compact.listening:after{inset:-6px}.vs-mic.quiet{background:transparent;color:var(--text-primary);box-shadow:none;border:1px solid var(--border-color)}.vs-talk.compact .vs-wave{height:20px}.vs-talk.compact .vs-hint{text-align:left;font-size:13px}.vs-talk.compact.mic-right{justify-content:flex-end}.vs-talk.compact.mic-right .vs-hint{text-align:right}.vs-talk.compact.mic-right .vs-error{justify-content:flex-end;text-align:right}@media (max-width:768px){.vs-input{font-size:17px!important}}@media (prefers-reduced-motion:reduce){.vs-mic.listening,.vs-mic.listening:after,.vs-thinking i,.vs-wave i{animation:none}}.vs-saved{font-size:13px;line-height:1.45;color:#6b4f2a;background:hsla(15,72%,79%,.22);border-radius:10px;padding:8px 12px}.vs-discard{background:none;border:0;padding:4px 0;font-size:12px;color:var(--ink-55,rgba(76,32,71,.55));text-decoration:underline;cursor:pointer}.ob,.obh{--ink:var(--text-primary);--bg:var(--bg-primary);--rest:var(--sidebar-bg);--ink-70:rgba(76,32,71,.72);--ink-55:rgba(76,32,71,.55);--ink-30:rgba(76,32,71,.3);--ink-12:rgba(76,32,71,.12);--ink-06:rgba(76,32,71,.06);--ink-05:rgba(76,32,71,.05);--rose-f:#f7dfe4;--rose-a:#e79bb0;--rose-t:#b0596f;--honey-f:#f7edbf;--honey-t:#9a7d1f;--sage-f:#dcecd9;--sage-t:#4a7a5c;--lilac-f:#ece0f0;--lilac-t:#7a5a8c;--sky-f:#dde7f1;--sky-t:#4f6f8c;--clay-f:#f6e0d0;--clay-t:#b56a3c;--grad-ink:linear-gradient(90deg,#c4735c,#8a5a86);--voice:"Juana","Playfair Display",Georgia,serif;--sans:"Cerebri Sans","Helvetica Neue",Arial,sans-serif;--caps:"Adrianna Extended","Cerebri Sans",sans-serif;--motion:1;color:var(--ink);font-family:var(--sans);font-size:var(--t-body);line-height:1.5}.ob b,.ob em,.ob i,.ob strong,.obh b,.obh em,.obh i,.obh strong{font-weight:inherit}.ob :is(p,h1,h2,h3,h4,h5),.obh :is(p,h1,h2,h3,h4,h5){margin:0}:where(.ob,.obh) :where(button){font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}:where(.ob,.obh) :where(svg){display:block}.ob [hidden],.obh [hidden]{display:none!important}.ob.stage{position:fixed;inset:0;z-index:50;background:var(--bg);overflow:hidden;isolation:isolate}.ob.stage:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(420px 320px at 90% -8%,hsla(15,72%,79%,.22),transparent 62%),radial-gradient(420px 320px at -10% 108%,rgba(195,150,191,.18),transparent 62%)}.ob .column{position:relative;z-index:1;height:100%;width:100%;max-width:480px;margin:0 auto}.ob .screen,.ob .screens{position:absolute;inset:0}.ob .screen{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:calc(env(safe-area-inset-top, 0px) + 22px) 28px calc(env(safe-area-inset-bottom, 0px) + 28px);scrollbar-width:thin;scrollbar-color:var(--ink-12) transparent;-webkit-overflow-scrolling:touch}.ob .screen.enter{animation:ob-screen-in calc(var(--slow) * var(--motion)) var(--ease) both}.ob .screen.exit{animation:ob-screen-out calc(var(--base) * var(--motion)) var(--ease) both;pointer-events:none}@keyframes ob-screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ob-screen-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.ob .rail{display:flex;align-items:center;gap:10px;min-height:28px;flex:0 0 auto;margin-bottom:var(--s5)}.ob .rail .wm{height:9px;width:173px;color:var(--ink);flex:0 1 auto;min-width:0}.ob .rail .brand{display:inline-flex;align-items:center;gap:7px;flex:0 1 auto;min-width:0}.ob .rail .wm-star,.ob .wm-star{width:14px;height:14px;flex:0 0 auto}.ob .wm-row{display:flex;align-items:center;gap:5px}.ob .browser .wm-star,.ob .imsg .wm-star{width:9px;height:9px}.ob .browser .scard .foot .wm-star{width:7px;height:7px}.ob .back{width:24px;height:24px;margin-left:-6px;display:grid;place-items:center;color:var(--ink-55);border-radius:50%;transition:background var(--fast) var(--ease),color var(--fast) var(--ease);flex:0 0 24px}.ob .back:hover{background:var(--ink-05);color:var(--ink)}.ob .back .ic{width:16px;height:16px}.ob .back[disabled]{opacity:0;pointer-events:none}.ob .sol{width:24px;height:24px;position:relative}.ob .sol .star{width:24px;height:24px;transform-origin:50% 50%}.ob .sol.speaking .star{animation:ob-breathe calc(2.6s * var(--motion)) ease-in-out infinite}@keyframes ob-breathe{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(240,183,164,0))}50%{transform:scale(1.09);filter:drop-shadow(0 2px 10px rgba(240,183,164,.55))}}.ob .rail .spacer{flex:1}.ob .dots{display:flex;align-items:center;gap:1px;flex:0 0 auto}.ob .dots button{display:grid;place-items:center;padding:8px 2px;cursor:default;border-radius:4px}.ob .dots button.done{cursor:pointer}.ob .dots button.done:hover i{transform:scale(1.5)}.ob .dots i{display:block;width:5px;height:5px;border-radius:50%;background:var(--ink-12);transition:background var(--base) var(--ease),transform var(--base) var(--ease)}.ob .dots button.done i{background:linear-gradient(135deg,var(--peach),var(--lilac))}.ob .dots button.now i{width:10px;height:10px;background:none}.ob .dots button.now .star{width:10px;height:10px}.ob .body{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;gap:var(--s5)}.ob .body.top{justify-content:flex-start}.ob .eyebrow{font-family:var(--caps);font-weight:400;font-size:var(--t-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-55)}.ob .voice{display:flex;flex-direction:column;gap:14px}.ob .voice .sol{margin-bottom:2px}.ob .voice p{font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.55;color:var(--ink);text-wrap:pretty}.ob .voice p.lead{font-family:var(--voice);font-style:italic;font-weight:200;font-size:38px;line-height:1.1;letter-spacing:-.005em;text-wrap:balance}.ob .voice p.big{font-style:italic}.ob .voice p.big,.ob .voice p.serif{font-family:var(--voice);font-weight:200;font-size:27px;line-height:1.2;text-wrap:balance}.ob .voice p.big em,.ob .voice p.lead em,.ob .voice p.serif{font-style:normal}.ob .voice p em,.ob .voice p.serif em{font-style:italic}.ob .voice p.small{font-size:14px;color:var(--ink-70);line-height:1.5}.ob .voice p b{font-weight:200;font-family:var(--voice);font-style:italic;font-size:1.22em;line-height:1;color:var(--ink)}.ob .hl,.obh .hl{background:var(--grad-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:inherit}.ob .voice .cite{font-family:var(--sans);font-size:var(--t-sm);color:var(--ink-55)}.ob .center{text-align:center}.ob .reveal>*{opacity:0;transform:translateY(8px);animation:ob-line-in calc(var(--slow) * var(--motion)) var(--ease) forwards;animation-delay:calc(var(--i, 0) * .26s * var(--motion) + 80ms + var(--extra, 0ms) * var(--motion))}.ob .reveal>.slow{animation-duration:calc(.52s * var(--motion))}@keyframes ob-line-in{to{opacity:1;transform:none}}.ob .settled>*{opacity:1;transform:none;animation:none}.ob .actions{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:var(--s5)}.ob .actions.row{flex-direction:row;justify-content:center;flex-wrap:wrap}.ob .btn,.obh .btn{min-height:42px;padding:13px 22px}.ob .btn:disabled,.obh .btn:disabled{opacity:.38;cursor:default;transform:none}.ob .link{font-family:var(--sans);font-size:var(--t-sm);color:var(--ink-55);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ink-30)}.ob .link:hover{color:var(--ink)}.ob .fields{gap:12px}.ob .field,.ob .fields{display:flex;flex-direction:column}.ob .field{gap:6px}.ob .field label{font-family:var(--caps);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-55)}.ob .input{width:100%;background:#fff;border:0;border-radius:var(--r-md);padding:14px 16px;font-size:17px!important;line-height:1.4;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(76,32,71,.14),var(--shadow-rest);transition:box-shadow var(--base) var(--ease);font-family:var(--sans)}.ob .input::-moz-placeholder{color:var(--ink-30)}.ob .input::placeholder{color:var(--ink-30)}.ob .input:focus{box-shadow:inset 0 0 0 1.5px rgba(76,32,71,.45),var(--shadow-rest);outline:none}.ob .vs-input{font-size:17px}.ob .chip{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);padding:5px 10px;font-family:var(--caps);font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:var(--lilac-f);color:var(--lilac-t);box-shadow:none;cursor:default;line-height:1.2}.ob .chip.sage{background:var(--sage-f);color:var(--sage-t)}.ob .chip.honey{background:var(--honey-f);color:var(--honey-t)}.ob .chip.rose{background:var(--rose-f);color:var(--rose-t)}.ob .chip.sky{background:var(--sky-f);color:var(--sky-t)}.ob .chip.clay{background:var(--clay-f);color:var(--clay-t)}.ob .hints{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.ob .hints .chip{animation:ob-drift calc(5.2s * var(--motion)) ease-in-out infinite}@keyframes ob-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.ob .reflect{border-radius:var(--r-md);padding:18px 20px;background:#fff;box-shadow:var(--shadow-rest);border-left:3px solid transparent;-o-border-image:linear-gradient(180deg,var(--peach),var(--lilac)) 1;border-image:linear-gradient(180deg,var(--peach),var(--lilac)) 1;display:flex;flex-direction:column;gap:10px;animation:ob-line-in calc(var(--slow) * var(--motion)) var(--ease) both}.ob .who{display:flex;align-items:center;gap:8px}.ob .reflect .who .star{width:14px;height:14px}.ob .reflect p{font-family:var(--sans);font-size:17px;line-height:1.5}.ob .done-card{border-radius:var(--r-md);padding:16px 18px;background:rgba(220,236,217,.55);display:flex;gap:12px;align-items:flex-start}.ob .ok{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px rgba(34,197,94,.16)}.ob .ok svg{width:12px;height:12px}.ob .done-card p{font-family:var(--sans);font-size:16px;line-height:1.45}.ob .done-card .eyebrow{color:var(--sage-t);margin-bottom:4px}.ob .choices{display:flex;flex-direction:column;gap:10px}.ob .choice{text-align:left;background:#fff;border-radius:var(--r-md);padding:14px 16px;font-size:17px;line-height:1.35;box-shadow:inset 0 0 0 1px rgba(76,32,71,.12),var(--shadow-rest);display:flex;align-items:center;gap:12px;width:100%;transition:box-shadow var(--base) var(--ease),transform var(--fast) var(--ease),background var(--base) var(--ease)}.ob .choice:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(76,32,71,.22),var(--shadow-raised)}.ob .choice .dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px;background:var(--ink-12);transition:background var(--base) var(--ease)}.ob .choice.picked{background:linear-gradient(135deg,hsla(15,72%,79%,.35),rgba(195,150,191,.35));box-shadow:inset 0 0 0 1px rgba(195,150,191,.6),var(--shadow-rest)}.ob .choice.picked .dot{background:linear-gradient(135deg,var(--peach),var(--lilac))}.ob .choice.own{font-family:var(--sans);color:var(--ink-70);font-size:15px}.ob .choice.own .ic{width:16px;height:16px;flex:0 0 16px}.ob .substeps{display:flex;gap:6px}.ob .substeps i{height:3px;flex:1;border-radius:2px;background:var(--ink-12);transition:background var(--base) var(--ease)}.ob .substeps i.on{background:linear-gradient(90deg,var(--peach),var(--lilac))}.ob .inter{align-items:center;text-align:center}.ob .inter .voice p{font-family:var(--voice);font-style:italic;font-weight:200;font-size:28px;line-height:1.22;text-wrap:balance}.ob .inter .voice p.serif,.ob .inter .voice p.stat{font-size:27px;line-height:1.22}.ob .inter .voice p.serif{font-style:normal}.ob .inter .voice p.finale{font-size:42px;line-height:1.08;padding-top:10px}.ob .reveal>.finale{animation-duration:calc(.56s * var(--motion))}.ob .inter .voice p.big{font-size:34px;line-height:1.15;padding-top:4px}.ob .inter .voice p.huge{font-size:64px;line-height:1;font-style:italic;padding-top:6px}.ob .inter .voice p.huge,.ob .inter .voice p.stat b{background:var(--grad-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.ob .inter .voice p.stat b{font-size:1em;font-style:normal}.ob .inter .voice p.note{font-family:var(--sans);font-style:normal;font-weight:400;font-size:17px;color:var(--ink);line-height:1.55;padding-top:6px}.ob .inter .voice p.cite{font-family:var(--caps);font-style:normal;font-weight:400;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-55);line-height:1.5;max-width:28ch;margin-inline:auto}.ob .inter .voice .sol{align-self:center}.ob .deck{position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.ob .deck .track{display:flex;flex:1;transition:transform calc(var(--slow) * var(--motion)) var(--ease);min-height:0}.ob .deck .card{flex:0 0 100%;flex-direction:column;gap:var(--s5);padding-inline:2px;overflow-y:auto}.ob .deck .card,.ob .deck-dots{display:flex;justify-content:center}.ob .deck-dots{gap:2px;padding-top:var(--s3)}.ob .deck-dots button{display:grid;place-items:center;padding:8px 4px;border-radius:4px;cursor:pointer}.ob .deck-dots button:hover i{transform:scale(1.4)}.ob .deck-dots i{display:block;width:6px;height:6px;border-radius:50%;background:var(--ink-12);transition:background var(--base) var(--ease),transform var(--base) var(--ease)}.ob .deck-dots button.on i{background:linear-gradient(135deg,var(--peach),var(--lilac));transform:scale(1.25)}.ob .swipe-hint{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink-30);font-family:var(--caps);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.ob .swipe-hint .ic{width:14px;height:14px;animation:ob-nudge calc(1.6s * var(--motion)) ease-in-out infinite}@keyframes ob-nudge{0%,to{transform:translateX(0)}50%{transform:translateX(4px)}}.ob .rhythm{display:flex;flex-direction:column;gap:12px}.ob .rcard{background:#fff;border-radius:var(--r-md);padding:16px 18px;box-shadow:var(--shadow-rest);display:flex;gap:14px;align-items:flex-start}.ob .rcard .ic{width:22px;height:22px;flex:0 0 22px;color:var(--lilac-t);margin-top:2px}.ob .rcard h4{margin:0 0 4px;font-family:var(--caps);font-weight:400;font-size:11px;letter-spacing:.14em;text-transform:uppercase;line-height:1.3}.ob .rcard h5{margin:2px 0 6px;font-family:var(--voice);font-style:italic;font-weight:200;font-size:24px;line-height:1.1}.ob .rcard p{font-size:15px;line-height:1.5;color:var(--ink)}.ob .quote{background:hsla(0,0%,100%,.7);border-radius:var(--r-md);padding:18px 20px;box-shadow:var(--shadow-rest);display:flex;flex-direction:column;gap:8px}.ob .quote p{font-family:var(--voice);font-style:italic;font-weight:200;font-size:22px;line-height:1.3}.ob .quote .cite{font-family:var(--sans);font-size:13px;color:var(--ink-55)}.ob .appmock{position:relative;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-rest);padding:16px 16px 14px;overflow:hidden;font-family:var(--sans)}.ob .appmock .solmsg{font-size:15px;line-height:1.6;color:var(--ink);margin:0}.ob .appmock .land{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 6px;margin-left:-6px;border-radius:6px;font-size:13px;color:var(--ink);opacity:.6;transition:background var(--fast) var(--ease),opacity var(--fast) var(--ease)}.ob .appmock .land .star{width:11px;height:11px}.ob .appmock .land.hover,.ob .appmock .land:hover{background:rgba(76,32,71,.06);opacity:1}.ob .appmock .land.gone{display:none}.ob .fb{margin-top:12px;display:flex;flex-direction:column;gap:8px}.ob .fb .lbl{font-size:13px}.ob .fb .lbl,.ob .fb .ta{color:var(--ink);line-height:1.45}.ob .fb .ta{min-height:64px;border:1px solid rgba(76,32,71,.16);border-radius:10px;padding:10px 12px;font-size:14px;background:#fff;white-space:pre-wrap;position:relative}.ob .fb .ta.empty:before{content:attr(data-ph);color:var(--ink-30)}.ob .caret{display:inline-block;width:1px;height:16px;background:var(--ink);vertical-align:-3px;margin-left:1px;animation:ob-blink 1s steps(1) infinite}@keyframes ob-blink{50%{opacity:0}}.ob .fb .row{display:flex;justify-content:flex-end;gap:8px}.ob .fb .btn{font-size:9.5px;padding:9px 14px;min-height:32px}.ob .fb .btn.send{background:var(--ink);color:#fff;opacity:.45}.ob .fb .btn.send.on{opacity:1}.ob .press{transform:scale(.96)}.ob .thanks{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--ink-70)}.ob .thanks .star{width:12px;height:12px}.ob .ptr{position:absolute;width:18px;height:22px;left:0;top:0;z-index:14;pointer-events:none;opacity:0;transition:left calc(.7s * var(--motion)) var(--ease),top calc(.7s * var(--motion)) var(--ease),opacity var(--base) var(--ease),transform var(--fast) var(--ease);filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.ob .ptr.on{opacity:1}.ob .ptr.press{transform:scale(.82)}.ob .appmock .sel{background:#accef7;color:inherit;border-radius:2px;padding:1px 0;background-size:0 100%;background-repeat:no-repeat;transition:background-size calc(.9s * var(--motion)) linear}.ob .appmock .sel.on{background-size:100% 100%}.ob .menu{position:absolute;left:16px;top:0;z-index:4;background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.18);min-width:200px;max-width:250px;overflow:hidden;padding:4px 0;opacity:0;transform:translateY(6px);transition:opacity var(--base) var(--ease),transform var(--base) var(--ease)}.ob .menu.on{opacity:1;transform:none}.ob .menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px 14px;font-size:12.5px;color:#333;border-radius:0;transition:background var(--fast) var(--ease)}.ob .menu button.hover{background:rgba(76,32,71,.06)}.ob .menu button .ic{width:14px;height:14px;color:var(--ink);stroke-width:2}.ob .menu.npanel2{min-width:236px;max-width:262px;padding:0 0 6px}.ob .menu .nhead{display:flex;justify-content:space-between;align-items:center;padding:9px 14px 6px;font-size:12px;color:#333}.ob .menu .nhead b{font-family:var(--sans)}.ob .menu .nhead span{color:#999;font-size:11px}.ob .menu .nform{display:flex;flex-direction:column;gap:6px;padding:2px 14px 8px}.ob .menu .nin{border:1px solid rgba(0,0,0,.12);border-radius:6px;padding:6px 10px;font-size:12px;color:#333;min-height:28px;position:relative}.ob .menu .nin.empty:before{content:attr(data-ph);color:#999}.ob .menu .nin .caret{height:12px;background:#333;vertical-align:-2px}.ob .menu .nrow{display:flex;gap:6px;align-items:center}.ob .menu .nsel{flex:1;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(0,0,0,.12);border-radius:4px;padding:4px 6px;font-size:11px;color:#333;background:#fff;transition:background var(--fast) var(--ease)}.ob .menu .nsel .ic{width:11px;height:11px;transform:rotate(90deg);color:#999}.ob .menu .nsel.hover{background:rgba(76,32,71,.06)}.ob .menu .ncreate{background:var(--ink);color:#fff;border-radius:4px;padding:5px 10px;font-size:11px;transition:opacity var(--fast) var(--ease)}.ob .menu .ncreate.hover{opacity:.85}.ob .menu .nlbl{padding:6px 14px 2px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#999}.ob .menu .sw{width:8px;height:8px;border-radius:2px;border:1px solid rgba(0,0,0,.1);flex:0 0 8px}.ob .menu.npanel2 button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob .savedchip{position:absolute;right:14px;bottom:12px;z-index:11;background:var(--ink);color:#fff;font-size:12px;padding:6px 10px;border-radius:999px;display:flex;align-items:center;gap:6px;opacity:0;transform:translateY(4px);transition:all var(--base) var(--ease)}.ob .savedchip.on{opacity:1;transform:none}.ob .savedchip .okd{width:14px;height:14px;border-radius:50%;background:var(--ok);display:grid;place-items:center}.ob .savedchip .okd svg{width:9px;height:9px;color:#fff}.ob .npanel{background:var(--bg);border-radius:var(--r-lg);box-shadow:var(--shadow-rest);padding:14px;display:flex;flex-direction:column;gap:10px;font-family:var(--sans)}.ob .npanel .head{display:flex;align-items:center;justify-content:space-between}.ob .npanel .head h3{margin:0;font-family:var(--voice);font-weight:200;font-size:22px;line-height:1}.ob .npanel .newb{font-family:var(--caps);font-size:9px;letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:999px;padding:7px 11px;display:inline-flex;align-items:center;gap:4px}.ob .npanel .search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(76,32,71,.14);border-radius:999px;padding:7px 12px;font-size:12.5px;color:var(--ink-30)}.ob .npanel .search .ic{width:13px;height:13px;color:var(--ink-55)}.ob .npanel .chips{display:flex;flex-wrap:wrap;gap:5px}.ob .npanel .chips span{font-family:var(--caps);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-70);border:1px solid rgba(76,32,71,.16);border-radius:999px;padding:5px 9px}.ob .npanel .chips span.on{background:rgba(231,155,176,.35);border-color:transparent;color:var(--ink)}.ob .stack{display:flex;flex-direction:column;gap:8px}.ob .nbar{border-radius:16px;box-shadow:0 1px 2px rgba(76,32,71,.06);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#333}.ob .nbar b{display:block;font-weight:400;font-size:13.5px;line-height:1.3;font-family:var(--sans)}.ob .nbar small{display:block;font-size:10.5px;opacity:.6;margin-top:1px}.ob .nbar b.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ob .nbar .ic{width:12px;height:12px;opacity:.7;flex:0 0 12px}.ob .nbar.g1{background:linear-gradient(135deg,#ffd0b1,#ffe6ec)}.ob .nbar.g2{background:linear-gradient(135deg,#cbdaff,#e5fff3)}.ob .nbar.g3{background:linear-gradient(135deg,#ffc9be,#f1dbff)}.ob .ncard{background:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-raised);position:relative;overflow:hidden;padding:12px 14px 12px 16px}.ob .ncard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--rose-a)}.ob .ncard h4{margin:0 0 4px;font-size:14px;font-weight:400;color:#333;font-family:var(--sans)}.ob .ncard .cat{display:inline-flex;align-items:center;gap:5px;font-family:var(--caps);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--rose-t)}.ob .ncard .cat i{width:6px;height:6px;border-radius:50%;background:var(--rose-a)}.ob .ncard .ctrls{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.ob .ncard .ctrls span{font-size:11px;color:#333;border:1px solid rgba(0,0,0,.12);border-radius:6px;padding:4px 8px;display:inline-flex;align-items:center;gap:4px;transition:background var(--fast) var(--ease)}.ob .ncard .ctrls span.share.hover{background:var(--orange);color:#fff;border-color:transparent}.ob .ncard .ctrls span .ic{width:11px;height:11px}.ob .ncard p{margin:0;font-family:var(--voice);font-style:italic;font-weight:200;font-size:15px;line-height:1.4;color:var(--ink)}.ob .ncard .foot{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink-55);margin-top:8px;padding-top:6px;border-top:1px solid rgba(0,0,0,.06)}.ob .browser{position:absolute;inset:0;z-index:6;background:var(--bg);border-radius:var(--r-lg);transform:translateY(104%);transition:transform calc(var(--slow) * var(--motion)) var(--ease);display:flex;flex-direction:column;overflow:hidden}.ob .browser.on{transform:none}.ob .browser .chrome{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#f1eef2;border-bottom:1px solid rgba(76,32,71,.08)}.ob .browser .chrome i{width:8px;height:8px;border-radius:50%;background:rgba(76,32,71,.18)}.ob .browser .chrome .url{flex:1;background:#fff;border-radius:999px;padding:4px 10px;font-size:10.5px;color:var(--ink-70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob .browser .pagebody{flex:1;padding:12px 14px;background:linear-gradient(135deg,hsla(15,72%,79%,.28),var(--bg) 45%,rgba(195,150,191,.28));display:flex;flex-direction:column;gap:10px}.ob .browser .pagebody .wm{height:8px;width:154px;color:var(--ink)}.ob .browser .sbtns{display:flex;gap:5px}.ob .browser .sbtns span{font-family:var(--caps);font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 8px;box-shadow:inset 0 0 0 1px rgba(76,32,71,.18);color:var(--ink)}.ob .browser .sbtns span.pri{background:var(--ink);color:#fff;box-shadow:none}.ob .browser .sbtns span.hover{background:rgba(76,32,71,.08)}.ob .browser .scard{background:#fff;border-radius:12px;box-shadow:var(--shadow-rest);padding:12px 14px;position:relative;overflow:hidden}.ob .browser .scard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--rose-a)}.ob .browser .scard h5{margin:0 0 6px;font-family:var(--voice);font-weight:200;font-size:17px;line-height:1.1}.ob .browser .scard .meta{display:flex;gap:8px;align-items:center;font-size:9.5px;color:var(--ink-55);margin-bottom:8px;flex-wrap:wrap}.ob .browser .scard .meta .chip{font-size:7.5px;padding:3px 7px}.ob .browser .scard p{margin:0;font-family:var(--voice);font-style:italic;font-weight:200;font-size:13.5px;line-height:1.4}.ob .browser .scard .foot{display:flex;justify-content:space-between;align-items:center;font-size:8.5px;color:var(--ink-55);margin-top:8px;padding-top:6px;border-top:1px solid rgba(76,32,71,.08)}.ob .browser .scard .foot .wm{height:6px;width:115px;color:var(--ink-55)}.ob .imsg{position:absolute;left:10px;right:10px;bottom:10px;z-index:13;background:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.22);padding:10px 12px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;color:#111;transform:translateY(120%);opacity:0;transition:transform calc(var(--slow) * var(--motion)) var(--ease),opacity var(--base) var(--ease)}.ob .imsg.on{transform:none;opacity:1}.ob .imsg .to{font-size:12px;color:#8e8e93;border-bottom:1px solid #eee;padding-bottom:6px;margin-bottom:8px;display:flex;gap:6px}.ob .imsg .to b{color:#111;font-family:inherit}.ob .imsg .bubble{margin-left:auto;max-width:86%;background:#0b84fe;color:#fff;border-radius:16px 16px 4px 16px;padding:8px 10px;font-size:13px;line-height:1.35}.ob .imsg .lp{margin-top:6px;background:#fff;color:#111;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.ob .imsg .lp .wm{height:6px;width:115px;color:var(--ink)}.ob .imsg .lp b{font-size:12px;color:var(--ink);font-family:inherit}.ob .imsg .lp span{font-size:10.5px;color:#8e8e93}.ob .imsg .sent{text-align:right;font-size:10px;color:#8e8e93;margin-top:4px}.ob .steps{display:flex;flex-direction:column;gap:10px}.ob .step{display:flex;gap:12px;align-items:center;background:#fff;border-radius:var(--r-md);padding:12px 14px;box-shadow:var(--shadow-rest);font-size:15px}.ob .step .n{width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:grid;place-items:center;font-family:var(--caps);font-size:11px;background:var(--lilac-f);color:var(--lilac-t)}.ob .device-tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-55)}.ob .device-tag .ic{width:14px;height:14px}.ob .preask{background:#fff;border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-raised);display:flex;flex-direction:column;gap:12px;animation:ob-line-in calc(var(--slow) * var(--motion)) var(--ease) both}.ob .preask p{font-family:var(--sans);font-size:17px;line-height:1.5}.ob .preask .star{width:16px;height:16px}.ob .preask .row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.ob .saved{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-70)}.ob .saved .ok{width:18px;height:18px;flex:0 0 18px}.ob .saved .ok svg{width:10px;height:10px}.ob .close-screen{align-items:center;text-align:center}.ob .close-screen .voice p{font-family:var(--voice);font-style:italic;font-weight:200;font-size:31px;line-height:1.18;text-wrap:balance}.ob .close-screen .voice p.small{font-family:var(--sans);font-style:normal;font-size:14px}.ob .close-screen .big-star{width:64px;height:64px;margin-bottom:var(--s3);animation:ob-breathe calc(3.2s * var(--motion)) ease-in-out infinite}.ob .toast,.obh-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 22px);transform:translate(-50%,10px);background:var(--text-primary);color:#fff;padding:11px 16px;border-radius:var(--r-pill);font-family:Cerebri Sans,sans-serif;font-size:14px;line-height:1.4;box-shadow:var(--shadow-raised);opacity:0;transition:all var(--slow) var(--ease);z-index:1200;max-width:calc(100% - 40px);text-align:center;pointer-events:none}.ob .toast.on,.obh-toast.on{opacity:1;transform:translate(-50%)}.ob .resume-chip{position:absolute;top:calc(env(safe-area-inset-top, 0px) + 58px);left:50%;transform:translateX(-50%);z-index:4;background:#fff;box-shadow:var(--shadow-raised);border-radius:var(--r-pill);padding:8px 14px;font-size:13px;display:flex;align-items:center;gap:8px;opacity:0;transition:opacity var(--slow) var(--ease);white-space:nowrap;pointer-events:none}.ob .resume-chip.on{opacity:1}.ob .resume-chip .star{width:12px;height:12px}.ob .loading{position:absolute;inset:0;display:grid;place-items:center}.ob .loading .star{width:28px;height:28px;animation:ob-breathe calc(2.6s * var(--motion)) ease-in-out infinite}.obh.daily{background:#fff;border-radius:var(--r-lg);padding:18px 18px 16px;box-shadow:var(--shadow-raised);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;margin-bottom:18px}.obh.daily:before{content:"";position:absolute;inset:0;background:radial-gradient(240px 120px at 100% 0,hsla(15,72%,79%,.22),transparent 70%);pointer-events:none}.obh .who{display:flex;align-items:center;gap:8px;position:relative}.obh .who .star{width:16px;height:16px}.obh.daily p{font-family:var(--sans);font-size:16px;line-height:1.55;position:relative}.obh.daily .btn{align-self:flex-start;position:relative}.obh .eyebrow{font-family:var(--caps);font-weight:400;font-size:var(--t-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-55)}.obh.pcard{background:var(--rest);border-radius:var(--r-lg);padding:20px 18px;box-shadow:var(--shadow-rest);display:flex;flex-direction:column;gap:12px}.obh.pcard h1{font-family:var(--voice);font-weight:200;font-size:28px;line-height:1.15;color:var(--ink)}.obh.pcard .sub{font-size:14px;color:var(--ink-70);margin:-4px 0 4px}.obh .item{background:#fff;border-radius:var(--r-md);padding:12px 12px 12px 10px;box-shadow:var(--shadow-rest);display:flex;align-items:center;gap:10px;text-align:left;max-height:200px;transition:transform var(--fast) var(--ease),box-shadow var(--base) var(--ease),opacity var(--slow) var(--ease),max-height var(--slow) var(--ease),padding var(--slow) var(--ease),margin var(--slow) var(--ease)}.obh .item:hover{box-shadow:var(--shadow-raised)}.obh .item .circle{width:22px;height:22px;flex:0 0 22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(76,32,71,.28);display:grid;place-items:center;transition:all var(--base) var(--ease);cursor:pointer}.obh .item .circle svg{width:12px;height:12px;color:#fff;opacity:0;transition:opacity var(--fast) var(--ease)}.obh .item .circle:hover{box-shadow:inset 0 0 0 1.5px rgba(76,32,71,.6)}.obh .item.checked .circle{background:var(--ok);box-shadow:0 0 0 3px rgba(34,197,94,.16)}.obh .item.checked .circle svg{opacity:1}.obh .item .rowbody{flex:1;display:flex;align-items:center;gap:10px;min-width:0;text-align:left;cursor:pointer}.obh .item .detected{font-family:var(--caps);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage-t);white-space:nowrap}.obh .item .ic{width:20px;height:20px;flex:0 0 20px;color:var(--lilac-t)}.obh .item .t{flex:1;min-width:0}.obh .item .t b{display:block;font-weight:400;font-size:15px;line-height:1.35}.obh .item .t span{display:block;font-size:13px;color:var(--ink-70);line-height:1.4}.obh .item .chev{width:16px;height:16px;color:var(--ink-30);flex:0 0 16px}.obh .item.new .t b:before{content:"✨ New · ";font-size:13px}.obh .item.gone{opacity:0;transform:translateX(12px);max-height:0;padding-block:0;overflow:hidden;margin-top:-12px}.obh .item.checked .chev{display:none}.obh.wscrim{position:fixed;inset:0;z-index:1000;background:rgba(76,32,71,.28);opacity:0;pointer-events:none;transition:opacity var(--slow) var(--ease)}.obh.wscrim.on{opacity:1;pointer-events:auto}.obh.wsheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;max-width:560px;margin:0 auto;pointer-events:none;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -6px 28px rgba(0,0,0,.18);padding:14px 22px calc(env(safe-area-inset-bottom, 0px) + 22px);transform:translateY(104%);transition:transform var(--slow) var(--ease);display:flex;flex-direction:column;gap:12px}.obh.wsheet.on{transform:none;pointer-events:auto}.obh.wsheet .handle{width:36px;height:4px;border-radius:2px;background:rgba(76,32,71,.18);margin:0 auto 4px}.obh.wsheet h4{font-family:var(--voice);font-weight:200;font-style:italic;font-size:24px;line-height:1.15;color:var(--ink)}.obh.wsheet p{font-size:15px;line-height:1.5}.obh.wsheet .detect{font-size:12.5px;color:var(--ink-55);display:flex;gap:6px;align-items:flex-start}.obh.wsheet .detect .okd{width:14px;height:14px;flex:0 0 14px;border-radius:50%;background:var(--ok);display:grid;place-items:center;margin-top:2px}.obh.wsheet .detect .okd svg{width:9px;height:9px;color:#fff}.obh.wsheet .row{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding-top:4px}@media (prefers-reduced-motion:reduce){.ob,.obh{--motion:0.001}.ob .reveal>*{opacity:1;transform:none}.ob .close-screen .big-star,.ob .hints .chip,.ob .loading .star,.ob .preask,.ob .reflect,.ob .reveal>*,.ob .screen.enter,.ob .screen.exit,.ob .sol.speaking .star,.ob .swipe-hint .ic{animation:none}}@media (max-width:360px){.ob .screen{padding-inline:20px}.ob .rail .wm{width:140px}}