.cs-card{border:1px solid var(--border);background:color-mix(in oklch, var(--card) 70%, transparent)}.cs-badge{border:1px solid color-mix(in oklch, var(--award) 55%, transparent);color:var(--foreground);background:color-mix(in oklch, var(--award) 12%, transparent)}.cs-badge:hover{border-color:var(--award)}.cs-when{color:var(--award)}.cs-moment{border-left:2px solid color-mix(in oklch, var(--link) 45%, transparent);padding-left:1.25rem}.cs-behind{color:var(--link)}.cs-screen-frame{border:1px solid color-mix(in oklch, var(--link) 35%, var(--border));background:var(--background);box-shadow:0 0 0 1px color-mix(in oklch, var(--background) 60%, transparent), 0 30px 80px -30px color-mix(in oklch, var(--link) 55%, transparent), 0 0 120px -40px color-mix(in oklch, var(--link) 45%, transparent);position:relative}.cs-screen-frame:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--link) 90%, white), transparent);pointer-events:none;height:1px;position:absolute;inset:0 12% auto}.cs-screen-caption{color:var(--muted-foreground)}.cs-learns{color:var(--link)}.cs-learns:before{content:"✦ "}.cs-secret{color:var(--muted-foreground)}.cs-secret strong{color:var(--foreground)}.cs-num{color:color-mix(in oklch, var(--link) 70%, var(--foreground));opacity:.85}.cs-problem{transition:border-color .3s}.cs-problem:hover{border-color:color-mix(in oklch, var(--link) 45%, var(--border))}.cs-result{border-top:1px solid var(--border);color:var(--link)}.cs-engineers summary::marker{color:var(--link)}.cs-layers{position:relative}.cs-layers:before{content:"";background:linear-gradient(transparent, color-mix(in oklch, var(--link) 70%, transparent), transparent);width:1px;position:absolute;inset:1.25rem auto 1.25rem .5rem}.cs-layer{border:1px solid color-mix(in oklch, var(--link) 22%, var(--border));background:color-mix(in oklch, var(--link) 5%, transparent);margin-left:1.25rem}.cs-part{border:1px solid var(--border);background:var(--background);color:var(--foreground)}.cs-decision{position:relative}.cs-decision:before{content:"";background:var(--link);width:.4rem;height:.4rem;box-shadow:0 0 10px var(--link);border-radius:50%;position:absolute;top:.65em;left:0}.cs-ring{color:var(--link);background:radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--link) 12%, transparent), transparent 65%), var(--background)}.cs-ring-halo{stroke:color-mix(in oklch, var(--link) 14%, transparent);stroke-width:22px}.cs-ring-arc{stroke:var(--link);stroke-width:1.6px;filter:drop-shadow(0 0 4px color-mix(in oklch, var(--link) 70%, transparent))}.cs-ring-node{fill:var(--background);stroke:var(--link);stroke-width:2px}.cs-ring-id{fill:var(--muted-foreground);font:500 11px ui-monospace,SFMono-Regular,Menlo,monospace}.cs-ring-amount{fill:var(--foreground);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.cs-ring-centre{fill:var(--muted-foreground);font-size:15px}.cs-ring-centre--strong{fill:var(--award);font-size:19px;font-weight:600}.cs-ring-light{fill:color-mix(in oklch, var(--link) 40%, white);filter:drop-shadow(0 0 6px var(--link))}@media (prefers-reduced-motion:reduce){.cs-ring-light{display:none}}.cs-fix{border:1px solid color-mix(in oklch, var(--link) 45%, var(--border));background:radial-gradient(ellipse at 0% 0%, color-mix(in oklch, var(--link) 16%, transparent), transparent 70%), color-mix(in oklch, var(--card) 70%, transparent);box-shadow:0 30px 80px -40px color-mix(in oklch, var(--link) 60%, transparent)}.cs-fix-label{color:var(--link)}.cs-fix-label:before{content:"✦ "}.cs-challenge{border-top:2px solid color-mix(in oklch, var(--destructive) 55%, transparent)}
.cs-queue{border:1px solid var(--border);background:color-mix(in oklch, var(--card) 60%, transparent)}.cs-queue--strong{border-color:color-mix(in oklch, var(--link) 45%, var(--border));background:radial-gradient(ellipse at 50% 0%, color-mix(in oklch, var(--link) 14%, transparent), transparent 70%), color-mix(in oklch, var(--card) 70%, transparent);box-shadow:0 30px 80px -40px color-mix(in oklch, var(--link) 60%, transparent)}.cs-queue-num{color:var(--foreground)}.cs-queue--strong .cs-queue-num{color:var(--link)}.cs-dot{fill:color-mix(in oklch, var(--muted-foreground) 32%, transparent)}.cs-dots-lit{fill:color-mix(in oklch, var(--link) 55%, white);filter:drop-shadow(0 0 2.5px var(--link))}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.cs-dots-lit{animation:linear both cs-light-up;animation-timeline:view();animation-range:entry 20% cover 45%}}}@keyframes cs-light-up{0%{opacity:0}}.cs-shape-box{color:var(--link);background:radial-gradient(circle, color-mix(in oklch, var(--link) 10%, transparent), transparent 70%), var(--background);border:1px solid color-mix(in oklch, var(--link) 20%, var(--border))}.cs-shape-edge{stroke:var(--link);stroke-width:1.6px;filter:drop-shadow(0 0 3px color-mix(in oklch, var(--link) 60%, transparent))}.cs-bar-track{background:color-mix(in oklch, var(--muted-foreground) 14%, transparent)}.cs-bar{width:max(var(--w), .35rem);background:color-mix(in oklch, var(--muted-foreground) 55%, transparent);transform-origin:0}.cs-bar-value{color:var(--muted-foreground)}.cs-bar-value strong{color:var(--foreground)}.cs-bar-row--win .cs-bar{background:linear-gradient(90deg, color-mix(in oklch, var(--link) 60%, transparent), var(--link));box-shadow:0 0 18px color-mix(in oklch, var(--link) 70%, transparent)}.cs-bar-row--win .cs-bar-value strong{color:var(--link)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.cs-bar{animation:linear both cs-grow;animation-timeline:view();animation-range:entry 10% cover 40%}}}@keyframes cs-grow{0%{transform:scaleX(0)}}.cs-road-step{border:1px solid var(--border);background:color-mix(in oklch, var(--card) 50%, transparent)}.cs-road-status{color:var(--muted-foreground)}.cs-road-step--done .cs-road-status:before{content:"✓ "}.cs-road-step--done .cs-road-status{color:var(--foreground)}.cs-road-step--now{border-color:color-mix(in oklch, var(--link) 50%, var(--border));background:radial-gradient(ellipse at 50% 0%, color-mix(in oklch, var(--link) 16%, transparent), transparent 70%), color-mix(in oklch, var(--card) 70%, transparent);box-shadow:0 20px 60px -30px color-mix(in oklch, var(--link) 70%, transparent)}.cs-road-step--now .cs-road-status{color:var(--link)}.cs-road-step--later{border-style:dashed}.cs-pay-line{stroke:color-mix(in oklch, var(--link) 55%, transparent);stroke-width:1.4px}.cs-pay-sheet{fill:var(--background);stroke:color-mix(in oklch, var(--link) 50%, var(--border));stroke-width:1.4px}.cs-pay-row{stroke:color-mix(in oklch, var(--muted-foreground) 45%, transparent);stroke-width:2px;stroke-linecap:round}.cs-pay-engine{fill:color-mix(in oklch, var(--link) 14%, var(--background));stroke:var(--link);stroke-width:1.6px;filter:drop-shadow(0 0 14px color-mix(in oklch, var(--link) 55%, transparent))}.cs-pay-core{fill:color-mix(in oklch, var(--link) 45%, white);filter:drop-shadow(0 0 10px var(--link))}.cs-pay-coin{fill:var(--foreground);font-size:14px;font-weight:600}.cs-pay-label{fill:var(--foreground);letter-spacing:.04em;font-size:14px;font-weight:600}.cs-pay-caption{fill:var(--muted-foreground);font-size:13px}