:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#eef0f6;--text:#0b1320;--text-secondary:#5c6270;--border:#e6e8ef;--primary:#1f6feb;--primary-weak:#1f6feb1f;--on-primary:#fff;--success:#15a05a;--danger:#e0413e;--shadow:0 10px 30px #0f172a14;--radius:18px;--radius-sm:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a0a0c;--surface:#141518;--surface-2:#202227;--text:#fff;--text-secondary:#9aa0aa;--border:#25272d;--primary:#3b9eff;--primary-weak:#3b9eff29;--on-primary:#06223f;--success:#34d399;--danger:#ff6b68;--shadow:0 10px 30px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0a0a0c;--surface:#141518;--surface-2:#202227;--text:#fff;--text-secondary:#9aa0aa;--border:#25272d;--primary:#3b9eff;--primary-weak:#3b9eff29;--on-primary:#06223f;--success:#34d399;--danger:#ff6b68;--shadow:0 10px 30px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}button{cursor:pointer;font-family:inherit}h1,h2,h3,p{margin:0}.muted{color:var(--text-secondary)}.center{text-align:center}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.app{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{align-items:center;gap:16px;max-width:960px;margin:0 auto;padding:12px 20px;display:flex}.brand{align-items:center;gap:9px;font-size:18px;font-weight:800;display:flex}.brand .dot{background:var(--primary);border-radius:50%;width:14px;height:14px}.nav{gap:4px;margin-left:8px;display:flex}.nav a{color:var(--text-secondary);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.nav a:hover:not(.active){color:var(--text);background:color-mix(in srgb, var(--surface-2) 60%, transparent)}.nav a.active{color:var(--text);background:var(--surface-2)}.avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;font-weight:800;display:flex}.container{flex:1;width:100%;max-width:960px;margin:0 auto;padding:28px 20px 64px}.page-title{letter-spacing:-.4px;font-size:30px;font-weight:800}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.card.tight{padding:16px}.btn{color:var(--text);background:var(--surface-2);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:15px;font-weight:700;transition:transform .12s,opacity .15s,background .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #0f172a1a}.btn:active{transform:scale(.98)translateY(0)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--danger{background:var(--danger);color:#fff}.btn--ghost{border-color:var(--border);color:var(--primary);background:0 0}.btn--lg{padding:14px 22px;font-size:16px}.btn--block{width:100%}.input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;padding:11px 14px;font-size:15px}.input:focus{outline:2px solid var(--primary-weak);border-color:var(--primary)}.label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:700}.chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.chip.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.seg{background:var(--surface-2);border-radius:12px;gap:4px;padding:4px;display:flex}.seg button{color:var(--text-secondary);background:0 0;border:none;border-radius:9px;flex:1;padding:9px;font-size:14px;font-weight:700}.seg button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000001a}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.stat .k{letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:700}.stat .v{margin-top:2px;font-size:26px;font-weight:800}.srow{border-bottom:1px solid var(--border);text-align:left;width:100%;color:var(--text);background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:14px;padding:14px 0;transition:background .12s;display:flex}.srow:last-child{border-bottom:none}.srow.clickable{cursor:pointer}.srow.clickable:hover{background:var(--primary-weak);border-radius:8px;margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.srow .time{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.srow .live{background:var(--success);border-radius:50%;width:8px;height:8px}.srow .right{text-align:right;margin-left:auto}.srow .right .h{font-weight:700}.clock-hero{flex-direction:column;align-items:center;gap:16px;padding:18px 0;display:flex}.clock-btn{color:#fff;background:var(--primary);width:230px;height:230px;box-shadow:0 18px 50px var(--primary-weak);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:24px;font-weight:800;transition:transform .12s,box-shadow .15s;display:flex}.clock-btn:hover{box-shadow:0 24px 60px var(--primary-weak);transform:scale(1.03)}.clock-btn .glyph{font-size:44px;line-height:1}.clock-btn.active{background:var(--danger);box-shadow:0 18px 50px #e0413e59}.clock-btn:active{transform:scale(.97)}.timer{font-variant-numeric:tabular-nums;color:var(--success);font-size:40px;font-weight:800}.banner{border:1px solid var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface));border-radius:var(--radius-sm);flex-direction:column;gap:10px;padding:16px;display:flex}.period{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);align-items:center;gap:14px;padding:16px;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex}.period:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 16px #0f172a14}.period:active{transform:scale(.99)translateY(0)}.period .h{text-align:right;margin-left:auto;font-size:18px;font-weight:800}.backdrop{z-index:50;background:#02061780;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;padding:22px;overflow:auto}.modal h2{font-size:22px;font-weight:800}.icon-btn{color:var(--text-secondary);background:0 0;border:none;border-radius:8px;padding:4px;font-size:22px;line-height:1;transition:background .15s,color .15s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.login{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100%;padding:24px;display:flex}.login .logo{background:var(--primary);color:#fff;width:104px;height:104px;box-shadow:var(--shadow);border-radius:28px;justify-content:center;align-items:center;font-size:50px;display:flex}.login h1{font-size:40px;font-weight:800}.google{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:13px 22px;font-size:16px;font-weight:700;display:inline-flex}.dt{flex-direction:column;gap:8px;display:flex}.dt-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toast{z-index:100;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-left-width:4px;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-weight:600;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.toast .dot{border-radius:50%;width:8px;height:8px}.full-center{justify-content:center;align-items:center;min-height:100%;display:flex}