@layer components{.cs-root{background:var(--bg);min-block-size:100dvh;color:var(--text)}.cs-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px;display:grid}.cs-col{display:contents}@media (max-width:899px){.cs-o1{order:1}.cs-o2{order:2}.cs-o3{order:3}.cs-o8{order:4}.cs-o4{order:5}.cs-o5{order:6}.cs-o6{order:8}.cs-o7{order:7}.cs-grid[data-live] .cs-o5{order:1}}@media (max-width:767px){.cs-grid{gap:16px;padding:16px}}@media (min-width:900px){.cs-grid{grid-template-columns:minmax(320px,5fr) minmax(0,7fr);align-items:start}.cs-col{flex-direction:column;gap:24px;min-inline-size:0;display:flex}.cs-grid[data-live] .cs-o1{order:-2}.cs-grid[data-live] .cs-o5{order:-1}}@media (min-width:1440px){.cs-grid{grid-template-columns:minmax(360px,4fr) minmax(0,8fr)}}.cs-card{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);position:relative;box-shadow:inset 0 1px #ffffff0a}.cs-eyebrow{font:600 13px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gilt);align-items:center;gap:10px;display:inline-flex}.cs-eyebrow:before{content:"";opacity:.8;background:currentColor;block-size:1px;inline-size:24px}.cs-lights{will-change:clip-path}.cs-htl{--p:0;--ring:var(--candle);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;border-radius:50%;place-items:center;block-size:128px;inline-size:128px;display:grid;position:relative}.cs-htl:disabled{cursor:not-allowed;opacity:.5}.cs-htl[data-mode=end]{--ring:var(--text-2)}.cs-htl-disc{block-size:112px;inline-size:112px;transition:scale var(--dur-1) var(--ease-standard);background:radial-gradient(circle at 50% 38%,#2a231b 0%,#1e1a15 58%,#16120e 100%);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,inset 0 -10px 24px #00000059}.cs-htl[data-holding] .cs-htl-disc{scale:.97}.cs-htl-ring{background:conic-gradient(var(--ring) calc(var(--p) * 1turn), var(--line-strong) 0);pointer-events:none;border-radius:50%;position:absolute;inset:2px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 5.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 5.5px))}.cs-htl[data-lit] .cs-htl-ring{filter:drop-shadow(0 0 6px #f0b04f73)}.cs-htl-pool{opacity:0;transition:opacity var(--dur-5) var(--ease-settle);pointer-events:none;background:radial-gradient(circle at 50% 34%,#ffc56b42,#f0b04f14 45%,#0000 70%);border-radius:50%;position:absolute;inset:0}.cs-htl[data-lit] .cs-htl-pool{opacity:1}.cs-htl-candle{position:relative;translate:0 6px}.cs-snuffer{pointer-events:none;opacity:0;block-size:60px;inline-size:46px;margin-inline-start:-22px;position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translateY(-44px)}.cs-snuffer[data-lift]{transition:transform .52s var(--ease-settle) .26s, opacity .52s var(--ease-settle) .26s;opacity:0!important;transform:translateY(-36px)!important}.cs-meter{background:var(--bg-sunken);block-size:14px;box-shadow:inset 0 0 0 1px var(--line);border-radius:7px;position:relative;overflow:hidden;container-type:inline-size}.cs-meter-fill{background:linear-gradient(90deg, var(--text-2) 0 90%, var(--candle) 90% 98.3%, var(--live) 98.3% 100%);position:absolute;inset:0}.cs-meter-band{background:#8dbf8a21;position:absolute;inset-block:0;inset-inline:70% 10%;box-shadow:inset 1px 0 #8dbf8a59,inset -1px 0 #8dbf8a59}.cs-meter-cover{background:var(--bg-sunken);transform-origin:100%;position:absolute;inset:0;transform:scaleX(1)}.cs-meter-tick{background:var(--line-strong);inline-size:1px;position:absolute;inset-block:2px}.cs-meter-peak{background:var(--text);opacity:0;border-radius:1px;inline-size:2px;position:absolute;inset-block:1px;inset-inline-start:0}.cs-curtain-half{transform-box:fill-box;transition:transform var(--dur-4) var(--ease-standard)}.cs-curtain-l{transform-origin:0 0}.cs-curtain-r{transform-origin:100% 0}[data-drawn=false] .cs-curtain-half{transform:scaleX(.38)}.cs-roll{vertical-align:bottom;font-variant-numeric:tabular-nums;display:inline-grid;position:relative;overflow:hidden}.cs-roll>span{grid-area:1/1}.cs-roll-in{animation:cs-roll-in .2s var(--ease-settle) both}.cs-roll-out{animation:cs-roll-out .2s var(--ease-exit) both}.cs-roll[data-down] .cs-roll-in{animation-name:cs-roll-in-down}.cs-roll[data-down] .cs-roll-out{animation-name:cs-roll-out-down}@keyframes cs-roll-in{0%{transform:translateY(calc(100% * var(--move)));opacity:0}}@keyframes cs-roll-out{to{transform:translateY(calc(-100% * var(--move)));opacity:0}}@keyframes cs-roll-in-down{0%{transform:translateY(calc(-100% * var(--move)));opacity:0}}@keyframes cs-roll-out-down{to{transform:translateY(calc(100% * var(--move)));opacity:0}}.cs-room-scrim{background:linear-gradient(#090806d1 0%,#09080659 34%,#0000 55%),linear-gradient(#0000 78%,#090806b3 100%)}.cs-strip-light{background:radial-gradient(circle at 50% 66%,#fff8e7,#ffd38a 48%,#f0b04f 86%);border-radius:50%/62% 62% 38% 38%;flex-shrink:0;block-size:7px;inline-size:4px;display:inline-block;box-shadow:0 0 6px 2px #ffd38a59}.cs-arc{animation:cs-arc 2.8s var(--ease-standard) infinite}.cs-arc:nth-child(2){animation-delay:.4s}.cs-arc:nth-child(3){animation-delay:.8s}@keyframes cs-arc{0%,to{opacity:.35}40%{opacity:1}}.cs-seg-rule{border-radius:1px;inline-size:2px}.cs-kbd{border:1px solid var(--line-strong);block-size:22px;min-inline-size:22px;font:600 12px/1 var(--font-mono);color:var(--text-2);border-radius:6px;place-items:center;padding-inline:5px;display:inline-grid}@media (forced-colors:active){.cs-htl-ring{background:canvastext}.cs-card{border-color:canvastext}.cs-meter-fill{forced-color-adjust:none;background:highlight}}.cs-rise{animation:cs-rise var(--dur-5) var(--ease-settle) .9s both}@keyframes cs-rise{0%{opacity:0;transform:translateY(calc(8px * var(--move)))}}}:root[data-motion=reduce] .cs-snuffer[data-lift]{transition-duration:.12s;transition-delay:0s}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .cs-snuffer[data-lift]{transition-duration:.12s;transition-delay:0s}}.cs-htl .bm-flame[data-state=unlit] .bm-flame-ember,.cs-htl .bm-flame[data-state=out]:not([data-afterglow]) .bm-flame-ember{opacity:calc(var(--p) * .6)}.cs-htl[data-mode=end] .bm-flame[data-state=unlit] .bm-flame-ember{opacity:0}