:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e0e0e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f13;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}:root{--bg:#0f0f13;--surface:#1a1a24;--border:#2a2a3a;--text:#e0e0e8;--text-dim:#8888a0;--accent:#6c5ce7;--accent-hover:#7f70f0;--danger:#e74c5c;--danger-hover:#f06070;--success:#27ae60;--warning:#f39c2b;--online:#2ecc71;--offline:#e74c3c}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#root{max-width:480px;margin:0 auto;padding:24px 16px}.header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;display:flex}.header-left{flex-direction:column;gap:4px;display:flex}.header-right{align-items:center;gap:8px;display:flex}.header h1{font-size:1.4rem;font-weight:700}.session-badge{color:var(--accent-hover);background:#6c5ce71a;border-radius:6px;width:fit-content;padding:2px 8px;font-size:.75rem}.connection-indicators{align-items:center;gap:8px;display:flex}.status-dot{font-size:.75rem}.status-dot.connected,.status-dot.online{color:var(--success)}.status-dot.disconnected,.status-dot.offline{color:var(--offline)}.btn-share{border-color:var(--accent);color:var(--accent-hover);background:0 0}.health{border-radius:12px;padding:4px 10px;font-size:.85rem}.health.online{color:var(--online)}.health.offline{color:var(--offline)}.health.unknown{color:var(--text-dim)}.timer-display{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:40px 20px}.timer-value{font-variant-numeric:tabular-nums;letter-spacing:2px;color:#fff;font-size:3.5rem;font-weight:700}.timer-status{justify-content:center;gap:8px;margin-top:12px;display:flex}.badge{text-transform:uppercase;letter-spacing:1px;border-radius:8px;padding:4px 14px;font-size:.8rem;font-weight:600}.badge.running{color:var(--success);background:#27ae6026}.badge.paused{color:var(--warning);background:#f39c2b26}.badge.idle{color:var(--text-dim);background:#8888a026}.controls{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.input-group{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.input-group label{color:var(--text-dim);font-size:.85rem}.input-group input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:10px 14px;font-size:1rem;transition:border-color .2s}.input-group input:focus{border-color:var(--accent)}.btn{border:1px solid var(--border);cursor:pointer;background:var(--surface);color:var(--text);border-radius:10px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .15s}.btn:hover:not(:disabled){border-color:var(--accent);background:#6c5ce714}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-small{padding:6px 14px;font-size:.85rem}.btn-active{background:var(--accent);border-color:var(--accent);color:#fff}.mode-toggle{justify-content:center;margin-bottom:4px;display:flex}.range-inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.random-reveal{text-align:center;border:1px solid var(--accent);color:var(--accent-hover);background:#6c5ce71f;border-radius:8px;padding:10px 16px;font-size:.95rem;font-weight:600}.extend-section{background:#6c5ce70f;border:1px solid #6c5ce733;border-radius:10px;padding:12px}.extend-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.8rem}.extend-buttons{gap:8px;display:flex}.btn-extend{color:var(--accent-hover);background:#6c5ce71a;border-color:#6c5ce74d;flex:1;padding:10px 8px;font-size:.9rem}.btn-extend:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.lock-mode{align-items:center;gap:12px;margin-bottom:16px;display:flex}.hint{color:var(--text-dim);font-size:.8rem}.error{border:1px solid var(--danger);color:#ff8a93;background:#e74c5c1f;border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:.9rem}.loading{text-align:center;color:var(--text-dim);padding:12px;font-size:.9rem}.share-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.share-modal{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;width:90%;max-width:400px;padding:24px}.share-modal h3{margin-bottom:16px;font-size:1.1rem}.share-url{background:var(--bg);border:1px solid var(--border);color:var(--accent-hover);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.85rem}.share-modal .btn{width:100%}