:root{--bg:#080d1a;--bg2:#111a30;--card:rgba(255,255,255,.08);--text:#f5f7fb;--muted:#aeb8d0;--line:rgba(255,255,255,.14);--accent:#9fd8ff;--accent2:#d6b3ff;--good:#b7f7d4}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 10%,rgba(159,216,255,.20),transparent 28%),radial-gradient(circle at 80% 0%,rgba(214,179,255,.18),transparent 26%),linear-gradient(145deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit}.app{width:min(1120px,100%);margin:0 auto;padding:22px 22px 44px}.hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px 0 20px}.eyebrow,.label{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--accent);margin:0 0 8px;font-weight:700}h1{margin:0;font-size:clamp(2.1rem,7vw,4.25rem);line-height:.95;letter-spacing:-.06em}.sub{color:var(--muted);max-width:680px;font-size:1rem;margin:14px 0 0}.status-pill{white-space:nowrap;color:var(--good);border:1px solid rgba(183,247,212,.35);background:rgba(183,247,212,.08);padding:10px 14px;border-radius:999px;font-size:.84rem}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.card{background:linear-gradient(180deg,var(--card),rgba(255,255,255,.045));border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.22);border-radius:28px;padding:22px;backdrop-filter:blur(16px)}.current-card h2{font-size:clamp(2rem,6vw,3.5rem);line-height:1;margin:6px 0;letter-spacing:-.045em}.window-time{margin:0 0 18px;color:var(--accent2);font-weight:700}.description{color:#dde5f6;font-size:1.03rem;line-height:1.58;margin-bottom:22px;white-space:pre-line}.row-between{display:flex;justify-content:space-between;gap:14px;align-items:center}.time-now,.mini{color:var(--muted);font-size:.86rem;margin:0}.progress-wrap{margin-top:18px}.progress-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.86rem;margin-bottom:8px}.progress-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}.progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2))}.timer-card{display:flex;flex-direction:column;gap:16px}.toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggle button{border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.05);padding:13px 14px;border-radius:18px;cursor:pointer}.toggle button.active{background:linear-gradient(135deg,rgba(159,216,255,.22),rgba(214,179,255,.22));border-color:rgba(159,216,255,.5)}.live-box{border-radius:24px;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.10);padding:18px}.live-box h3{margin:0 0 10px;font-size:1.3rem}.timer{font-variant-numeric:tabular-nums;font-size:clamp(3.3rem,13vw,5.8rem);font-weight:800;letter-spacing:-.07em;line-height:1;margin:4px 0 12px}.primary{width:100%;border:0;color:#08111f;background:linear-gradient(135deg,var(--accent),var(--accent2));padding:15px 16px;border-radius:20px;font-weight:800;cursor:pointer}.primary.activated{background:linear-gradient(135deg,#b7f7d4,var(--accent))}.activation-note{color:var(--muted);font-size:.9rem;line-height:1.45;margin:-6px 0 0}.guidance{border-top:1px solid var(--line);padding-top:16px}.guidance p:last-child,.transition-card p:last-child{color:#dde5f6;line-height:1.55;margin-bottom:0;white-space:pre-line}.transition-card{grid-column:1/2}.map-card{grid-column:2/3;grid-row:span 2}.daily-map{display:grid;gap:10px;margin-top:14px}.map-item{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:13px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid transparent}.map-item.active{border-color:rgba(159,216,255,.5);background:rgba(159,216,255,.11)}.map-time{color:var(--accent);font-size:.82rem;font-weight:800}.map-name{font-weight:800}.map-note{color:var(--muted);font-size:.83rem;margin-top:3px}@media(max-width:820px){.app{padding:16px 16px 30px}.hero{display:block}.status-pill{display:inline-flex;margin-top:16px}.grid{grid-template-columns:1fr}.map-card,.transition-card{grid-column:auto;grid-row:auto}.card{border-radius:24px;padding:18px}.map-item{grid-template-columns:78px 1fr}}