:root{--bg: #0e0f12;--fg: #e8eaf0;--card: #191b20;--accent: #6ea8fe;--border: #2a2f39}*{box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background:var(--bg);color:var(--fg);padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}*{-webkit-tap-highlight-color:transparent}header{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap}h1{margin:0;font-size:20px}button{background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:12px;padding:10px 14px;cursor:pointer;font-size:16px;line-height:1.1}button:hover{border-color:var(--accent)}button:active{transform:translateY(1px)}.controls{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px}.row{display:grid;grid-template-columns:1fr;gap:10px;margin:10px 0}label{font-size:14px;opacity:.85;display:block}input[type=range],select{width:100%;min-width:0}.row button{width:100%}.row select,.row input[type=checkbox]{font-size:16px}small{opacity:.75}@media (min-width: 600px){.row{grid-template-columns:repeat(2,minmax(0,1fr))}.row button{width:auto}}@media (min-width: 900px){.row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1200px){.row{grid-template-columns:repeat(6,minmax(120px,1fr))}}body{-webkit-overflow-scrolling:touch}button:focus,select:focus,input[type=range]:focus{outline:2px solid color-mix(in oklab,var(--accent) 60%,white 40%);outline-offset:2px;border-color:var(--accent)}button.state{transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}button.state.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 35%,#000 65%);background:color-mix(in oklab,var(--card) 70%,var(--accent) 30%)}button#bypass.active{border-color:#ffb703;box-shadow:0 0 0 2px color-mix(in oklab,#ffb703 35%,#000 65%);background:color-mix(in oklab,var(--card) 70%,#ffb703 30%)}