/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--rra-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--rra-color-red-400:oklch(70.4% .191 22.216);--rra-color-amber-400:oklch(82.8% .189 84.429);--rra-color-emerald-500:oklch(69.6% .17 162.48);--rra-color-zinc-300:oklch(87.1% .006 286.286);--rra-color-zinc-400:oklch(70.5% .015 286.067);--rra-color-zinc-500:oklch(55.2% .016 285.938);--rra-color-zinc-800:oklch(27.4% .006 286.033);--rra-color-zinc-900:oklch(21% .006 285.885);--rra-color-zinc-950:oklch(14.1% .005 285.823);--rra-color-white:#fff;--rra-spacing:.25rem;--rra-text-xs:.75rem;--rra-text-xs--line-height:calc(1 / .75);--rra-text-sm:.875rem;--rra-text-sm--line-height:calc(1.25 / .875);--rra-text-base:1rem;--rra-text-base--line-height: 1.5 ;--rra-text-lg:1.125rem;--rra-text-lg--line-height:calc(1.75 / 1.125);--rra-font-weight-medium:500;--rra-font-weight-bold:700;--rra-tracking-wider:.05em;--rra-tracking-widest:.1em;--rra-leading-relaxed:1.625;--rra-radius-md:.375rem;--rra-radius-xl:.75rem;--rra-radius-2xl:1rem;--rra-radius-3xl:1.5rem;--rra-animate-spin:spin 1s linear infinite;--rra-animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--rra-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--rra-blur-md:12px;--rra-blur-xl:24px;--rra-blur-2xl:40px}}@layer base;@layer components{.rra-bubble{background-color:var(--rra-bubble-bg,oklab(21% .00164225 -.00577088/.9));color:var(--rra-bubble-fg,oklch(92% .004 286.32));border:1px solid var(--rra-bubble-border,oklch(62.7% .265 303.9))}@supports (color:color-mix(in lab,red,red)){.rra-bubble{border:1px solid color-mix(in oklab,var(--rra-bubble-border,oklch(62.7% .265 303.9)) var(--rra-bubble-border-mix,25%),transparent)}}.rra-bubble-accent{color:var(--rra-bubble-accent,oklch(71.4% .203 305.504))}.rra-caption-box{background:var(--rra-caption-bg,#09090bcc);color:var(--rra-caption-fg,oklch(96.7% .001 286.375));border:1px solid var(--rra-caption-border,oklab(37% .00354074 -.0125085/.4));text-shadow:var(--rra-caption-shadow,0 1px 3px #00000080)}.rra-state-pill{color:var(--rra-pill-fg,#fff)}.rra-avatar[data-overlay-bubble] #rra-think{visibility:hidden}.rra-enter{animation:rra-enter var(--rra-enter-duration,.18s) ease-out both}.rra-enter-pop{animation:.18s ease-out both rra-enter-pop}.rra-state-pill,.rra-glow{transition-property:background-color,box-shadow;transition-duration:.3s}@media(prefers-reduced-motion:reduce){.rra-enter,.rra-enter-pop{animation:none}.rra-state-pill,.rra-glow{transition:none}}}@layer utilities{.rra\:pointer-events-none{pointer-events:none}.rra\:absolute{position:absolute}.rra\:relative{position:relative}.rra\:inset-0{inset:calc(var(--rra-spacing) * 0)}.rra\:top-\[115\%\]{top:115%}.rra\:-bottom-6{bottom:calc(var(--rra-spacing) * -6)}.rra\:bottom-\[108\%\]{bottom:108%}.rra\:left-1\/2{left:50%}.rra\:z-10{z-index:10}.rra\:z-20{z-index:20}.rra\:z-30{z-index:30}.rra\:z-40{z-index:40}.rra\:z-50{z-index:50}.rra\:mb-1{margin-bottom:calc(var(--rra-spacing) * 1)}.rra\:mb-2{margin-bottom:calc(var(--rra-spacing) * 2)}.rra\:mb-3{margin-bottom:calc(var(--rra-spacing) * 3)}.rra\:block{display:block}.rra\:flex{display:flex}.rra\:inline-block{display:inline-block}.rra\:inline-flex{display:inline-flex}.rra\:h-1\.5{height:calc(var(--rra-spacing) * 1.5)}.rra\:h-2{height:calc(var(--rra-spacing) * 2)}.rra\:h-8{height:calc(var(--rra-spacing) * 8)}.rra\:h-10{height:calc(var(--rra-spacing) * 10)}.rra\:h-\[90\%\]{height:90%}.rra\:h-full{height:100%}.rra\:w-1\.5{width:calc(var(--rra-spacing) * 1.5)}.rra\:w-2{width:calc(var(--rra-spacing) * 2)}.rra\:w-8{width:calc(var(--rra-spacing) * 8)}.rra\:w-10{width:calc(var(--rra-spacing) * 10)}.rra\:w-\[90\%\]{width:90%}.rra\:w-\[90vw\]{width:90vw}.rra\:w-full{width:100%}.rra\:max-w-\[200px\]{max-width:200px}.rra\:max-w-\[220px\]{max-width:220px}.rra\:max-w-\[340px\]{max-width:340px}.rra\:max-w-\[420px\]{max-width:420px}.rra\:max-w-\[500px\]{max-width:500px}.rra\:max-w-\[640px\]{max-width:640px}.rra\:max-w-none{max-width:none}.rra\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rra\:animate-ping{animation:var(--rra-animate-ping)}.rra\:animate-pulse{animation:var(--rra-animate-pulse)}.rra\:animate-spin{animation:var(--rra-animate-spin)}.rra\:cursor-default{cursor:default}.rra\:flex-col{flex-direction:column}.rra\:items-center{align-items:center}.rra\:justify-between{justify-content:space-between}.rra\:justify-center{justify-content:center}.rra\:gap-1\.5{gap:calc(var(--rra-spacing) * 1.5)}.rra\:overflow-hidden{overflow:hidden}.rra\:rounded{border-radius:.25rem}.rra\:rounded-2xl{border-radius:var(--rra-radius-2xl)}.rra\:rounded-3xl{border-radius:var(--rra-radius-3xl)}.rra\:rounded-\[1\.75rem\]{border-radius:1.75rem}.rra\:rounded-full{border-radius:3.40282e38px}.rra\:rounded-md{border-radius:var(--rra-radius-md)}.rra\:rounded-xl{border-radius:var(--rra-radius-xl)}.rra\:border{border-style:var(--tw-border-style);border-width:1px}.rra\:border-4{border-style:var(--tw-border-style);border-width:4px}.rra\:border-emerald-500\/20{border-color:var(--rra-color-emerald-500)}@supports (color:color-mix(in lab,red,red)){.rra\:border-emerald-500\/20{border-color:color-mix(in oklab,var(--rra-color-emerald-500) 20%,transparent)}}.rra\:border-white\/10{border-color:var(--rra-color-white)}@supports (color:color-mix(in lab,red,red)){.rra\:border-white\/10{border-color:color-mix(in oklab,var(--rra-color-white) 10%,transparent)}}.rra\:border-zinc-800,.rra\:border-zinc-800\/40{border-color:var(--rra-color-zinc-800)}@supports (color:color-mix(in lab,red,red)){.rra\:border-zinc-800\/40{border-color:color-mix(in oklab,var(--rra-color-zinc-800) 40%,transparent)}}.rra\:border-t-emerald-500{border-top-color:var(--rra-color-emerald-500)}.rra\:bg-current{background-color:currentColor}.rra\:bg-zinc-800\/40{background-color:var(--rra-color-zinc-800)}@supports (color:color-mix(in lab,red,red)){.rra\:bg-zinc-800\/40{background-color:color-mix(in oklab,var(--rra-color-zinc-800) 40%,transparent)}}.rra\:bg-zinc-900{background-color:var(--rra-color-zinc-900)}.rra\:bg-zinc-950\/40{background-color:var(--rra-color-zinc-950)}@supports (color:color-mix(in lab,red,red)){.rra\:bg-zinc-950\/40{background-color:color-mix(in oklab,var(--rra-color-zinc-950) 40%,transparent)}}.rra\:bg-zinc-950\/80{background-color:var(--rra-color-zinc-950)}@supports (color:color-mix(in lab,red,red)){.rra\:bg-zinc-950\/80{background-color:color-mix(in oklab,var(--rra-color-zinc-950) 80%,transparent)}}.rra\:bg-zinc-950\/90{background-color:var(--rra-color-zinc-950)}@supports (color:color-mix(in lab,red,red)){.rra\:bg-zinc-950\/90{background-color:color-mix(in oklab,var(--rra-color-zinc-950) 90%,transparent)}}.rra\:p-2{padding:calc(var(--rra-spacing) * 2)}.rra\:p-4{padding:calc(var(--rra-spacing) * 4)}.rra\:px-2{padding-inline:calc(var(--rra-spacing) * 2)}.rra\:px-4{padding-inline:calc(var(--rra-spacing) * 4)}.rra\:px-5{padding-inline:calc(var(--rra-spacing) * 5)}.rra\:py-1{padding-block:calc(var(--rra-spacing) * 1)}.rra\:py-1\.5{padding-block:calc(var(--rra-spacing) * 1.5)}.rra\:py-3{padding-block:calc(var(--rra-spacing) * 3)}.rra\:py-4{padding-block:calc(var(--rra-spacing) * 4)}.rra\:pb-8{padding-bottom:calc(var(--rra-spacing) * 8)}.rra\:text-center{text-align:center}.rra\:text-left{text-align:left}.rra\:font-mono{font-family:var(--rra-font-mono)}.rra\:text-base{font-size:var(--rra-text-base);line-height:var(--tw-leading,var(--rra-text-base--line-height))}.rra\:text-sm{font-size:var(--rra-text-sm);line-height:var(--tw-leading,var(--rra-text-sm--line-height))}.rra\:text-xs{font-size:var(--rra-text-xs);line-height:var(--tw-leading,var(--rra-text-xs--line-height))}.rra\:text-\[10px\]{font-size:10px}.rra\:leading-none{--tw-leading:1;line-height:1}.rra\:leading-relaxed{--tw-leading:var(--rra-leading-relaxed);line-height:var(--rra-leading-relaxed)}.rra\:font-bold{--tw-font-weight:var(--rra-font-weight-bold);font-weight:var(--rra-font-weight-bold)}.rra\:font-medium{--tw-font-weight:var(--rra-font-weight-medium);font-weight:var(--rra-font-weight-medium)}.rra\:tracking-wider{--tw-tracking:var(--rra-tracking-wider);letter-spacing:var(--rra-tracking-wider)}.rra\:tracking-widest{--tw-tracking:var(--rra-tracking-widest);letter-spacing:var(--rra-tracking-widest)}.rra\:break-words{overflow-wrap:break-word}.rra\:break-all{word-break:break-all}.rra\:text-amber-400{color:var(--rra-color-amber-400)}.rra\:text-red-400{color:var(--rra-color-red-400)}.rra\:text-zinc-300{color:var(--rra-color-zinc-300)}.rra\:text-zinc-400{color:var(--rra-color-zinc-400)}.rra\:text-zinc-500{color:var(--rra-color-zinc-500)}.rra\:uppercase{text-transform:uppercase}.rra\:italic{font-style:italic}.rra\:opacity-75{opacity:.75}.rra\:shadow-\[0_10px_30px_rgba\(139\,92\,246\,0\.15\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#8b5cf626);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.rra\:shadow-\[0_10px_30px_rgba\(139\,92\,246\,0\.25\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#8b5cf640);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.rra\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.rra\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.rra\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.rra\:blur-2xl{--tw-blur:blur(var(--rra-blur-2xl));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,)}.rra\: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,)}.rra\:backdrop-blur-md{--tw-backdrop-blur:blur(var(--rra-blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.rra\:backdrop-blur-xl{--tw-backdrop-blur:blur(var(--rra-blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.rra\:select-none{-webkit-user-select:none;user-select:none}@media(min-width:48rem){.rra\:md\:max-w-\[420px\]{max-width:420px}.rra\:md\:max-w-\[640px\]{max-width:640px}.rra\:md\:text-lg{font-size:var(--rra-text-lg);line-height:var(--tw-leading,var(--rra-text-lg--line-height))}}.rra\:\[\&\>svg\]\:h-full>svg{height:100%}.rra\:\[\&\>svg\]\:w-full>svg{width:100%}}@keyframes rra-enter{0%{opacity:0;transform:translateY(var(--rra-enter-y,4px)) scale(var(--rra-enter-scale,1))}}@keyframes rra-enter-pop{0%{opacity:0;transform:scale(.6)rotate(-15deg)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}:root{--bg: oklch(.972 .012 85);--bg-soft: oklch(.948 .014 85);--panel: oklch(.988 .006 85);--panel-solid: oklch(.988 .006 85);--border: oklch(.86 .014 80);--border-strong: oklch(.76 .018 80);--text: oklch(.22 .014 60);--text-dim: oklch(.4 .014 60);--text-faint: oklch(.5 .014 60);--accent: oklch(.47 .085 182);--accent-hover: oklch(.41 .085 182);--accent-fg: oklch(.985 .006 85);--accent-soft: oklch(.47 .085 182 / .1);--accent-border: oklch(.47 .085 182 / .45);--ink: oklch(.17 .01 60 / .9);--ink-solid: oklch(.2 .012 60);--ink-text: oklch(.97 .008 85);--ink-dim: oklch(.78 .01 85);--code-bg: oklch(.22 .014 60 / .07);--code-text: var(--text);--s-idle: var(--border-strong);--s-listening: oklch(.56 .12 245);--s-thinking: oklch(.52 .12 310);--s-working: oklch(.66 .14 70);--s-speaking: var(--accent);--serif: "Fraunces", ui-serif, Georgia, serif;--sans: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Menlo, monospace;--radius-sm: 4px;--radius-md: 8px;--radius: 12px;--shadow-md: 0 4px 12px oklch(0 0 0 / .08), 0 1px 3px oklch(0 0 0 / .06);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.22, 1, .36, 1);--spring: linear(0, .25 8%, .65 18%, .92 30%, 1.02 42%, 1.01 58%, 1);color-scheme:light}:root{--rra-bubble-bg: var(--panel);--rra-bubble-fg: var(--text-dim);--rra-bubble-border: var(--s-thinking);--rra-bubble-accent: var(--s-thinking);--rra-caption-bg: var(--ink);--rra-caption-fg: var(--ink-text);--rra-caption-border: transparent;--rra-caption-shadow: none}:root[data-theme=dark]{--bg: oklch(.19 .008 70);--bg-soft: oklch(.22 .009 70);--panel: oklch(.225 .009 70);--panel-solid: oklch(.225 .009 70);--border: oklch(.32 .01 70);--border-strong: oklch(.42 .012 70);--text: oklch(.94 .01 85);--text-dim: oklch(.79 .01 85);--text-faint: oklch(.68 .01 85);--accent: oklch(.78 .1 176);--accent-hover: oklch(.84 .09 176);--accent-fg: oklch(.2 .03 182);--accent-soft: oklch(.78 .1 176 / .12);--accent-border: oklch(.78 .1 176 / .45);--ink: oklch(.1 .006 60 / .88);--ink-solid: oklch(.14 .008 60);--code-bg: oklch(.94 .01 85 / .08);--s-listening: oklch(.74 .11 245);--s-thinking: oklch(.74 .11 310);--s-working: oklch(.8 .13 75);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:var(--duration-fast)!important;animation:none!important}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}code{font-family:var(--mono);font-size:.84em;background:var(--code-bg);padding:.1em .38em;border-radius:var(--radius-sm);color:var(--code-text)}h1,h2,h3{font-family:var(--serif);font-optical-sizing:auto;font-weight:600;line-height:1.12;letter-spacing:-.02em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(16px,4vw,40px);background:var(--bg);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;color:var(--text)}.brand:hover{text-decoration:none}.brand .logo{width:32px;height:32px;display:grid;place-items:center;transition:transform var(--duration-base) var(--spring)}.brand:hover .logo{transform:rotate(-6deg)}.wordmark{display:inline-flex;align-items:baseline;line-height:1}.wordmark-react{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--text-faint);letter-spacing:-.02em}.wordmark-name{font-family:var(--serif);font-size:21px;font-weight:650;letter-spacing:-.025em;font-variation-settings:"SOFT" 50,"WONK" 1}.topnav{display:flex;gap:2px;align-items:center}.topnav a{color:var(--text-dim);padding:6px 10px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;transition:color var(--duration-fast) var(--ease-out)}.topnav a:hover{color:var(--text);text-decoration:none}.topnav a.active{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}.topnav a.gh{display:inline-flex;align-items:center;gap:6px;min-height:36px}.topnav a.gh svg{flex-shrink:0}.theme-toggle{width:36px;height:36px;flex-shrink:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-dim);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--spring)}.theme-toggle:hover{color:var(--text);border-color:var(--text-faint)}.theme-toggle:active{transform:scale(.96)}@media(max-width:640px){.topnav a[href="#/"]:not(.brand){display:none}.topnav a.gh span{display:none}.topnav a.gh{min-width:36px;justify-content:center;padding:6px}.wordmark{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--sans);font-weight:700;font-size:15px;border:1px solid transparent;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--spring)}.btn:hover{text-decoration:none}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--text-dim);background:var(--bg-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.section{padding:clamp(48px,8vw,96px) 0;border-top:1px solid var(--border);scroll-margin-top:24px}.section h2{font-size:clamp(30px,4.6vw,48px);margin:0}.section .sub{color:var(--text-dim);margin:0 0 32px;max-width:640px}.sec-head{display:grid;gap:14px;margin-bottom:clamp(28px,4vw,48px);max-width:760px}.sec-kicker{display:flex;align-items:baseline;gap:12px;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.sec-kicker b{font-weight:600;color:var(--accent)}.sec-head p{margin:0;color:var(--text-dim);max-width:620px;font-size:18px}.caption{margin:0;font-family:var(--sans);font-weight:600;font-size:clamp(16px,1.9vw,19px);line-height:1.75;text-wrap:balance}.caption-line{background:var(--ink);color:var(--ink-text);padding:.12em .45em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.caption-speaker{color:var(--ink-dim);font-weight:500;margin-right:.35em}.caption-center{text-align:center}.caption-word{opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.caption-word[data-on=true]{opacity:1}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,80px);align-items:center;padding:clamp(32px,5vw,64px) 0 clamp(48px,7vw,88px)}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.hero-figure{order:-1}}.hero-masthead{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:22px;font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.hero-masthead span+span:before{content:"·";margin-right:18px;color:var(--border-strong)}.hero h1{font-size:clamp(46px,7.2vw,92px);line-height:.98;letter-spacing:-.035em;font-weight:600;margin:0 0 24px;font-variation-settings:"SOFT" 30,"WONK" 1;text-wrap:balance}.hero h1 em{font-style:italic;font-weight:400;color:var(--accent)}.hero .lede{font-size:clamp(18px,1.9vw,21px);color:var(--text-dim);max-width:34em;margin:0 0 30px}.hero .lede strong{color:var(--text);font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:26px}.hero h1 .hero-h1-sub{display:block;margin-top:14px;font-size:clamp(22px,2.6vw,32px);line-height:1.15;letter-spacing:-.015em;font-weight:400;font-style:italic;color:var(--text-dim);font-variation-settings:"SOFT" 100,"WONK" 0}.lede code{font-size:.82em}.lede .lede-pkg{color:var(--text);font-weight:600}.hero-code{display:grid;max-width:100%;width:fit-content;background:var(--ink-solid);color:var(--ink-text);border-radius:var(--radius-md);font-family:var(--mono);font-size:14px}.hero-code-line{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 8px 8px 14px;min-height:44px}.hero-code-line+.hero-code-line{border-top:1px solid oklch(1 0 0 / .1)}.hero-code code{min-width:0;background:none;padding:0;color:inherit;font-size:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-code .prompt{color:var(--ink-dim);-webkit-user-select:none;user-select:none}.hero-code .copy-mini{background:#ffffff14;border-color:#ffffff29;color:var(--ink-dim)}.hero-code .copy-mini:hover{color:var(--ink-text)}.hero-code-jsx{padding-right:14px}@media(max-width:480px){.hero-code{font-size:12px}.hero-code-line{gap:8px;padding-left:10px}}.tok-tag{color:#77dac2}.tok-attr{color:#f1c68b}.hero-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px}.hero-links a{display:inline-flex;align-items:center;gap:8px;min-height:36px;color:var(--text-dim);font-family:var(--mono);font-size:13.5px;transition:color var(--duration-fast) var(--ease-out)}.hero-links a:hover{color:var(--text);text-decoration:none}.hero-links a:hover span{text-decoration:underline;text-underline-offset:3px}.hero-links b{font-family:var(--sans);font-weight:700;color:var(--text);margin-right:4px}.hero-links svg{color:var(--text)}.hero-specs{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 0}.hero-specs div{display:grid;gap:2px}.hero-specs dt{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.hero-specs dd{margin:0;font-size:15px;font-weight:600;color:var(--text)}.copy-mini{min-height:32px;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-soft);border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:12px;transition:color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--spring)}.copy-mini:hover{color:var(--text)}.copy-mini:active{transform:scale(.96)}.hero-figure{margin:0;display:grid;justify-items:center;gap:18px}.hero-stage{display:grid;grid-template-columns:auto minmax(0,420px) auto;align-items:center;gap:clamp(4px,2vw,18px);width:100%;justify-content:center}.hero-face{position:relative;width:100%;aspect-ratio:1;touch-action:pan-y}.hero-face>div{border-radius:50%;animation:hero-face-in var(--duration-slow) var(--ease-out)}@keyframes hero-face-in{0%{opacity:0;transform:scale(.98)}}@media(prefers-reduced-motion:reduce){.hero-face>div{animation:none}}.hero-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:none;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.hero-arrow:hover{border-color:var(--border-strong);color:var(--text)}.hero-picker{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.hero-picker button{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;min-height:40px;border-radius:999px;border:1px solid var(--border);background:none;cursor:pointer;font-family:var(--mono);font-size:12.5px;color:var(--text-dim);transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.hero-picker button:hover{color:var(--text);border-color:var(--border-strong)}.hero-picker button[aria-pressed=true]{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.hero-picker img{width:32px;height:32px;border-radius:50%;object-fit:cover}[data-clips]{border-radius:50%}.hero-face:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1.5px solid var(--state-color, var(--border-strong));transition:border-color var(--duration-base) var(--ease-out);pointer-events:none}.hero-caption{min-height:4.2em;width:min(100%,460px);display:grid;align-content:start}.hero-figcaption{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;font-family:var(--mono);font-size:12.5px;color:var(--text-faint);letter-spacing:.02em}.state-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;border:1px solid var(--state-color, var(--border-strong));color:var(--text);text-transform:lowercase;font-weight:600;transition:border-color var(--duration-base) var(--ease-out)}.state-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--state-color, var(--text-faint))}.hero-pause{background:none;border:none;padding:4px 6px;cursor:pointer;color:var(--text-faint);font-family:var(--mono);font-size:12.5px;text-decoration:underline;text-underline-offset:3px;min-height:32px}.hero-pause:hover{color:var(--text)}.cast{list-style:none;margin:0;padding:0;border-top:1px solid var(--text)}.cast-row{display:grid;grid-template-columns:3.2rem 120px minmax(0,1fr) auto;gap:clamp(14px,2.6vw,32px);align-items:center;padding:22px 0;border-bottom:1px solid var(--border)}.cast-no{font-family:var(--mono);font-size:13px;color:var(--text-faint);align-self:start;padding-top:6px}.cast-face{width:120px;height:120px;display:grid;place-items:center}.cast-face>div,.cast-face>svg{border-radius:50%;overflow:hidden}.cast-faces{display:grid;grid-template-columns:repeat(2,56px);gap:8px}.cast-body h3{font-size:clamp(22px,2.6vw,28px);margin:0 0 6px}.cast-body p{margin:0 0 10px;color:var(--text-dim);max-width:46em}.cast-specs{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;font-family:var(--mono);font-size:12.5px;color:var(--text-faint)}.cast-specs li b{font-weight:600;color:var(--text-dim)}.cast-try{white-space:nowrap}.cast-3d{width:104px;height:104px;border-radius:50%;border:1.5px dashed var(--border-strong);display:grid;place-items:center;font-family:var(--mono);font-size:13px;color:var(--text-faint)}@media(max-width:760px){.cast-row{grid-template-columns:2.4rem minmax(0,1fr);row-gap:14px}.cast-face{justify-self:start}.cast-body,.cast-try{grid-column:1 / -1}.cast-try{justify-self:start}}.steps3{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:start}@media(max-width:900px){.steps3{grid-template-columns:minmax(0,1fr)}}.steps3-list{list-style:none;margin:0;padding:0;counter-reset:step;display:grid;gap:22px}.steps3-list li{counter-increment:step;display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:4px 12px}.steps3-list li:before{content:counter(step);grid-row:span 2;font-family:var(--serif);font-size:34px;line-height:1;color:var(--accent);font-weight:500}.steps3-list h3{font-size:21px;margin:2px 0 0}.steps3-list p{margin:0;color:var(--text-dim)}.tabs{display:flex;flex-wrap:wrap;gap:4px 18px;border-bottom:1px solid var(--border);margin-bottom:14px}.tab{position:relative;background:none;border:none;cursor:pointer;padding:10px 0;min-height:44px;font-family:var(--sans);font-size:15px;font-weight:600;color:var(--text-dim);transition:color var(--duration-fast) var(--ease-out)}.tab:hover{color:var(--text)}.tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--spring)}.tab[aria-selected=true]{color:var(--text)}.tab[aria-selected=true]:after{transform:scaleX(1)}.recipes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,56px)}@media(max-width:760px){.recipes{grid-template-columns:minmax(0,1fr)}}.recipe a{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:4px 12px;padding:20px 0;border-bottom:1px solid var(--border);color:inherit}.recipe a:hover{text-decoration:none}.recipe a:hover h3{color:var(--accent)}.recipe-no{font-family:var(--mono);font-size:13px;color:var(--text-faint);padding-top:5px;grid-row:span 3}.recipe h3{font-size:21px;margin:0;transition:color var(--duration-fast) var(--ease-out)}.recipe p{margin:0;color:var(--text-dim);font-size:16px}.recipe-tags{font-family:var(--mono);font-size:12px;color:var(--text-faint)}.colophon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px clamp(24px,4vw,48px);margin:0}@media(max-width:860px){.colophon{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.colophon{grid-template-columns:minmax(0,1fr)}}.colophon div{border-top:1px solid var(--text);padding-top:12px}.colophon dt{font-family:var(--serif);font-size:20px;font-weight:600;margin-bottom:6px}.colophon dd{margin:0;color:var(--text-dim);font-size:16px}.closing{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;margin-top:clamp(40px,6vw,72px)}.closing p{margin:0;font-family:var(--serif);font-size:clamp(24px,3vw,34px);line-height:1.2;max-width:22em}.pg{display:flex;flex-direction:column;gap:20px}.pg-head{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.pg-head-main{min-width:0;flex:1 1 360px}.pg-title{margin:0 0 6px;font-size:clamp(18px,2.4vw,22px)}.pg-desc{margin:0;color:var(--text-dim);font-size:14px;max-width:560px}.pg-source{display:flex;flex-direction:column;gap:8px}.pg-source-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.pg-tabs{display:inline-flex;padding:3px;gap:3px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-md)}.pg-tab{min-height:38px;padding:6px 14px;border-radius:6px;border:1px solid transparent;background:none;color:var(--text-dim);font-weight:600;font-size:14px;font-family:var(--sans);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.pg-tab:hover{color:var(--text)}.pg-tab[aria-selected=true]{background:var(--panel-solid);color:var(--text);box-shadow:0 1px 2px #00000014}.pg-catalog{display:flex;align-items:stretch;gap:14px;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.pg-catalog-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);flex-shrink:0;align-self:center}.pg-catalog-groups{position:relative;flex:1 1 0;min-width:0;contain:inline-size;display:flex;align-items:stretch;overflow-x:auto;padding-bottom:2px}.pg-group{display:flex;flex-direction:column;gap:6px;padding:0 14px;flex-shrink:0}.pg-group:first-child{padding-left:0}.pg-group+.pg-group{border-left:1px solid var(--border)}.pg-group-head{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);padding-left:6px}.pg-thumbs{display:flex;gap:8px}.pg-thumb{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px;border-radius:12px;background:none;border:1px solid transparent;cursor:pointer;transition:all .15s;flex-shrink:0}.pg-thumb:hover{background:var(--panel-solid)}.pg-thumb[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent)}.pg-thumb-art{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--panel-solid)}.pg-thumb-art svg{width:100%;height:100%;display:block}.pg-thumb-glyph{font-size:20px;line-height:1}.pg-thumb-name{font-size:10px;color:var(--text-dim);white-space:nowrap}.pg-thumb[aria-selected=true] .pg-thumb-name{color:var(--accent)}.pg-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}@media(max-width:820px){.pg-card{grid-template-columns:minmax(0,1fr)}}.pg-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px;min-height:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.pg-side{display:flex;flex-direction:column;gap:10px;min-width:0}.pg-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pg-side-head>span{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.pg-setup-btn{padding:8px 16px;font-size:13px}.pg-hint{margin:0;font-size:11px;color:var(--text-faint);font-family:var(--mono);text-align:center}.pg-theatre{--theatre-top: 120px;--theatre-bottom: 132px;display:grid;grid-template-rows:var(--theatre-top) auto var(--theatre-bottom);justify-items:center;width:100%}.pg-theatre-top{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:center}.pg-theatre-bottom{height:100%;width:100%;display:flex;align-items:flex-start;justify-content:center}.pg-avatar{display:flex;justify-content:center;padding-bottom:26px}.pg-avatar [role=status]{padding:2px 9px;font-size:9px;letter-spacing:.07em;line-height:1.5;bottom:-18px;border-radius:999px;max-width:90%}.pg-avatar [role=status]>span{gap:5px}.pg-avatar [role=status]>span>span:first-child{width:5px;height:5px}.pg-cloud{position:relative;width:100%;max-width:340px;min-height:52px;display:flex;flex-direction:column;gap:3px;text-align:left;padding:9px 14px;border-radius:16px;background:var(--panel-solid);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.pg-cloud[data-show=true]{opacity:1;transform:translateY(0)}.pg-cloud:after{content:"";position:absolute;bottom:-7px;right:38px;width:12px;height:12px;border-radius:50%;background:var(--panel-solid);border:1px solid var(--border-strong);border-top:none;border-left:none}.pg-cloud-text{font-size:14px;color:var(--text);font-style:italic;line-height:1.45}.pg-cloud-tool{display:inline-flex;align-items:center;gap:5px;margin-top:2px;font-size:12.5px;color:var(--text-dim);font-style:normal}.pg-cloud-tool code{font-family:var(--mono);font-size:12px;color:var(--accent)}.pg-subs{width:100%;max-width:420px;min-height:46px;max-height:100%;overflow-y:auto;text-align:center;display:flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:3px;font-size:16px;font-weight:600;line-height:1.45;color:var(--ink-text);background:var(--ink)}.pg-subs[data-empty=true]{color:var(--text-faint);font-size:14px;font-weight:400;font-style:italic;background:transparent}@media(max-width:560px){.pg-theatre{--theatre-top: 124px;--theatre-bottom: 168px}}.pg-hud{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pg-toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px 11px;border-radius:999px;font-size:12px;color:var(--text-dim);font-family:var(--mono);letter-spacing:.02em;background:var(--panel);border:1px solid var(--border);transition:color .15s ease,border-color .15s ease}.pg-toggle:hover{color:var(--text);border-color:var(--accent-border)}.pg-toggle input{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.pg-toggle:has(input:checked){color:var(--text);border-color:var(--accent-border)}.pg-video{position:relative;display:grid;justify-items:center}.pg-avatar[data-thinking=text] #rra-think{visibility:hidden}.pg-stage .pg-desc{margin:0;text-align:center;font-size:14.5px}.pg-thumb-art img{width:100%;height:100%;object-fit:cover;display:block}.pg-thumb-glyph{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.pg-opts{display:grid;gap:14px}.opt-group{margin:0;padding:12px 14px 14px;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:8px 16px;min-width:0}.opt-group legend{padding:0 6px;margin-left:-6px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.opt-check{display:inline-flex;align-items:center;gap:8px;min-height:32px;cursor:pointer;font-size:15px;color:var(--text)}.opt-check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.opt-range{display:grid;gap:2px;flex:1 1 200px;font-size:14px;color:var(--text-dim)}.opt-range output{font-family:var(--mono);font-size:12.5px;color:var(--text);margin-left:4px}.opt-range input{width:100%;accent-color:var(--accent)}.opt-seg{display:flex;flex-wrap:wrap;gap:6px}.opt-seg-item{position:relative;cursor:pointer}.opt-seg-item input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.opt-seg-item span{display:inline-flex;align-items:center;min-height:32px;padding:4px 11px;border-radius:999px;border:1px solid var(--border-strong);font-family:var(--mono);font-size:12.5px;color:var(--text-dim);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.opt-seg-item:hover span{color:var(--text)}.opt-seg-item input:checked+span{background:var(--text);border-color:var(--text);color:var(--bg)}.opt-seg-item input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.opt-colors{display:flex;flex-wrap:wrap;gap:8px 16px;width:100%}.opt-color{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-dim);cursor:pointer}.opt-color input{width:32px;height:32px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:none;cursor:pointer}.opt-text{display:grid;gap:4px;width:100%;font-size:14px;color:var(--text-dim)}.opt-text input{min-height:40px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel-solid);color:var(--text);font-family:var(--mono);font-size:16px}.opt-note{margin:0;font-size:14px;color:var(--text-faint)}@media(min-width:1100px)and (min-height:640px){.section-pg{padding-top:40px;padding-bottom:40px}.section-pg .sec-head{margin-bottom:20px;gap:8px}.section-pg .sec-head h2{font-size:clamp(30px,3.4vw,40px)}.pg{display:grid;grid-template-columns:212px minmax(0,1fr) minmax(0,1.05fr);gap:16px;height:max(520px,calc(100svh - 238px))}.pg-card{display:contents}.pg-catalog{flex-direction:column;align-items:stretch;gap:8px;padding:12px;min-height:0;overflow-y:auto}.pg-catalog-label{align-self:flex-start}.pg-catalog-groups{flex:none;contain:none;flex-direction:column;overflow:visible;gap:10px}.pg-group{padding:0}.pg-group+.pg-group{border-left:none;border-top:1px solid var(--border);padding-top:10px}.pg-group-head{padding-left:0}.pg-thumbs{flex-wrap:wrap;gap:2px}.pg-thumb{width:52px;padding:5px 2px}.pg-thumb-name{max-width:48px;overflow:hidden;text-overflow:ellipsis}.pg-stage{--pg-pinned: 1;--pg-chrome: 350;min-height:0;justify-content:space-between;gap:8px;padding:14px;overflow:hidden}.pg-stage .pg-desc{font-size:14px}.pg-theatre{--theatre-top: 84px;--theatre-bottom: 76px}.pg-cloud{min-height:44px;padding:7px 12px}.pg-cloud-text{font-size:13px}.pg-subs{min-height:40px;font-size:15px;padding:6px 12px}.pg-side{min-height:0;overflow-y:auto;padding-right:4px;gap:12px}.pg-opts{gap:10px}.opt-group{padding:8px 12px 10px;gap:4px 14px}.pg-side .code{flex:1 0 200px;display:flex;flex-direction:column;min-height:200px}.pg-side .code pre{flex:1;overflow:auto}}@media(min-width:1100px)and (min-height:640px)and (max-height:860px){.pg-stage{--pg-chrome: 272}.pg-stage .pg-desc{display:none}.pg-theatre{--theatre-top: 66px;--theatre-bottom: 62px}.pg-cloud{min-height:38px;padding:5px 10px}.pg-subs{min-height:36px;font-size:14px}}.pg-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in oklch,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pg-fade .18s ease}@keyframes pg-fade{0%{opacity:0}to{opacity:1}}.pg-modal{width:100%;max-width:560px;max-height:88vh;overflow-y:auto;background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:18px;padding:24px clamp(18px,3vw,28px);box-shadow:0 16px 40px #0000002e;animation:pg-pop var(--duration-slow) var(--spring)}@keyframes pg-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.pg-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.pg-modal-head h3{margin:0 0 6px;font-size:24px}.pg-modal-head p{margin:0;color:var(--text-dim);font-size:14px}.pg-modal-x{flex-shrink:0;width:32px;height:32px;border-radius:9px;cursor:pointer;background:var(--panel);border:1px solid var(--border-strong);color:var(--text-dim);font-size:13px}.pg-modal-x:hover{color:var(--text);border-color:var(--accent-border)}.pg-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.pg-steps>li{display:flex;gap:14px;align-items:flex-start}.pg-step-n{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-fg);font-weight:800;font-size:13px;margin-top:2px}.pg-step-body{min-width:0;flex:1}.pg-step-body h4{margin:0 0 8px;font-size:15px}.pg-step-hint{margin:0 0 8px;font-size:13px;color:var(--text-dim)}.code pre{scrollbar-width:thin;scrollbar-color:oklch(1 0 0 / .25) transparent}.code pre::-webkit-scrollbar{height:8px}.code pre::-webkit-scrollbar-track{background:transparent}.code pre::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}.code pre::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}@media(max-width:820px){.demo{grid-template-columns:1fr}}.demo-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px;min-height:380px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.demo-side{display:flex;flex-direction:column;gap:14px;min-width:0}.demo-side h3{margin:0;font-size:19px}.demo-side p{margin:0;color:var(--text-dim);font-size:14px}.controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.chip{padding:7px 13px;border-radius:999px;font-size:12px;font-weight:700;font-family:var(--mono);cursor:pointer;transition:all .15s;background:var(--panel-solid);border:1px solid var(--border-strong);color:var(--text-dim);text-transform:lowercase}.chip:hover{color:var(--text);border-color:var(--accent-border)}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.qs-cards{flex:1;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}.qs-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:18px;cursor:pointer;background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-dim);transition:border-color .15s,background .15s,color .15s,transform .15s}.qs-card:hover{transform:translateY(-2px);border-color:var(--accent-border);color:var(--text)}.qs-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--bg-soft);color:var(--text);transition:all .15s}.qs-card-label{font-family:var(--mono);font-size:13px;font-weight:700;text-transform:lowercase;color:var(--text)}.qs-card-blurb{font-size:12.5px;line-height:1.4;color:var(--text-faint)}.qs-card[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.qs-card[aria-pressed=true] .qs-card-icon{background:var(--accent);color:var(--accent-fg)}.qs-card[aria-pressed=true] .qs-card-blurb{color:var(--text-dim)}@media(max-width:820px){.qs-cards{grid-template-columns:repeat(2,1fr)}}.subtitle-strip{min-height:44px;max-width:360px;text-align:center;font-size:14px;color:var(--ink-text);background:var(--ink);font-weight:600;border-radius:3px;padding:8px 14px}.code{position:relative;background:var(--ink-solid);border:1px solid var(--ink-solid);border-radius:var(--radius-md);overflow:hidden}.code-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid oklch(1 0 0 / .1);font-family:var(--mono);font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em}.code pre{margin:0;padding:16px;overflow-x:auto;font-family:var(--mono);font-size:13.5px;line-height:1.6;color:var(--ink-text)}.code pre code{background:none;padding:0;border-radius:0;color:inherit;font-size:inherit}.copy-btn{background:none;border:1px solid oklch(1 0 0 / .22);color:var(--ink-dim);border-radius:var(--radius-sm);padding:3px 9px;font-size:11px;cursor:pointer;font-family:var(--mono);transition:color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--spring)}.copy-btn:hover{color:var(--ink-text);border-color:#fff6}.copy-btn:active{transform:scale(.96)}.wiki{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;padding:40px 0 80px}@media(max-width:860px){.wiki{grid-template-columns:1fr}.wiki-side{display:none}}.wiki-side{position:sticky;top:78px;align-self:start;height:fit-content}.wiki-side .group{margin-bottom:22px}.wiki-side .group-title{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:8px}.wiki-side a{display:block;padding:5px 10px;border-radius:8px;font-size:14px;color:var(--text-dim);border-left:2px solid transparent}.wiki-side a:hover{color:var(--text);text-decoration:none}.wiki-side a.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft)}.wiki-content{min-width:0}.wiki-content h1{font-size:40px;margin:0 0 12px}.wiki-content h2{font-size:28px;margin:40px 0 12px;padding-top:8px}.wiki-content h3{font-size:21px;margin:24px 0 8px}.wiki-content p,.wiki-content li{color:var(--text-dim)}.wiki-content ul{padding-left:22px}.wiki-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.wiki-content th,.wiki-content td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border)}.wiki-content th{color:var(--text);font-weight:700}.wiki-content td{color:var(--text-dim)}.callout{border-left:3px solid var(--accent);background:var(--accent-soft);padding:12px 16px;border-radius:0 10px 10px 0;margin:18px 0;font-size:14px}.code-wrap pre,.code-wrap pre code{white-space:pre-wrap;overflow-wrap:anywhere}.wiki-shot{display:block;width:100%;max-width:640px;height:auto;margin:12px 0 4px;border-radius:10px;border:1px solid var(--border)}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:920px){.examples-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.examples-grid{grid-template-columns:1fr}}.example-card{display:flex;flex-direction:column;padding:22px 20px;color:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.example-card:hover{transform:translateY(-3px);border-color:var(--accent-border);box-shadow:var(--shadow-md);text-decoration:none}.example-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.example-card-head h3{font-size:16px;margin:0;color:var(--text)}.example-glyph{font-size:18px;line-height:1;width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--accent-soft);border:1px solid var(--accent-border)}.example-glyph-lg{width:52px;height:52px;font-size:26px;border-radius:14px}.example-card p{color:var(--text-dim);font-size:14px;line-height:1.55;margin:0 0 14px}.example-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.example-tag{font-family:var(--mono);font-size:11px;color:var(--text-faint);background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:999px;padding:3px 9px}.example-card-cta{margin-top:auto;color:var(--accent);font-size:13.5px;font-weight:700}.example-page{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;padding:40px 0 80px}@media(max-width:860px){.example-page{grid-template-columns:1fr}.example-side{display:none}}.example-side{position:sticky;top:78px;align-self:start;height:fit-content;display:flex;flex-direction:column;gap:2px}.example-side-back{font-size:13px;color:var(--text-faint);margin-bottom:12px}.example-side-back:hover{color:var(--accent);text-decoration:none}.example-side a{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;font-size:14px;color:var(--text-dim);border-left:2px solid transparent}.example-side a:hover{color:var(--text);text-decoration:none}.example-side a.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft)}.example-side-glyph{font-size:15px}.example-content{min-width:0}.example-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.example-head h1{font-size:30px;margin:0 0 4px}.example-head .sub{margin:0}.example-demo-panel{padding:12px;margin-bottom:32px}.example-integration h2{font-size:20px;margin:0 0 16px}.example-foot{display:flex;justify-content:space-between;gap:12px;margin-top:36px;flex-wrap:wrap}.ex-demo{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 20px;min-height:360px;justify-content:center;border-radius:var(--radius)}.ex-stage{position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:26px}.ex-subs{min-height:42px;max-width:460px;text-align:center;font-size:14px;line-height:1.5;color:var(--ink-text);background:var(--ink);font-weight:600;border-radius:3px;padding:8px 14px}.ex-subs[data-empty=true]{color:var(--text-faint);background:transparent;font-weight:400;font-style:italic}.ex-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.ex-statebar,.ex-facebar{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.ex-statebtn{font-family:var(--mono);font-size:12px;text-transform:lowercase;padding:6px 12px}.ex-facebtn{width:44px;height:44px;padding:4px;border-radius:10px;cursor:pointer;background:var(--panel-solid);border:1px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center}.ex-facebtn.is-active{border-color:var(--accent);background:var(--accent-soft)}.ex-cloud{position:absolute;bottom:calc(100% - 8px);left:50%;transform:translate(-50%) translateY(6px);width:max-content;max-width:320px;text-align:center;opacity:0;pointer-events:none;background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:14px;padding:10px 14px;font-size:13px;color:var(--text-dim);line-height:1.45;transition:opacity .2s ease,transform .2s ease;box-shadow:var(--shadow-md)}.ex-cloud[data-show=true]{opacity:1;transform:translate(-50%) translateY(0)}.ex-cloud-tool{display:block;margin-top:6px;font-family:var(--mono);font-size:12px;color:var(--accent)}.footer{margin-top:auto;padding:32px 24px;border-top:1px solid var(--border);text-align:center;color:var(--text-faint);font-size:13px}