:root{--primary: #39FF14;--primary-glow: rgba(57, 255, 20, .3);--bg: #020617;--surface: #0f172a;--surface-hover: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #1e293b;--success: #39FF14;--danger: #ef4444;--warning: #f59e0b;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none}body{margin:0;padding:0;background:var(--bg);color:var(--text-main);font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;min-height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}.remote-container{display:flex;flex-direction:column;height:100%;max-width:500px;margin:0 auto;width:100%;padding:calc(20px + var(--safe-top)) 20px calc(20px + var(--safe-bottom));gap:20px;overflow-y:auto}.remote-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.remote-title{font-size:1.1rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em;opacity:.9}.status-bar-icons{display:flex;gap:8px;color:var(--text-muted)}.main-display{background:var(--surface);border-radius:32px;padding:30px 20px;text-align:center;border:1px solid var(--border);box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;gap:4px;min-height:160px;justify-content:center;position:relative;overflow:hidden}.main-display:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.3}.display-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--primary);letter-spacing:.2em;opacity:.8}.display-number{font-size:4.5rem;font-weight:900;line-height:1;color:var(--text-main);letter-spacing:-.02em}.display-timer{font-size:1.25rem;font-weight:700;color:var(--text-muted);font-family:JetBrains Mono,monospace;margin-top:5px}.button-grid-circular{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:10px 0}.btn-circle-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}.btn-circle{width:100%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#000;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 25px var(--primary-glow)}.btn-circle:active{transform:scale(.92);filter:brightness(.9);box-shadow:0 0 10px var(--primary-glow)}.btn-circle:disabled{background:#1e293b;color:#475569;box-shadow:none;opacity:.5}.btn-circle-label{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.button-grid-square{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#0f172a80;padding:15px;border-radius:24px;border:1px solid var(--border)}.btn-square{aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#1e293b;color:var(--text-main);border:1px solid #334155;transition:all .2s}.btn-square:active{transform:scale(.9);background:#334155}.btn-square.active{background:var(--primary);color:#000;border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.btn-square.danger{color:#ef4444}.info-bar{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border-radius:24px;padding:15px;border:1px solid var(--border)}.info-item{display:flex;flex-direction:column;align-items:center;gap:2px;border-right:1px solid var(--border)}.info-item:last-child{border-right:none}.info-val{font-size:1.1rem;font-weight:800;color:var(--text-main)}.info-lab{font-size:.6rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:var(--surface);border-radius:32px;width:100%;max-width:400px;padding:30px;border:1px solid var(--border);box-shadow:0 20px 50px #00000080}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff08;border-radius:16px;margin-bottom:8px;border:1px solid rgba(255,255,255,.05)}.history-num{font-size:1.2rem;font-weight:800}.history-meta{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}