:root{color-scheme:light dark;--bg: oklch(.985 .006 75);--surface: oklch(1 .002 75);--line: oklch(.9 .01 70);--text: oklch(.24 .02 55);--text-2: oklch(.45 .02 55);--accent: oklch(.42 .085 50);--accent-text: oklch(.99 .005 75);--good-bg: oklch(.93 .06 150);--good-fg: oklch(.34 .09 150);--bad-bg: oklch(.93 .05 25);--bad-fg: oklch(.42 .14 25);--warn-bg: oklch(.94 .07 85);--warn-fg: oklch(.38 .08 70);--radius: 16px;--shadow: 0 1px 2px oklch(.2 .03 55 / .06), 0 4px 14px oklch(.2 .03 55 / .05);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: oklch(.2 .012 55);--surface: oklch(.25 .014 55);--line: oklch(.36 .014 55);--text: oklch(.94 .01 75);--text-2: oklch(.76 .012 70);--accent: oklch(.78 .09 60);--accent-text: oklch(.2 .02 55);--good-bg: oklch(.34 .06 150);--good-fg: oklch(.9 .08 150);--bad-bg: oklch(.34 .07 25);--bad-fg: oklch(.9 .08 25);--warn-bg: oklch(.36 .06 85);--warn-fg: oklch(.92 .08 85);--shadow: 0 1px 2px oklch(0 0 0 / .3)}}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-size:17px;line-height:1.5}h1,p,ol{margin:0}h1{font-size:1.875rem;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}h1.good{color:var(--good-fg)}h1.bad{color:var(--bad-fg)}p{text-wrap:pretty}.muted{color:var(--text-2);font-size:.9375rem}.num{font-variant-numeric:tabular-nums}.eyebrow{text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600;color:var(--text-2)}.lead{font-size:1.125rem;color:var(--text-2)}.top{padding:16px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:var(--surface)}.brand{font-weight:700;font-size:1.125rem;letter-spacing:-.01em}main{max-width:480px;margin:0 auto;padding:24px 16px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px}.window{display:flex;flex-direction:column;gap:2px}.window-time{font-size:2rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.steps{list-style:none;padding:0;display:flex;flex-direction:column}.steps li{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:20px}.steps li:last-child{padding-bottom:0}.steps li:not(:last-child):before{content:"";position:absolute;inset-inline-start:13px;top:28px;bottom:0;width:2px;background:var(--line)}.steps li.done:not(:last-child):before{background:var(--good-fg)}.dot{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:.875rem;font-weight:700;background:var(--surface);color:var(--accent-text)}.steps li.done .dot{background:var(--good-fg);border-color:var(--good-fg)}.steps li.current .dot{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklch,var(--accent) 22%,transparent)}.step-text{display:flex;flex-direction:column}.step-label{font-weight:600}.steps li:not(.done):not(.current) .step-label{color:var(--text-2);font-weight:500}.banner{padding:12px 16px;border-radius:var(--radius);background:var(--warn-bg);color:var(--warn-fg);font-weight:600}.foot{text-align:center}@media(prefers-reduced-motion:no-preference){.steps li.current .dot{animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px color-mix(in oklch,var(--accent) 8%,transparent)}}}