*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--card:#111;--border:#1e1e1e;--text:#e8e8e8;--muted:#555;--muted2:#888;--red:#f44;--green:#0c6;--yellow:#fc0;--blue:#1d9bf0;--font:"Courier New", "Monaco", "Consolas", monospace}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh}#root{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1rem;display:flex}.app{width:100%;max-width:640px}.header{text-align:center;margin-bottom:2.5rem}.header h1{letter-spacing:-.02em;font-size:clamp(1.3rem,4vw,1.9rem);font-weight:700;line-height:1.2}.header h1 span{color:var(--muted)}.header .subtitle{color:var(--muted2);letter-spacing:.04em;margin-top:.45rem;font-size:.75rem}.card{background:var(--card);border:1px solid var(--border);border-radius:4px;margin-bottom:1rem;padding:1.25rem 1.5rem}.card-title{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-bottom:.75rem;font-size:.62rem}.status-card{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:4px;margin-bottom:1rem;padding:2rem;position:relative;overflow:hidden}.status-card:before{content:"";pointer-events:none;position:absolute;inset:0}.status-card.peak:before{background:radial-gradient(at top,#ff444414 0%,#0000 65%)}.status-card.safe:before{background:radial-gradient(at top,#00cc6612 0%,#0000 65%)}.status-card .card-title{margin-bottom:1rem}.status-big{margin-bottom:.7rem;font-size:clamp(2.8rem,11vw,5.5rem);font-weight:700;line-height:1}.status-big.red{color:var(--red)}.status-big.green{color:var(--green)}.status-desc{color:var(--muted2);font-size:.82rem;line-height:1.6}.status-desc strong{color:var(--text)}.clock-row{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem;display:grid}.clock-box{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:.9rem 1.1rem}.clock-box .label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.3rem;font-size:.62rem;overflow:hidden}.clock-box .time{letter-spacing:.05em;font-size:1.05rem;font-weight:700}.clock-box .time.red{color:var(--red)}.clock-box .time.green{color:var(--green)}.clock-box .time.dim{color:var(--muted2)}.bar-section{margin-bottom:1rem}.bar-section .bar-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.5rem;font-size:.62rem}.bar-track{background:var(--border);border-radius:99px;height:8px;position:relative;overflow:visible}.bar-peak{background:#ff44444d;border:1px solid #ff44448c;border-radius:99px;height:100%;position:absolute;top:0}.bar-now{background:var(--yellow);border-radius:2px;width:3px;height:16px;transition:left 1s linear;position:absolute;top:50%;transform:translate(-50%,-50%)}.bar-ticks{justify-content:space-between;margin-top:.4rem;display:flex}.bar-ticks span{color:var(--muted);font-size:.58rem}.row{align-items:center;gap:.6rem;margin:.28rem 0;font-size:.82rem;line-height:1.5;display:flex}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot.red{background:var(--red)}.dot.green{background:var(--green)}.dot.yellow{background:var(--yellow)}.row .strong{color:#fff;font-weight:700}.row .dim{color:var(--muted2)}.tag{vertical-align:middle;border-radius:3px;margin-left:.3rem;padding:.12rem .45rem;font-size:.6rem;display:inline-block}.tag.red{color:var(--red);background:#ff444424;border:1px solid #ff44444d}.tag.green{color:var(--green);background:#00cc661f;border:1px solid #00cc6640}.tweet-card{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:4px;margin-bottom:1rem;padding:1.25rem 1.5rem}.tweet-header{text-transform:uppercase;letter-spacing:.16em;color:var(--blue);margin-bottom:.75rem;font-size:.62rem}.tweet-text{color:#ccc;font-size:.82rem;font-style:italic;line-height:1.7}.tweet-meta{color:var(--muted);margin-top:.75rem;font-size:.7rem}.tz-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.tz-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);flex-shrink:0;font-size:.65rem}.tz-select{background:var(--card);min-width:0;color:var(--text);border:1px solid var(--border);font-family:var(--font);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;border-radius:4px;outline:none;flex:1;padding:.4rem 1.8rem .4rem .6rem;font-size:.78rem}.tz-select:focus{border-color:#333}.tz-select option{background:#111}.footer{text-align:center;color:var(--muted);margin-top:.5rem;font-size:.68rem;line-height:1.9}.footer a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.footer a:hover{color:var(--text)}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.blink{animation:1.2s step-end infinite blink}@media (width<=420px){.clock-row{grid-template-columns:1fr}}