:root{--bg: #05070d;--panel: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .16);--text: #ffffff;--muted: rgba(255, 255, 255, .78);--accent: #22c55e}:root[data-theme=light]{--bg: #ffffff;--panel: rgba(2, 6, 23, .06);--border: rgba(2, 6, 23, .18);--text: #05070d;--muted: rgba(5, 7, 13, .78)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.screen{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2vh;background:var(--bg);overflow:hidden}.screen__frame{width:96vmin;height:96vmin;display:flex;flex-direction:column;justify-content:center;align-items:center;border:4px solid var(--border);border-radius:40px;padding:40px;background:var(--panel);box-sizing:border-box}.screen__timer{margin:0;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center}.screen__timerValue{font-variant-numeric:tabular-nums;font-size:clamp(120px,45vmin,800px);font-weight:900;letter-spacing:-.05em;line-height:.8;color:var(--text);text-shadow:0 10px 30px rgba(0,0,0,.5);margin-bottom:2vh}.screen__clue{margin-top:0;font-size:clamp(30px,8vmin,120px);font-weight:700;text-align:center;color:var(--accent);min-height:1.2em;text-transform:uppercase;letter-spacing:.05em;line-height:1.1;max-width:95%}.screen__meta{width:100%;display:flex;justify-content:flex-start;margin-bottom:20px}.screen__badge{display:inline-flex;align-items:center;padding:12px 24px;border-radius:999px;border:3px solid var(--border);background:color-mix(in srgb,var(--accent) 10%,transparent);font-weight:900;letter-spacing:.1em;color:var(--text);font-size:clamp(14px,3vmin,32px)}.screen__badge[data-state=online]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,transparent)}.screen__badge[data-state=offline]{border-color:#ff3b30;color:#ff3b30;background:#ff3b301a}.screen__time{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;color:var(--muted)}.screen__timer{margin:22px 0;text-align:center}.screen__timerValue{font-variant-numeric:tabular-nums;font-size:clamp(72px,24vw,240px);font-weight:900;letter-spacing:-.02em;line-height:1;color:var(--text);text-shadow:0 2px 0 rgba(0,0,0,.25)}.screen__timerLabel{margin-top:12px;font-size:clamp(20px,2.2vw,32px);font-weight:700;color:var(--muted);letter-spacing:.04em}.screen__headline{margin:0;font-size:clamp(52px,5.2vw,92px);letter-spacing:-.02em;line-height:1.04;text-shadow:0 2px 0 rgba(0,0,0,.25)}.screen__details{margin:18px 0 0;font-size:clamp(22px,2.2vw,36px);line-height:1.35;color:var(--muted);max-width:58ch}.screen__footer{display:flex;justify-content:space-between;gap:18px;margin-top:34px;padding-top:18px;border-top:2px solid var(--border);color:var(--muted);font-size:16px}