:root{--bg-base:#121212;--bg-panel:#1e1e1e;--state-idle:#121212;--state-armed:#d32f2f;--state-trigger:#00e676;--state-result:#263238;--text-light:#fff;--text-dark:#000;--text-dim:#b0bec5;--accent:#29b6f6}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-base);color:var(--text-light);overscroll-behavior-y:contain;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{background-color:var(--bg-panel);padding:1rem;display:flex;flex-direction:column;gap:1rem;border-bottom:2px solid #333;z-index:1}.controls{display:flex;justify-content:space-between;align-items:center}.btn-toggle{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.4rem .8rem;border-radius:4px;font-weight:700;cursor:pointer;font-size:.9rem}.btn-toggle[aria-pressed=true]{background:var(--accent);color:var(--text-dark)}.telemetry{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;text-align:center}@media (max-width:500px){.telemetry{grid-template-columns:repeat(3,1fr)}}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.stat-val{font-size:1.2rem;font-weight:700;color:var(--text-light)}#pad{flex-grow:1;flex-direction:column;align-items:center;cursor:pointer;touch-action:none}#pad,.footer{display:flex;justify-content:center;text-align:center}.footer{background-color:var(--bg-panel);padding:1rem;border-top:2px solid #333;z-index:1}.btn-share{background:transparent;border:2px solid var(--accent);color:var(--text-light);padding:.8rem 1.5rem;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s}.btn-share:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(41,182,246,.4)}h1{font-size:clamp(2.5rem,8vw,5rem);margin:0;font-weight:900;text-transform:uppercase}#ui-sub{font-size:clamp(1rem,4vw,1.5rem);margin:.5rem 0 0;font-weight:500}.state-idle{background-color:var(--state-idle);color:var(--text-light)}.state-armed{background-color:var(--state-armed);color:var(--text-light)}.state-trigger{background-color:var(--state-trigger);color:var(--text-dark)}.state-result{background-color:var(--state-result);color:var(--text-light)}.state-error{background-color:#ffab00;color:var(--text-dark)}.info-icon{position:relative;cursor:pointer;font-size:.7rem;opacity:.6;vertical-align:super;outline:none}.info-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);right:-8px;background:rgba(0,0,0,.92);color:#fff;padding:6px 10px;border-radius:6px;font-size:.7rem;width:max-content;max-width:200px;white-space:normal;pointer-events:none;z-index:2;font-weight:400;letter-spacing:normal;text-transform:none}.info-icon:focus .info-tooltip,.info-icon:hover .info-tooltip{display:block}