:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--bg-elevated:#14181d;--fg:#e8edf2;--fg-muted:#7f8a96;--accent:#5b8def;--error:#ef5b5b;--border:#232a31;--mono:ui-monospace, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}.loading-screen{height:100%;color:var(--fg-muted);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.pair-screen{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.pair-card{background:var(--bg-elevated);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:720px;padding:3rem 3.5rem}.pair-card h1{margin:0 0 .5rem;font-size:2rem;font-weight:600}.pair-hint{color:var(--fg-muted);margin:0 0 2rem;font-size:1.05rem}.pair-error{color:var(--error);margin-top:1rem;font-weight:500}.pair-status{color:var(--fg-muted);margin-top:1rem}.pair-footer{font-family:var(--mono);color:var(--fg-muted);letter-spacing:.1em;margin-top:2rem;font-size:.875rem}.code-input{justify-content:center;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.code-box{width:56px;height:72px;font-family:var(--mono);text-align:center;background:var(--bg);color:var(--fg);border:2px solid var(--border);caret-color:var(--accent);border-radius:10px;outline:none;font-size:2rem;transition:border-color .15s,box-shadow .15s}.code-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b8def33}.code-box:disabled{opacity:.5}.code-sep{color:var(--fg-muted);-webkit-user-select:none;user-select:none;padding:0 .25rem;font-size:1.5rem}.dashboard-screen{flex-direction:column;height:100%;padding:2.5rem 3rem;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.dashboard-header h1{margin:0;font-size:3rem;font-weight:600;line-height:1.1}.dashboard-subline{color:var(--fg-muted);margin-top:.5rem;font-size:1.25rem}.dashboard-body{flex:1;justify-content:center;align-items:stretch;margin-top:2rem;display:flex;overflow:hidden}.dashboard-stack{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex;overflow-y:auto}.dashboard-empty{color:var(--fg-muted);letter-spacing:.05em;text-transform:uppercase;margin:auto;font-size:1.25rem}.leaderboard{flex-direction:column;gap:1rem;width:100%;display:flex;overflow:hidden}.leaderboard h2{color:var(--fg-muted);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:1.5rem;font-weight:500}.leaderboard-empty{color:var(--fg-muted);font-size:1.1rem}.leaderboard-rows{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.leaderboard-row{background:var(--bg-elevated);border:1px solid var(--border);font-feature-settings:"tnum";border-radius:12px;align-items:center;gap:1.25rem;padding:1rem 1.25rem;display:flex}.leaderboard-rank{width:2rem;color:var(--fg-muted);text-align:center;font-size:1.5rem;font-weight:700}.leaderboard-ring{flex-shrink:0}.leaderboard-name-block{flex:1;min-width:12rem}.leaderboard-name{font-size:1.5rem;font-weight:600}.leaderboard-target{color:var(--fg-muted);text-transform:capitalize;margin-top:.25rem;font-size:.95rem}.leaderboard-pills{flex-wrap:wrap;gap:.5rem;display:flex}.leaderboard-pill{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;min-width:4.5rem;padding:.4rem .7rem;display:flex}.leaderboard-pill-strong{background:#7cffb214;border-color:#7cffb2}.leaderboard-pill-label{color:var(--fg-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.leaderboard-pill-value{font-size:1.25rem;font-weight:600}.caseboard{flex-direction:column;gap:1rem;width:100%;margin-top:2rem;display:flex}.caseboard h2{color:var(--fg-muted);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:1.5rem;font-weight:500}.caseboard-cols{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.caseboard-col{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1rem}.caseboard-col-warn{border-color:#ef5b5b66}.caseboard-col-good{border-color:#7cffb266}.caseboard-col-title{color:var(--fg-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem;font-size:.95rem}.caseboard-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.caseboard-item{background:var(--bg);border-radius:8px;padding:.75rem 1rem}.caseboard-item-head{justify-content:space-between;font-size:1.1rem;display:flex}.caseboard-item-title{font-weight:600}.caseboard-item-metric{color:var(--fg-muted);font-feature-settings:"tnum"}.caseboard-bar{background:#1c232c;border-radius:6px;height:10px;margin:.5rem 0 .25rem;position:relative;overflow:hidden}.caseboard-bar-expected{background:#7f8a964d;position:absolute;inset:0}.caseboard-bar-actual{border-radius:6px;position:absolute;inset:0}.caseboard-bar-actual-warn{background:#ff9d59}.caseboard-bar-actual-good{background:#7cffb2}.caseboard-foot{color:var(--fg-muted);font-size:.85rem}.celebration-overlay{pointer-events:none;z-index:990;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.celebration-headline{color:#fff;text-shadow:0 4px 16px #0009;text-align:center;margin-top:1.5rem;font-size:4rem;font-weight:800}.celebration-meme img{border-radius:24px;width:40vw;max-width:520px;box-shadow:0 24px 60px #00000080}.celebration-flag{top:20%;z-index:998;text-shadow:0 10px 40px #0006;font-size:min(28vw,360px);inset:auto auto auto 50%;transform:translate(-50%)}.celebration-map{background:radial-gradient(#080c1e99 0%,#000000d9 100%)}.celebration-map-pin{width:80px;height:80px;position:absolute;transform:translate(-50%,-50%)}.celebration-map-ring{background:#ff5959;border-radius:50%;position:absolute;inset:0}.celebration-map-dot{background:#ffd86b;border-radius:50%;position:absolute;inset:30%;box-shadow:0 0 40px #ffd86b}.celebration-gong{background:radial-gradient(#ffc86440 0%,#000000b3 60%)}.celebration-gong-emoji{font-size:320px}.celebration-toast{color:#1a1a1a;pointer-events:none;z-index:995;background:linear-gradient(135deg,#ff6b6b,#ffd86b);border-radius:24px;padding:20px 36px;font-size:36px;font-weight:800;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0006}.celebration-streak-row{gap:12px;font-size:96px;display:flex}.celebration-streak-label{color:#ff8a3d;text-shadow:0 6px 24px #ff5a0099;font-size:5rem}.celebration-trophy{background:radial-gradient(#ffd70033,#000000d9)}.celebration-trophy-emoji{font-size:320px}.celebration-milestone{z-index:1000;background:linear-gradient(135deg,#ff5959d9,#a586ffd9)}.celebration-milestone-emoji{color:#fff;text-shadow:0 8px 32px #00000080;font-size:120px;font-weight:900}.celebration-milestone-text{font-size:100px;font-weight:900}.celebration-rain{z-index:992;overflow:hidden}.celebration-rain-drop{font-size:64px;position:absolute}.celebration-slot{z-index:991;background:#000000b3}.celebration-slot-box{background:#1a1428;border-radius:24px;gap:16px;padding:32px 40px;display:flex;box-shadow:0 0 60px #ffd86b}.celebration-slot-digit{color:#ffd86b;text-align:center;text-shadow:0 0 24px #ffd86b;min-width:120px;font-size:160px;font-weight:900}.celebration-pop{color:#0a1424;pointer-events:none;z-index:990;text-align:center;background:linear-gradient(135deg,#7cffb2,#5dd6ff);border-radius:24px;padding:32px 48px;font-size:64px;font-weight:900;position:fixed;top:30%;left:50%;transform:translate(-50%);box-shadow:0 24px 60px #00000080}.celebration-pop-emoji{font-size:96px}.clock{text-align:right;font-feature-settings:"tnum"}.clock-time{font-family:var(--mono);font-size:3rem;font-weight:500;line-height:1}.clock-seconds{color:var(--fg-muted);margin-left:.25rem;font-size:1.5rem}.clock-date{color:var(--fg-muted);text-transform:capitalize;margin-top:.5rem;font-size:1.05rem}