@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--radius-card:16px;--radius-pill:30px;--radius-cube:9px;--target-min:48px;--icon-device:32px;--border-thin:1px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--cube-size:56px;--font-size-min:14px;--font-size-body:16px;--font-size-lead:20px;--font-size-hero-min:52px;--font-size-hero-max:84px;--font-size-clock:48px;--font-body:Roboto, system-ui, sans-serif;--font-data:"Roboto Mono", ui-monospace, monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--duration-fast:.15s;--duration-melt:1.5s;--surface-card:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(20.76% .0135 258.37));--surface-card-raised:var(--lightningcss-light,oklch(96.54% .0042 236.5))var(--lightningcss-dark,oklch(25.79% .0174 255.68));--surface-card-line:var(--lightningcss-light,oklch(20.76% .0135 258.37/.16))var(--lightningcss-dark,oklch(100% 0 0/.15));--text-primary:var(--lightningcss-light,oklch(20.76% .0135 258.37))var(--lightningcss-dark,oklch(96.84% .0042 236.5));--text-secondary:var(--lightningcss-light,oklch(44.53% .027 254.55))var(--lightningcss-dark,oklch(78.06% .0199 248.08));--accent:var(--lightningcss-light,oklch(54.04% .0921 195.74))var(--lightningcss-dark,oklch(69.42% .1185 194.77));--focus-ring:var(--lightningcss-light,oklch(54.04% .0921 195.74))var(--lightningcss-dark,oklch(69.42% .1185 194.77));--button-primary-bg:oklch(54.04% .0921 195.74);--button-primary-bg-hover:oklch(47.83% .0815 195.9);--button-primary-text:oklch(100% 0 0);--status-ok:var(--lightningcss-light,oklch(50.84% .133 151.02))var(--lightningcss-dark,oklch(85.17% .1895 150.5));--status-warn:var(--lightningcss-light,oklch(50.78% .108 73.3))var(--lightningcss-dark,oklch(86.15% .1423 82.66));--status-storm:var(--lightningcss-light,oklch(48.04% .1958 286.1))var(--lightningcss-dark,oklch(77.52% .1261 293.03));--status-alert:var(--lightningcss-light,oklch(50.13% .1783 28.7))var(--lightningcss-dark,oklch(75.82% .1448 29.02));--status-neutral:var(--lightningcss-light,oklch(44.53% .027 254.55))var(--lightningcss-dark,oklch(78.06% .0199 248.08));--level-comfort:var(--lightningcss-light,oklch(54.04% .0921 195.74))var(--lightningcss-dark,oklch(82.71% .121 179.14));--level-balanced:var(--lightningcss-light,oklch(52.91% .129 248.8))var(--lightningcss-dark,oklch(83.74% .0923 237.74));--level-saver:var(--lightningcss-light,oklch(50.78% .108 73.3))var(--lightningcss-dark,oklch(86.15% .1423 82.66));--level-essential:var(--lightningcss-light,oklch(48.04% .1958 286.1))var(--lightningcss-dark,oklch(77.52% .1261 293.03));--level-on:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(20.76% .0135 258.37));--cube-edge:var(--lightningcss-light,oklch(20.76% .0135 258.37/.16))var(--lightningcss-dark,oklch(100% 0 0/.15));--sky-veil:oklch(18.08% .0699 265.39/.55);--sky-sun:oklch(91.84% .1103 91.43/.65);--sky-glow:oklch(80.91% .1259 55.14/.55);--sky-cloud:oklch(68.21% .0544 293.58/.4);--surface-tile:oklch(18.08% .0699 265.39/.6);--surface-scrim:oklch(18.08% .0699 265.39/.6);--text-on-sky:oklch(100% 0 0);--avatar-disc:oklch(47.83% .0815 195.9);--avatar-skin:oklch(85.76% .0711 63.86);--avatar-line:oklch(20.76% .0135 258.37);--avatar-hair-grey:oklch(96.84% .0042 236.5);--avatar-hair-brown:oklch(50.78% .108 73.3);--avatar-clothes-mustard:oklch(86.15% .1423 82.66);--avatar-clothes-violet:oklch(77.52% .1261 293.03);--frame-bezel:oklch(17.02% .024 268.48);--receipt-paper:oklch(96.42% .0152 90.23);--receipt-ink:oklch(20.76% .0135 258.37);--receipt-ink-2:oklch(44.53% .027 254.55);--receipt-rule:oklch(20.76% .0135 258.37/.16);--receipt-pass:oklch(50.84% .133 151.02);--receipt-fail:oklch(50.13% .1783 28.7);--cube-fill:linear-gradient(145deg, var(--lightningcss-light,oklch(96.96% .0213 186.03))var(--lightningcss-dark,oklch(100% 0 0)) 0%, var(--lightningcss-light,oklch(86.86% .0689 187.94))var(--lightningcss-dark,oklch(95.85% .0286 185.95)) 35%, var(--lightningcss-light,oklch(74.76% .107 186.66))var(--lightningcss-dark,oklch(86.86% .0689 187.94)) 100%);--sky-mild:linear-gradient(135deg, oklch(46.41% .2366 263.79) 0%, oklch(64.78% .1106 194.77) 52%, oklch(79.68% .1636 159.69) 100%);--sky-hot:linear-gradient(135deg, oklch(46.41% .2366 263.79) 0%, oklch(64.78% .1106 194.77) 52%, oklch(82.45% .1486 73.35) 100%);--sky-dusk:linear-gradient(135deg, oklch(32.56% .1496 268.48) 0%, oklch(48.72% .1679 308.82) 55%, oklch(72.75% .1732 38.96) 100%);--sky-storm:linear-gradient(135deg, oklch(21.19% .0695 293.26) 0%, oklch(34.11% .1085 290.85) 55%, oklch(25.36% .0661 292.57) 100%)}:root[data-card-theme=pawnio-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-card-theme=pawnio-light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.theme-storm{--accent:var(--lightningcss-light,oklch(48.04% .1958 286.1))var(--lightningcss-dark,oklch(77.52% .1261 293.03));--cube-fill:linear-gradient(145deg, var(--lightningcss-light,oklch(94.64% .0284 294.59))var(--lightningcss-dark,oklch(100% 0 0)) 0%, var(--lightningcss-light,oklch(82.73% .0953 293.65))var(--lightningcss-dark,oklch(92.17% .0424 295.9)) 35%, var(--lightningcss-light,oklch(68.62% .1611 290.99))var(--lightningcss-dark,oklch(77.52% .1261 293.03)) 100%)}}@layer components{.cubes{grid-template-columns:repeat(var(--cubes-per-row), minmax(0, var(--cube-size)));gap:var(--space-1);display:grid}@media (width<48rem){.cubes{grid-template-columns:repeat(var(--cubes-half), minmax(0, var(--cube-size)))}}.cube{box-sizing:border-box;aspect-ratio:1;border:var(--border-thin) solid var(--cube-edge);border-radius:var(--radius-cube);background:var(--surface-card-raised);position:relative;overflow:hidden}.cube:after{block-size:calc(var(--fill) * 100%);background:var(--cube-fill);content:"";position:absolute;inset:auto 0 0}.cube[data-melting=true]:after{animation:cube-melt var(--duration-melt) ease-in-out forwards}@keyframes cube-melt{0%{block-size:100%}to{block-size:calc(var(--fill) * 100%)}}.avatar{flex:none;display:block}.avatar-disc{fill:var(--avatar-disc)}.avatar-skin{fill:var(--avatar-skin)}.avatar-line{fill:none;stroke:var(--avatar-line);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}[data-avatar=older-man] .avatar-hair{fill:var(--avatar-hair-grey)}[data-avatar=older-man] .avatar-clothes{fill:var(--avatar-clothes-mustard)}[data-avatar=home] .avatar-hair{fill:var(--avatar-hair-brown)}[data-avatar=home] .avatar-clothes{fill:var(--avatar-clothes-mustard)}[data-avatar=adult-woman] .avatar-hair{fill:var(--avatar-hair-brown)}[data-avatar=adult-woman] .avatar-clothes{fill:var(--avatar-clothes-violet)}.button{min-block-size:var(--target-min);padding-inline:var(--space-6);border-radius:var(--radius-pill);background:var(--button-primary-bg);color:var(--button-primary-text);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer;border:0}.button:hover:not(:disabled){background:var(--button-primary-bg-hover)}.button:disabled{opacity:.6;cursor:progress}.button-quiet{border:var(--border-thin) solid var(--surface-card-line);background:var(--surface-card-raised);color:var(--text-primary)}.button-quiet:hover:not(:disabled){border-color:var(--accent);background:var(--surface-card-raised)}.button-quiet[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.link-button{min-block-size:var(--target-min);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.badge{padding:var(--space-1) var(--space-2);border:var(--border-thin) solid var(--status-ok);border-radius:var(--radius-pill);color:var(--status-ok);font-family:var(--font-data);font-size:var(--font-size-min);display:inline-block}.badge[data-origin=simulated]{border-style:dashed;border-color:var(--status-neutral);color:var(--status-neutral)}.answer{gap:var(--space-3);padding:var(--space-4);border:var(--border-thin) solid var(--surface-card-line);border-radius:var(--radius-card);background:var(--surface-card-raised);grid-template-columns:minmax(0,1fr);display:grid}.answer-text{font-size:var(--font-size-lead);margin:0}.notice{color:var(--text-secondary);margin:0}.facts{margin:0}.fact{gap:var(--space-1);display:grid}.fact dt{color:var(--text-secondary)}.fact dd{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0;display:flex}.fact-value{font-family:var(--font-data);font-size:var(--font-size-hero-min);font-weight:var(--font-weight-bold)}.fact-asof{color:var(--text-secondary);font-family:var(--font-data);font-size:var(--font-size-min)}:root[data-demo] .surface{padding-block-end:calc(var(--target-min) * 3)}.demo-caption{inset-inline:var(--space-4);z-index:10;max-inline-size:40rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-card);background:var(--surface-card-raised);color:var(--text-primary);font-size:var(--font-size-lead);text-align:center;margin:0 auto;position:fixed;inset-block-end:calc(var(--space-2) + var(--space-4))}.voice-bar{z-index:2;pointer-events:none;justify-content:center;display:flex;position:absolute;inset-block-end:var(--space-1);inset-inline:0;overflow:hidden}.voice-bar-light{inline-size:0;block-size:var(--space-2);border-radius:var(--radius-pill);background:var(--accent);opacity:0;transition:inline-size var(--duration-fast) ease-out, opacity var(--duration-fast) ease-out}.voice-bar[data-state=ready] .voice-bar-light{opacity:1;inline-size:8%}.voice-bar[data-state=listening] .voice-bar-light{opacity:1;inline-size:45%;animation:1.2s ease-in-out infinite alternate voice-pulse}.voice-bar[data-state=thinking] .voice-bar-light{opacity:1;inline-size:25%;animation:1.2s ease-in-out infinite voice-wave}@keyframes voice-pulse{0%{transform:scaleX(.6)}to{transform:scaleX(1)}}@keyframes voice-wave{0%{transform:translate(-200%)}to{transform:translate(200%)}}}@layer reset;@layer base{:root{color:var(--text-primary);background:var(--surface-card);font-family:var(--font-body);font-size:var(--font-size-body)}body{margin:0}:focus-visible{outline:calc(var(--border-thin) * 3) solid var(--focus-ring);outline-offset:calc(var(--border-thin) * 2)}}@layer surfaces{.surface{gap:var(--space-6);max-inline-size:40rem;padding:var(--space-6) var(--space-4);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.surface h1{font-size:var(--font-size-lead);font-weight:var(--font-weight-medium);margin:0}.conversation{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.thinking,.failure p{color:var(--text-secondary);margin:0}.failure{gap:var(--space-3);justify-items:start;display:grid}.ask{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.ask label{color:var(--text-secondary)}.ask input{min-inline-size:0;min-block-size:var(--target-min);padding-inline:var(--space-4);border:var(--border-thin) solid var(--surface-card-line);border-radius:var(--radius-pill);background:var(--surface-card-raised);color:var(--text-primary);font:inherit;flex:10rem}.voice-button{min-inline-size:7rem}.ask-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.ask-row input[aria-disabled=true]{opacity:.6;cursor:not-allowed}.examples{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip-button{min-block-size:var(--target-min);padding-inline:var(--space-4);border:var(--border-thin) solid var(--surface-card-line);border-radius:var(--radius-pill);background:var(--surface-card-raised);color:var(--text-primary);font:inherit;cursor:pointer}.gallery{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));display:grid}.tool-cards{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.manual{color:var(--text-primary);margin:0;padding-inline-start:var(--space-6)}.card-frame-host{inline-size:100%}.card-frame{border:0;inline-size:100%;display:block}.card-frame-host[data-fullscreen=true]{z-index:10;padding:var(--space-2);background:var(--surface-card);position:fixed;inset:0}.theme-toggle{justify-self:end}.chip-button:disabled{opacity:.6;cursor:default}.phone{gap:var(--space-3);padding:var(--space-4);border:var(--border-thin) solid var(--surface-card-line);border-radius:var(--radius-card);background:var(--surface-card);display:grid}.phone h2{align-items:center;gap:var(--space-3);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);margin:0;display:flex}.phone-icon{inline-size:var(--icon-device);block-size:var(--icon-device);flex:none}.phone-icon-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.phone-icon-dot{fill:var(--accent)}.phone .muted{color:var(--text-secondary);margin:0}.phone-manage{place-self:start}.phone-settings{align-self:start;gap:var(--space-2);display:grid}.phone-settings>.link-button{justify-self:start}.phone-replies{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.phone-replies [role=status]{flex-basis:100%}.phone-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.phone-note{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-inline-start:calc(var(--border-thin) * 4) solid var(--status-storm);border-radius:var(--radius-card);background:var(--surface-card-raised);color:var(--text-primary);display:grid}.phone-note[data-transition=power_back]{border-inline-start-color:var(--status-ok)}.phone-note h3,.phone-note p{margin:0}.phone-note h3{font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}.phone-meta{color:var(--text-secondary);font-family:var(--font-data);font-size:var(--font-size-min)}.echo-stage{box-sizing:border-box;gap:var(--space-6);background:var(--frame-bezel);grid-template-columns:minmax(0,1fr);min-block-size:100dvh;display:grid}.echo-screen{isolation:isolate;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-on-sky);block-size:100dvh;position:relative;overflow:clip}.echo-stage:has(>.echo-top) .echo-screen{block-size:calc(100dvh - var(--target-min) - var(--space-3) - var(--space-6) - var(--dock-h,0px) - var(--title-line,0px))}.echo-scroll{box-sizing:border-box;block-size:100%;padding:var(--space-3);position:relative;overflow:clip}.echo-stage>.phone{margin:0 var(--space-3) var(--space-6)}.echo-screen .surface{box-sizing:border-box;block-size:100%;max-inline-size:none;padding:var(--space-4);grid-template-rows:minmax(0,1fr)}.sky,.sky-layer{position:absolute;inset:0}.sky{z-index:-1}.sky:after{background:var(--surface-scrim);content:"";transition:opacity var(--duration-fast) ease-out;position:absolute;inset:0}.echo-screen[data-screen=idle] .sky:after{opacity:0}.sky-layer{opacity:0;transition:opacity 1s ease-in-out}.sky-layer[data-shown=true]{opacity:1}.sky-layer[data-layer=mild]{background-image:radial-gradient(circle at 92% 6%, var(--sky-sun), transparent 30%), var(--sky-mild)}.sky-layer[data-layer=hot]{background-image:radial-gradient(circle at 92% 6%, var(--sky-sun), transparent 42%), radial-gradient(ellipse 120% 45% at 50% 100%, var(--sky-glow), transparent 70%), var(--sky-hot)}.sky-layer[data-layer=dusk]{background-image:radial-gradient(circle at 88% 96%, var(--sky-glow), transparent 40%), var(--sky-dusk)}.sky-layer[data-layer=storm]{background-image:radial-gradient(ellipse 60% 35% at 18% 0%, var(--sky-cloud), transparent 70%), radial-gradient(ellipse 55% 30% at 70% 6%, var(--sky-cloud), transparent 70%), radial-gradient(ellipse 45% 25% at 95% 22%, var(--sky-cloud), transparent 70%), var(--sky-storm)}@media (width>=48rem){.echo-stage{--stage-pad:var(--space-2);--bezel:clamp(.625rem, 1.6dvh, 1.25rem);--phone-w:0px;--phone-gap:0px;--under-h:calc(var(--target-min) + var(--space-2) + var(--font-size-min) * 1.4 + var(--space-1));--screen-w:min(calc((100dvh - var(--stage-pad) * 2 - var(--target-min) - var(--under-h) - var(--space-2) * 2 - var(--bezel) * 2) * 1.6), calc(100vw - var(--stage-pad) * 2 - var(--phone-w) - var(--phone-gap) - var(--bezel) * 2), 80rem);--device-w:calc(var(--screen-w) + var(--bezel) * 2 + var(--border-thin) * 2);grid-template-columns:var(--device-w);place-content:center;gap:var(--space-2) var(--space-3);block-size:100dvh;min-block-size:0;padding:var(--stage-pad);grid-template-areas:"top""device""under"}.echo-stage>:is(.echo-top,.echo-under){inline-size:calc(100vw - var(--stage-pad) * 2);justify-self:center}.echo-stage>.echo-top{contain:inline-size;grid-area:top;padding:0}.echo-stage>.echo-column{grid-area:device;justify-items:center}.echo-stage>.echo-under{grid-area:under}.echo-device{padding:var(--bezel);border:var(--border-thin) solid var(--surface-card-line);border-radius:calc(var(--radius-card) * 2);background:var(--frame-bezel)}.echo-screen{inline-size:var(--screen-w);aspect-ratio:16/10;border-radius:var(--radius-card);block-size:auto;min-block-size:0;transform:translateZ(0)}.echo-stage:has(>.echo-top) .echo-screen{inline-size:var(--screen-w);aspect-ratio:16/10;border-radius:var(--radius-card);block-size:auto;min-block-size:0;transform:translateZ(0)}.echo-scroll{padding:calc(var(--space-6) * var(--screen-zoom,1))}.echo-screen :is(.band-head,.welcome,.idle-tiles,.answer-words,.thinking,.notice,.failure){zoom:var(--screen-zoom,1)}.echo-stage{--phone-w:clamp(12rem, 21vw, 22rem);--phone-gap:var(--space-3);grid-template-columns:var(--device-w) var(--phone-w);grid-template-areas:"top top""device phone""under under"}.echo-stage>.phone{box-sizing:border-box;max-block-size:calc(var(--screen-w) / 1.6 + var(--bezel) * 2);overscroll-behavior:contain;grid-area:phone;align-self:stretch;margin:0;overflow-y:auto}}.bands{gap:var(--space-3);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);block-size:100%;display:grid}.band-head{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.band-head h1{flex:auto}.band-head>header{flex:auto;min-inline-size:0}@media (width>=56rem){.band-head>header{flex-basis:0}}.band-head>header h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.band-content{align-content:start;min-block-size:0;overflow-y:auto}@media (height<31rem){.band-content:has(.listen-button){row-gap:var(--space-1)}}.welcome{font-size:var(--font-size-lead);margin:0}.echo-top{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.echo-top>header{align-items:center;gap:var(--space-2);flex:0 10 auto;min-inline-size:0;display:flex}.echo-top>header .title-mark{flex:none;block-size:1.5em;inline-size:1.5em}.echo-top>header h1{color:var(--text-on-sky);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.echo-top .theme-toggle{white-space:nowrap;flex:none}.echo-screen .welcome{padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--surface-tile);font-size:calc(var(--font-size-lead) * 1.6);font-weight:var(--font-weight-medium);justify-self:start}@media (width<48rem){.echo-screen .welcome{padding-block:var(--space-2);font-size:calc(var(--font-size-lead) * 1.25)}}.echo-screen .answer{background:0 0;border:0}.echo-screen .answer-text{font-size:calc(var(--font-size-lead) * 1.4);line-height:1.25}@media (width>=56rem) and (height<40rem){.echo-screen .surface{padding:var(--space-3)}.bands{gap:var(--space-2)}}@media (width>=56rem) and (height<52rem){.echo-screen .answer{background:0 0;border:0;padding:0}.echo-screen .answer:has(>.tool-cards,>.facts) .answer-words{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.try-row{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.try-saying{color:var(--text-secondary);font-style:italic}.privacy-notice{font-size:var(--font-size-min)}.answer-words{position:relative}.answer-more{display:none}@media (width<48rem){.echo-screen .answer:has(>.tool-cards){background:0 0;border:0;padding:0}.echo-screen .answer:has(>.tool-cards) .answer-text{-webkit-line-clamp:2;line-clamp:2;font-size:var(--font-size-body);-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.echo-screen .answer[data-words-open=true]:has(>.tool-cards) .answer-text{display:block;overflow:visible}.echo-screen .answer:has(>.tool-cards) .answer-words{min-block-size:var(--target-min);align-content:center;display:grid}.echo-screen .answer:has(>.tool-cards) .answer-more{color:#0000;cursor:pointer;background:0 0;border:0;padding:0;font-size:0;display:block;position:absolute;inset:0;overflow:hidden}.echo-screen .answer:has(>.tool-cards) .answer-more:focus-visible{outline:calc(var(--border-thin) * 3) solid var(--focus-ring);outline-offset:calc(var(--border-thin) * -3)}.echo-screen .answer:has(>.tool-cards){gap:var(--space-1)}.echo-screen .answer:has(>.tool-cards)>.tool-cards{gap:var(--space-1)}.echo-screen .bands:has(.answer>.tool-cards){gap:var(--space-1)}.echo-screen .bands:has(.answer>.tool-cards) .band-head{gap:var(--space-1) var(--space-3)}}@media (width>=56rem){.echo-screen .answer:has(>.tool-cards){grid-template-columns:auto minmax(0,1fr);align-items:center}.echo-screen .answer:has(>.tool-cards)>*,.echo-screen .answer:has(>.tool-cards)>.tool-cards>*{grid-column:1/-1}.echo-screen .answer:has(>.tool-cards)>.tool-cards{display:contents}.echo-screen .answer:has(>.tool-cards)>.facts:has(+.tool-cards>.card-tabs){grid-column:1}.echo-screen .answer:has(>.tool-cards)>.facts+.tool-cards>.card-tabs{grid-column:2;justify-content:end}.echo-screen .answer:has(>.tool-cards) .fact{align-items:center;gap:var(--space-3);display:flex}.echo-screen .answer:has(>.tool-cards) .fact-value{font-size:var(--font-size-lead)}}.echo-controls{display:contents}.echo-stage:has(>.echo-controls>.demo-controls){--controls-w:17rem;--screen-w:min(calc((100dvh - var(--stage-pad) * 2 - var(--target-min) - var(--under-h) - var(--space-2) * 2 - var(--bezel) * 2) * 1.6), calc(100vw - var(--stage-pad) * 2 - var(--controls-w) - var(--phone-w) - var(--phone-gap) * 2 - var(--bezel) * 2), 80rem);grid-template-columns:var(--controls-w) var(--device-w) var(--phone-w);grid-template-areas:"top top top""controls device phone""under under under"}.echo-stage>.echo-controls:has(>.demo-controls){min-block-size:0;max-block-size:calc(var(--screen-w) / 1.6 + var(--bezel) * 2);grid-area:controls;align-self:stretch;display:grid}.echo-stage>.echo-controls:has(>.demo-controls)>*{box-sizing:border-box;overscroll-behavior:contain;min-block-size:0;overflow-y:auto}.plain-stage{gap:var(--space-3);block-size:100dvh;padding:var(--space-3);box-sizing:border-box;flex-direction:column;display:flex}.plain-viewport{flex:1;min-block-size:0;overflow:auto}.card-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.card-tabs [aria-selected=true]{border-color:var(--accent);background:var(--surface-card);font-weight:var(--font-weight-medium)}.answer-pager{align-items:center;gap:var(--space-2);margin-inline-start:auto;display:flex}.answer-pager-where{color:var(--text-secondary);font-family:var(--font-data);font-size:var(--font-size-min)}.answer-when{padding:var(--space-1) var(--space-3);border:var(--border-thin) dashed var(--status-neutral);border-radius:var(--radius-pill);background:var(--surface-card-raised);color:var(--text-primary);font-family:var(--font-data);font-size:var(--font-size-min);white-space:nowrap;margin:0 0 0 auto}.answer-when+.answer-pager{margin-inline-start:0}@media (width<64rem){.answer-when{display:none}}.home-panel-body{justify-self:stretch}.reserve-clock{align-items:baseline;gap:var(--space-2) var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.reserve-clock h2{color:var(--text-secondary);font-family:var(--font-data);font-size:var(--font-size-min);font-weight:inherit;text-transform:uppercase;margin:0}.reserve-clock .reserve-basis{color:var(--text-secondary);font-size:var(--font-size-min);margin:0}.reserve-hours{font-size:var(--font-size-hero-min);font-weight:var(--font-weight-bold);margin:0;line-height:1}.reserve-clock .cubes{grid-column:1/-1}@media (width<48rem){.reserve-clock{row-gap:var(--space-1)}.reserve-clock .cubes{grid-template-columns:repeat(var(--cubes-per-row), minmax(0, var(--cube-size)))}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.screen-icons{--target-on-page:max(var(--target-min), calc(var(--target-min) / var(--screen-zoom,1)));gap:var(--space-2);order:-1;display:flex}.screen-icon{inline-size:var(--target-on-page);block-size:var(--target-on-page);border-radius:var(--radius-pill);background:var(--surface-tile);color:var(--text-on-sky);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative}.screen-icon[aria-expanded=true]{outline:calc(var(--border-thin) * 2) solid var(--accent)}.screen-icon-svg,.screen-weather-svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:1.5em;inline-size:1.5em}.screen-icon-dot{fill:var(--accent);stroke:var(--surface-card)}.screen-menu{position:relative}.screen-menu-list{z-index:5;gap:var(--space-2);min-inline-size:max-content;padding:var(--space-2);border-radius:var(--radius-card);background:var(--surface-card-raised);display:grid;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-start:0}.screen-menu-list button{min-block-size:var(--target-on-page)}.screen-clock{align-items:center;gap:var(--space-3);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--surface-tile);color:var(--text-on-sky);margin:0 0 0 auto;display:flex}.screen-time{font-size:var(--font-size-clock);font-weight:var(--font-weight-medium);line-height:1}.screen-profile{inline-size:calc(var(--font-size-clock) * .9);block-size:calc(var(--font-size-clock) * .9)}.screen-weather,.screen-place{align-items:center;gap:var(--space-2);font-size:var(--font-size-lead);display:inline-flex}.screen-place{flex:0 auto;min-inline-size:0;overflow:hidden}.screen-place .screen-place-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-date{font-size:var(--font-size-lead);white-space:nowrap}.screen-place-short{display:none}@media (width<48rem){.screen-clock{gap:var(--space-2);padding-inline:var(--space-3)}.screen-place .screen-weather-svg{block-size:1.2em;inline-size:1.2em}.screen-clock .screen-profile{display:none}.screen-weather{white-space:nowrap}.screen-clock:has([data-testid=screen-outdoor]) .screen-weather .screen-weather-svg{display:none}.screen-place .screen-place-name{display:none}.screen-place .screen-place-short{min-inline-size:0;line-height:1.15;display:grid}.screen-place .screen-place-short>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-place .screen-date-short{font-size:var(--font-size-min)}.screen-date{display:none}}.idle-tiles{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (width<48rem){.idle-tiles>.idle-reserve{order:-1}}@media (width>=48rem){.idle-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.idle-tiles>.idle-reserve,.idle-tiles>.idle-notice{grid-column:1/-1}.idle-tiles>.idle-reserve{order:1}}@media (width>=48rem) and (height<40rem){.idle-tiles{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-auto-flow:dense}.idle-tiles>.idle-room,.idle-tiles>.idle-next{grid-column:1}.idle-tiles>.idle-reserve{grid-area:span 2/2}}.idle-tile{align-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--surface-tile);color:var(--text-on-sky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid}.idle-tile p{margin:0}.idle-tile-label{font-size:var(--font-size-lead)}.idle-tile-big,.idle-tile-text{font-size:calc(var(--font-size-lead) * 1.25);font-weight:var(--font-weight-medium);line-height:1.2}.idle-room{align-items:center;gap:var(--space-4);display:flex}.idle-avatar{block-size:4.5rem;inline-size:4.5rem}@media (width<48rem){.idle-room{gap:var(--space-3);padding:var(--space-2) var(--space-3)}.idle-avatar{block-size:3rem;inline-size:3rem}}.idle-notice{align-items:baseline;gap:0 var(--space-3);padding-block:var(--space-2);border-inline-start:calc(var(--border-thin) * 6) solid var(--accent);flex-wrap:wrap;grid-column:1/-1;display:flex}.echo-top{justify-self:stretch;align-items:center;gap:var(--space-2);min-inline-size:0;padding:var(--space-3) var(--space-3) 0;grid-column:1/-1;display:flex}.echo-top>:is(.language-toggle,.language-top-note):not(.language-top-note+*){margin-inline-start:auto}.language-toggle{align-items:center;gap:var(--space-1);padding-inline:var(--space-3);font-size:var(--font-size-min);flex:none;display:inline-flex}.language-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:1.25em;inline-size:1.25em}.language-top-note{min-inline-size:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--surface-card-raised);color:var(--text-secondary);font-size:var(--font-size-min);line-height:var(--space-4);text-overflow:ellipsis;white-space:nowrap;flex:none;margin:0 0 0 auto;overflow:hidden}.badge-short{display:none}@media (width<80rem){.echo-top:has(>.language-top-note) .badge-long{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.echo-top:has(>.language-top-note) .badge-short{display:inline}}@media (width<48rem){.echo-top{flex-wrap:wrap}.echo-top>.demo-controls-open{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.echo-top .badge-short{display:inline}.language-toggle{min-inline-size:var(--target-min);justify-content:center;padding-inline:0}.language-name,.echo-top .badge-long{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.echo-top:has(>.language-top-note){row-gap:var(--space-1)}.language-top-note{box-sizing:border-box;flex-basis:100%;order:3;margin:0;padding-block:0}.echo-stage:has(>.echo-top>.language-top-note){row-gap:var(--space-1)}.echo-stage:has(>.echo-top>.language-top-note) .echo-screen{block-size:calc(100dvh - var(--target-min) - var(--space-3) - var(--space-1) - var(--space-4) - var(--space-1) - var(--dock-h,0px) - var(--space-4) - var(--title-line,0px))}}.demo-controls-open{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;min-block-size:var(--target-min);padding-inline:var(--space-4);border:var(--border-thin) dashed var(--status-neutral);border-radius:var(--radius-pill);background:var(--surface-card-raised);color:var(--text-primary);font-family:var(--font-data);font-size:var(--font-size-min);text-align:start;cursor:pointer;flex:0 5 auto;overflow:hidden}.echo-top>.demo-controls-open{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-inline-size:0;overflow:hidden}.echo-stage:has(.sim-dock){--dock-btn:4rem;--dock-h:calc(var(--dock-btn) + var(--space-2) - var(--space-3))}.echo-stage:has(.sim-dock)>.echo-top{padding-block-start:0}.echo-column{justify-items:stretch;gap:var(--space-2);min-inline-size:0;display:grid}.sim-dock{align-items:center;gap:var(--space-2) var(--space-4);box-sizing:border-box;inline-size:100%;max-inline-size:80rem;padding:var(--space-1) var(--space-3);border-radius:var(--radius-card);background:var(--surface-card-raised);color:var(--text-primary);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"time button";display:grid}.sim-dock-time{font-family:var(--font-data);white-space:nowrap;grid-area:time;justify-items:start;line-height:1.1;display:grid}.sim-dock-time time{font-size:calc(var(--font-size-lead) * 1.4);font-weight:var(--font-weight-bold)}.sim-dock-badge{color:var(--text-secondary);font-size:var(--font-size-min);letter-spacing:.08em}.spinner{box-sizing:border-box;block-size:1.1em;inline-size:1.1em;vertical-align:-.15em;border:.18em solid;border-radius:var(--radius-pill);border-block-start-color:#0000;flex:none;margin-inline-start:var(--space-2);animation:.9s linear infinite spinner-turn;display:inline-block}.thinking .spinner{margin-inline:0 var(--space-2)}@keyframes spinner-turn{to{transform:rotate(360deg)}}.sim-dock-skip{box-sizing:border-box;min-inline-size:0;block-size:calc(var(--dock-btn) - var(--space-2));padding-inline:var(--space-4);border:calc(var(--border-thin) * 2) solid var(--accent);background:var(--surface-card);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);text-align:start;justify-content:space-between;align-items:center;gap:var(--space-3);grid-area:button;display:flex}.sim-dock-skip:hover:not(:disabled){background:var(--surface-card-raised)}.sim-dock-words{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-inline-size:0;line-height:1.25;display:-webkit-box;overflow:hidden}.sim-dock-note{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.sim-dock-lines{display:contents}.sim-dock-summary{display:none}@media (width<48rem){.echo-stage:has(.sim-dock){--dock-btn:3rem;--dock-h:calc(var(--dock-btn) - var(--space-3) - var(--space-4) - var(--space-1) + var(--ask-h,0px))}.echo-column{gap:0}.sim-dock{margin-block-start:calc((var(--space-4) + var(--space-1)) * -1);padding-block:0;position:relative}.sim-dock-skip{block-size:var(--target-min)}.echo-stage:has(.sim-dock){row-gap:var(--space-2);--dock-h:calc(var(--dock-btn) - var(--space-3) - var(--space-4) - var(--space-1) - var(--space-4) + var(--ask-h,0px))}}@media (width>=48rem){.sim-dock{grid-template-columns:auto minmax(0,2fr) minmax(0,1fr);grid-template-areas:"time button note"}.sim-dock-skip{font-size:var(--font-size-lead)}.sim-dock-lines{align-content:center;gap:var(--space-1);grid-area:note;min-inline-size:0;display:grid}.sim-dock-summary{color:var(--text-primary);font-size:var(--font-size-min);font-weight:var(--font-weight-medium);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.sim-dock-note{clip-path:none;block-size:auto;inline-size:auto;min-inline-size:0;color:var(--text-secondary);font-size:var(--font-size-min);white-space:normal;line-height:1.25;position:static;overflow:hidden}.sim-dock-lines:has(>.sim-dock-summary)>.sim-dock-note{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@media (width>=48rem) and (height<40rem){.sim-dock-skip{font-size:var(--font-size-body)}}.settings-drawer{z-index:20;gap:var(--space-4);max-block-size:85dvh;padding:var(--space-4);border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--surface-card);color:var(--text-primary);display:grid;position:fixed;inset-block-end:0;inset-inline:0;overflow:auto}.settings-drawer h2{font-size:var(--font-size-lead);margin:0}.settings-drawer .muted{color:var(--text-secondary);margin:0}.settings-scrim{z-index:19;background:var(--sky-veil);cursor:pointer;position:fixed;inset:0}.settings-applied{z-index:1;margin:0;position:sticky;inset-block-start:0}.settings-applied:not(:empty){padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--accent);border-radius:var(--radius-card);background:var(--surface-card-raised);color:var(--text-primary)}.settings-applied[data-failed=true]{border-color:var(--status-storm)}.settings-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.chip-group{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.chip-group legend{color:var(--text-secondary);margin-block-end:var(--space-2)}.chip-row{align-items:center;gap:var(--space-3);min-block-size:calc(var(--target-min) + var(--space-2));padding-inline:var(--space-3);border:var(--border-thin) solid var(--surface-card-line);border-radius:var(--radius-cube);background:var(--surface-card-raised);cursor:pointer;display:flex}.chip-row[data-checked=true]{border-color:var(--accent);background:var(--surface-card);border-width:calc(var(--border-thin) * 2);font-weight:var(--font-weight-medium)}.chip-row[data-disabled=true]{cursor:not-allowed}.chip-row input{inline-size:var(--space-6);block-size:var(--space-6);accent-color:var(--accent);margin:0}.chip-text{flex:1;display:grid}.chip-hint{color:var(--text-secondary);font-size:var(--font-size-min)}.chip-mark{color:var(--accent);font-weight:var(--font-weight-bold)}.chip-sky{inline-size:var(--target-min);block-size:var(--space-6);border-radius:var(--radius-cube)}.chip-sky[data-layer=mild]{background-image:var(--sky-mild)}.chip-sky[data-layer=hot]{background-image:var(--sky-hot)}.chip-sky[data-layer=storm]{background-image:var(--sky-storm)}@media (width>=40rem){.settings-drawer{border-radius:0;max-block-size:none;inline-size:min(25rem,100vw);inset-block:0;inset-inline:auto 0}}.echo-under{gap:var(--space-2);contain:inline-size;grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}.theme-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:1.5em;inline-size:1.5em;display:none}@media (width<48rem){.echo-top .theme-icon{display:block}}.ask-bar-host{gap:var(--space-1);min-inline-size:0;display:grid;container-type:inline-size}.ask-bar-host:empty{display:none}.ask-bar{align-items:center;gap:var(--space-2) var(--space-3);box-sizing:border-box;block-size:calc(var(--target-min) + var(--space-2));padding:var(--space-1) var(--space-3);border-radius:var(--radius-card);background:var(--surface-card-raised);color:var(--text-primary);display:flex;overflow:hidden}.ask-bar-where{align-items:center;gap:var(--space-2);flex:none;display:flex}.ask-bar .ask{align-items:center;gap:var(--space-2);flex:auto;min-inline-size:0;display:flex}.ask-bar .try-row{flex-wrap:nowrap;flex:0 auto;min-inline-size:0}.ask-bar .try-saying{white-space:nowrap;flex:none}.ask-bar .examples{min-inline-size:0;scrollbar-width:none;-webkit-mask:linear-gradient(to right, currentcolor calc(100% - var(--space-6)), transparent);mask:linear-gradient(to right, currentcolor calc(100% - var(--space-6)), transparent);flex-wrap:nowrap;padding-inline-end:var(--space-6);overflow-x:auto}.ask-bar .examples .chip-button{white-space:nowrap;flex:none}.ask-bar .ask-row{flex-wrap:nowrap;flex:1 0 min(30rem,70%);min-inline-size:0}.ask-bar .ask-row input{box-sizing:border-box;flex:auto;min-inline-size:0}@media (width>=48rem){.ask-bar .demo-gate .ask-row{flex:1 0 auto}.ask-bar .demo-gate .notice{min-inline-size:0;font-size:var(--font-size-min);flex:0 auto;line-height:1.25}}@container (width<40rem){.ask-bar .ask-row{flex-basis:min(30rem,80%)}.ask-bar .ask-row .button{padding-inline:var(--space-3)}.ask-bar .voice-button{min-inline-size:5.5rem}.ask-bar .try-saying{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.ask-bar-notes{gap:var(--space-4);min-inline-size:0;color:var(--text-on-sky);font-size:var(--font-size-min);line-height:1.4;display:flex;overflow:hidden}.ask-bar-notes .notice{color:inherit;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-inline-size:0;overflow:hidden}.ask-bar-notes .ask-bar-one-card{font-weight:var(--font-weight-medium);flex-shrink:0}@media (width>=48rem){.echo-stage:has(.sim-dock){--dock-btn:calc(var(--target-min) + var(--space-2))}.echo-under{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}.echo-under>:only-child{grid-column:1/-1}.echo-under>.sim-dock{box-sizing:border-box;block-size:calc(var(--target-min) + var(--space-2))}}@media (width>=48rem) and (width<68.75rem){.echo-under{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.echo-under .sim-dock{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"time button"}.echo-under .sim-dock-lines{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@media (width<48rem){.echo-stage:has(.ask-bar){--ask-h:calc(var(--target-min) * 3 + var(--space-2) * 4 + var(--font-size-min) * 1.3 + var(--space-1) + var(--border-thin) * 2)}.echo-stage:has(.ask-bar):not(:has(.sim-dock)){--dock-h:var(--ask-h)}.ask-bar,.ask-bar .ask{flex-wrap:wrap}.ask-bar{block-size:auto}.ask-bar-where,.ask-bar .try-row,.ask-bar .ask-row{flex:100%}.ask-bar .try-saying,.ask-bar-notes{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.echo-top{row-gap:var(--space-1)}.echo-stage{--title-line:var(--space-3);align-content:start}.echo-top>header{block-size:calc(var(--target-min) / 2);flex-basis:100%}.echo-top>header h1{font-size:var(--font-size-min);line-height:1.3}.echo-top>:not(header,.demo-controls-open){flex:none}.echo-top{column-gap:var(--space-1)}.echo-top>button{min-inline-size:var(--target-min);padding-inline:var(--space-1)}.echo-top>:is(.theme-toggle,.language-toggle){inline-size:var(--target-min);justify-content:center;padding-inline:0}.echo-top>.phone-open{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;max-inline-size:6.5rem;overflow:hidden}.echo-top>.demo-controls-open{min-inline-size:var(--target-min);flex:1 5 0}.echo-top .theme-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.phone-peek-live{position:absolute}.phone-peek{inset-block-start:calc(var(--target-min) + var(--space-3));inset-inline:var(--space-3);z-index:20;align-items:center;gap:var(--space-3);max-inline-size:34rem;padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--accent);border-radius:var(--radius-card);background:var(--surface-card-raised);color:var(--text-primary);margin-inline:auto;display:flex;position:fixed}.phone-peek p{flex:auto;margin:0}.phone-peek-avatar{block-size:2.5rem;inline-size:2.5rem}@media (width<48rem){.phone-peek{gap:var(--space-2);padding:var(--space-1) var(--space-2);inset-block-start:var(--space-1)}.phone-peek-avatar{block-size:2rem;inline-size:2rem}}.demo-power-cut{gap:var(--space-1);justify-items:start;display:grid}.demo-power-cut p{margin:0}.demo-sky-note{font-size:var(--font-size-min);margin:0}.limits{gap:var(--space-4);display:grid}.limits h3{font-size:var(--font-size-lead);margin:0}.limits .muted,.limits .limit-night p{margin:0}.limit-night{gap:var(--space-3);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.limit-night legend{color:var(--text-secondary);margin-block-end:var(--space-2)}.limit-row{gap:var(--space-2);display:grid}.limit-text{display:grid}.limit-stepper{align-items:center;gap:var(--space-3);display:flex}.limit-step{inline-size:var(--target-min);block-size:var(--target-min);border:var(--border-thin) solid var(--surface-card-line);border-radius:var(--radius-cube);background:var(--surface-card-raised);color:var(--text-primary);font-size:var(--font-size-lead);cursor:pointer}.limit-value{color:var(--text-primary);font-family:var(--font-data);font-size:var(--font-size-lead);font-weight:var(--font-weight-bold);text-align:center;flex:1}.settings-page-host{display:contents}.band-content:has(.settings-back){scroll-padding-block-start:calc(var(--target-min) + var(--space-2))}.settings-back{z-index:1;justify-self:start;align-items:center;gap:var(--space-2);padding-inline:var(--space-3) var(--space-4);display:inline-flex;position:sticky;inset-block-start:0}.settings-back .settings-back-svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:1.25em;inline-size:1.25em}.settings-page{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-card);background:var(--surface-card);color:var(--text-primary);display:grid}.settings-page h2{font-size:var(--font-size-lead);margin:0}.settings-page .muted{color:var(--text-secondary);margin:0}.settings-page:focus-visible{outline:var(--border-thin) solid var(--accent)}.settings-winter{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-card);background:var(--surface-card-raised);display:grid}.settings-winter h3{align-items:center;gap:var(--space-2);font-size:var(--font-size-lead);margin:0;display:flex}.settings-winter p{color:var(--text-primary);margin:0}.settings-winter-icon{flex:none;block-size:1.5em;inline-size:1.5em}.settings-winter-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.settings-protect{gap:var(--space-2);display:grid}.settings-protect h3{color:var(--text-secondary);font-size:var(--font-size-body);margin:0}.settings-protect ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.settings-protect li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);background:var(--surface-card-raised);font-size:var(--font-size-lead);display:flex}.settings-avatar{block-size:3.5rem;inline-size:3.5rem}.demo-controls{align-content:start;gap:var(--space-3);color:var(--text-primary);display:grid}.demo-controls h2{font-size:var(--font-size-lead);margin:0}.demo-controls p{margin:0}section.demo-controls{box-sizing:border-box;max-block-size:calc(100dvh - var(--space-6) * 3 - var(--target-min));overscroll-behavior:contain;padding:var(--space-4);border-radius:var(--radius-card);background:var(--surface-card);overflow-y:auto}.demo-controls-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.demo-controls .chip-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.demo-controls .chip-group legend{flex-basis:100%}.demo-controls .chip-row{min-block-size:var(--target-min);padding-inline:var(--space-2);gap:var(--space-2);flex:auto}.demo-controls .chip-sky{inline-size:var(--space-6)}@media (width<48rem){.echo-top>.demo-controls-open{flex:1 1 0}}@media (width<80rem){.echo-top:has(>.language-top-note)>.demo-controls-open{flex:1 1 0}}.demo-controls-summary{font-weight:var(--font-weight-bold)}.demo-timeline{gap:var(--space-2);display:grid}.demo-timeline h3{font-size:var(--font-size-body);margin:0}.demo-timeline ol{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.demo-timeline li{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--text-secondary)}.demo-timeline li[data-state=current]{outline:var(--border-thin) solid var(--accent);background:var(--surface-card-raised);color:var(--text-primary);font-weight:var(--font-weight-bold)}.demo-timeline time{font-variant-numeric:tabular-nums}.demo-timeline-next{font-weight:var(--font-weight-bold)}}@layer overrides{@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:0s;animation-duration:0s;animation-iteration-count:1}}}