[data-panel=sim]{--sim-red:0 100% 45%;--sim-red-pressed:0 100% 35%;--sim-red-soft:0 82% 96%;--sim-ink:0 0% 10%;--sim-ink-muted:0 0% 38%;--sim-canvas:0 0% 96%;--sim-card:0 0% 100%;--sim-track:0 0% 90%;--background:var(--sim-canvas);--foreground:var(--sim-ink);--surface:0 0% 98%;--surface-raised:0 0% 94%;--card:var(--sim-card);--card-foreground:var(--sim-ink);--popover:var(--sim-card);--popover-foreground:var(--sim-ink);--primary:var(--sim-red);--primary-foreground:0 0% 100%;--secondary:0 0% 16%;--secondary-foreground:0 0% 100%;--accent:var(--sim-red);--accent-foreground:0 0% 100%;--muted:0 0% 95%;--muted-foreground:var(--sim-ink-muted);--destructive:var(--sim-red-pressed);--destructive-foreground:0 0% 100%;--success:145 100% 26%;--success-foreground:0 0% 100%;--warning:31 100% 34%;--warning-foreground:0 0% 100%;--border:var(--sim-ink);--input:var(--sim-ink);--ring:var(--sim-red);--radius:0.625rem;--border-tint:hsl(var(--sim-ink)/0.08);--border-tint-strong:hsl(var(--sim-ink)/0.14);--shadow-sm:0 1px 4px hsl(0 0% 0%/0.08);--shadow-md:0 2px 10px hsl(0 0% 0%/0.1);--shadow-lg:0 8px 28px hsl(0 0% 0%/0.1);color-scheme:light}@media (prefers-color-scheme:dark){[data-panel=sim]{--sim-red:0 100% 50%;--sim-red-soft:0 45% 16%;--sim-ink:0 0% 95%;--sim-ink-muted:0 0% 66%;--sim-canvas:0 0% 7%;--sim-card:0 0% 12%;--sim-track:0 0% 24%;--primary:0 100% 44%;--surface:0 0% 10%;--surface-raised:0 0% 15%;--muted:0 0% 16%;--secondary:0 0% 88%;--secondary-foreground:0 0% 8%;--destructive:0 85% 60%;--success:145 60% 48%;--success-foreground:0 0% 6%;--warning:35 95% 58%;--warning-foreground:0 0% 6%;--border:0 0% 100%;--input:0 0% 100%;--shadow-sm:none;--shadow-md:0 4px 14px hsl(0 0% 0%/0.4);--shadow-lg:0 8px 28px hsl(0 0% 0%/0.5);color-scheme:dark}}body:has([data-panel=sim]),html:has([data-panel=sim]){background:#f4f4f4}@media (prefers-color-scheme:dark){body:has([data-panel=sim]),html:has([data-panel=sim]){background:#121212}}[data-panel=sim] .sim-card{border-radius:.75rem;background:hsl(var(--card));box-shadow:var(--shadow-sm)}[data-panel=sim] .sim-ring-track{stroke:hsl(var(--sim-track))}[data-panel=sim] .sim-ring-arc{stroke:hsl(var(--primary));transition:stroke-dashoffset .6s ease}[data-panel=sim] .sim-soft{background:hsl(var(--sim-red-soft))}[data-panel=sim] .sim-tabbar{padding-bottom:env(safe-area-inset-bottom)}[data-panel=sim] .sim-topbar{padding-top:env(safe-area-inset-top)}[data-panel=sim] .sim-code{font-family:var(--font-mono),ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:.08em}[data-panel=sim] .sim-bar{height:6px;border-radius:999px;background:hsl(var(--sim-track));overflow:hidden}[data-panel=sim] .sim-bar>span{display:block;height:100%;border-radius:999px;background:hsl(var(--primary))}[data-panel=sim] .sim-figure{font-weight:300;letter-spacing:-.02em;font-variant-numeric:tabular-nums}[data-panel=sim] .sim-snap{scroll-snap-type:x mandatory;scrollbar-width:none}[data-panel=sim] .sim-snap::-webkit-scrollbar{display:none}[data-panel=sim] .sim-snap>*{scroll-snap-align:center}[data-panel=sim] .sim-red-page{background:linear-gradient(170deg,#e60000,#b80000 55%,#8c0000)}[data-panel=sim] .sim-promo-red{background:linear-gradient(135deg,#e60000,#9e0000)}[data-panel=sim] .sim-promo-dark{background:linear-gradient(135deg,#2b2b2b,#111111)}[data-panel=sim] input:not([type=checkbox]):not([type=radio]),[data-panel=sim] select,[data-panel=sim] textarea{background-color:hsl(var(--card))}@media (prefers-color-scheme:dark){[data-panel=sim] .sim-soft .text-primary,[data-panel=sim] .sim-soft.text-primary{color:hsl(0 95% 72%)}}