:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f2f7;--cell:#fff;--cell-pressed:#d1d1d6;--elevated:#fff;--label:#000;--secondary:#3c3c4399;--tertiary:#3c3c434d;--separator:#3c3c434a;--fill:#78788033;--fill-2:#78788029;--fill-3:#7676801f;--blue:#007aff;--green:#34c759;--orange:#ff9500;--red:#ff3b30;--material:#f9f9f9cc;--segment:#fff;--shadow:0 3px 8px #0000001f, 0 3px 1px #0000000a}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--cell:#1c1c1e;--cell-pressed:#3a3a3c;--elevated:#2c2c2e;--label:#fff;--secondary:#ebebf599;--tertiary:#ebebf54d;--separator:#545458a6;--fill:#7878805c;--fill-2:#78788052;--fill-3:#7676803d;--blue:#0a84ff;--green:#30d158;--orange:#ff9f0a;--red:#ff453a;--material:#1d1d1fc7;--segment:#636366;--shadow:0 3px 8px #00000080}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--label);letter-spacing:-.02em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,Helvetica Neue,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.29;transition:background-color .25s}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 60%, transparent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.section{margin:0 0 32px}.section-header{text-transform:uppercase;letter-spacing:0;color:var(--secondary);margin:0 16px 7px;font-size:13px;font-weight:400}.section-footer{letter-spacing:0;color:var(--secondary);margin:7px 16px 0;font-size:13px;line-height:18px}.group{background:var(--cell);border-radius:10px;overflow:hidden}.group>*+*{position:relative}.group>*+:before{content:"";background:var(--separator);height:.5px;position:absolute;top:0;left:16px;right:0}.cell{text-align:left;align-items:center;gap:12px;width:100%;min-height:44px;padding:11px 16px;display:flex}.cell.stack{flex-direction:column;align-items:stretch;gap:10px}.cell-label{flex:1;justify-content:space-between;gap:8px;display:flex}.cell-label.secondary,.cell-value{color:var(--secondary)}button.cell:active:not(:disabled){background:var(--cell-pressed)}.cell.action{color:var(--blue)}.cell.action.destructive{color:var(--red)}.switch{appearance:none;background:var(--fill);cursor:pointer;border-radius:16px;flex:none;width:51px;height:31px;margin:0;transition:background-color .2s;position:relative}.switch:after{content:"";width:27px;height:27px;box-shadow:var(--shadow);background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.3,.7,.4,1);position:absolute;top:2px;left:2px}.switch:checked{background:var(--green)}.switch:checked:after{transform:translate(20px)}.segmented{background:var(--fill-3);border-radius:9px;flex:none;padding:2px;display:flex}.segmented button{border-radius:7px;min-height:28px;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .2s}.segmented button.selected{background:var(--segment);font-weight:600;box-shadow:0 3px 8px #0000001f,0 0 0 .5px #0000000a}.slider{appearance:none;background:0 0;width:100%;height:28px;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--blue) var(--pct), var(--fill) var(--pct));border-radius:2px;height:4px}.slider::-moz-range-track{background:linear-gradient(to right, var(--blue) var(--pct), var(--fill) var(--pct));border-radius:2px;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;box-shadow:var(--shadow), 0 0 0 .5px #0000000a;background:#fff;border-radius:50%;margin-top:-12px}.slider::-moz-range-thumb{width:28px;height:28px;box-shadow:var(--shadow);background:#fff;border:0;border-radius:50%}.text-button{color:var(--blue);min-height:44px}.text-button:active{opacity:.3}:root,:root[data-theme=light]{--wall-top:#f1edff;--wall-bot:#dcd4ff;--glow-a:#d633ff52;--glow-b:#00e0ff57;--glow-c:#5cffc038;--glass:#ffffffb8;--glass-soft:#ffffff75;--glass-line:#ffffffe6;--on-wall:#1d1a3a;--tint:#6d4aff;--tint-on:#fff;--bar:#faf9ffd6}:root[data-theme=dark]{--wall-top:#0b0b1e;--wall-bot:#05050c;--glow-a:#d633ff4d;--glow-b:#00e0ff33;--glow-c:#5cffc012;--glass:#bfd4ff24;--glass-soft:#bfd4ff14;--glass-line:#bfd4ff42;--on-wall:#ffffffeb;--tint:#5cffc0;--tint-on:#05050c;--bar:#101020db}.app{left:0;right:0;top:var(--app-top,0);height:var(--app-h,100dvh);flex-direction:column;display:flex;position:fixed;overflow:hidden}.wallpaper{z-index:-1;background:radial-gradient(55% 40% at 88% 10%, var(--glow-a) 0%, transparent 72%), radial-gradient(65% 45% at 6% 94%, var(--glow-b) 0%, transparent 72%), radial-gradient(80% 60% at 35% 45%, var(--glow-c) 0%, transparent 75%), linear-gradient(var(--wall-top), var(--wall-bot));position:absolute;inset:0}.top{padding:calc(env(safe-area-inset-top) + 8px) max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left))}.device-pill{background:var(--glass-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;min-height:44px;color:var(--on-wall);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:15px;display:flex}.device-pill svg{opacity:.9;flex:none;font-size:20px}.device-pill:active{background:var(--glass-line)}.device-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.device-note{background:var(--glass-soft);border-radius:6px;padding:2px 7px;font-size:12px;font-weight:600}.device-pill.warn .device-note{color:#fff;background:#ff9500d9}.toast{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;margin:8px 0 0;padding:10px 12px;font-size:15px}.toast.error{color:var(--red)}.surface{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.pad{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1;place-items:center;min-height:0;display:grid}.pad-hint{color:var(--on-wall);opacity:.75;pointer-events:none;font-size:15px}.connect-card{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:260px;display:flex}.connect-button{background:var(--tint);min-height:50px;color:var(--tint-on);box-shadow:var(--shadow);border-radius:25px;padding:0 28px;font-size:17px;font-weight:600}.connect-button:active{filter:brightness(.88)}.connect-help{color:var(--on-wall);opacity:.7;font-size:13px;line-height:1.35}.echo{max-width:80%;color:var(--on-wall);white-space:pre;pointer-events:none;font-size:28px;font-weight:500;overflow:hidden}.scroll-strip{top:16px;right:max(8px, env(safe-area-inset-right));background:var(--glass-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:none;border-radius:12px;flex-direction:column;justify-content:space-between;width:44px;display:flex;position:absolute;bottom:84px}.scroll-strip.full{bottom:16px}.scroll-strip button{height:52px;color:var(--on-wall);font-size:18px}.scroll-strip button:active{opacity:.4}.mouse-buttons{height:64px;margin:0 max(4px, env(safe-area-inset-right)) 4px max(4px, env(safe-area-inset-left));grid-template-columns:1fr .35fr 1fr;gap:2px;display:grid}.mouse-buttons button{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);touch-action:none;transition:background-color .1s}.mouse-buttons button:first-child{border-radius:10px 4px 4px 10px}.mouse-buttons button:nth-child(2){border-radius:4px}.mouse-buttons button:last-child{border-radius:4px 10px 10px 4px}.mouse-buttons button:active{background:var(--glass-line)}.typing{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;justify-content:space-between;align-items:center;margin:0 10px 6px;padding:6px 6px 6px 14px;font-size:15px;display:flex}.typing button{color:var(--red);min-height:32px;padding:0 8px}.toolbar{padding:0 max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));background:var(--bar);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--separator);justify-content:space-around;align-items:center;display:flex;position:relative}.toolbar button{height:48px;color:var(--secondary);flex:1;place-items:center;font-size:24px;display:grid}.toolbar button.on{color:var(--tint)}.toolbar button:active{opacity:.4}.toolbar-divider{background:var(--separator);width:.5px;height:26px}.live-input{opacity:0;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute;bottom:0;left:0}.key-strip{scrollbar-width:none;padding:6px max(8px, env(safe-area-inset-right)) 6px max(8px, env(safe-area-inset-left));background:var(--bar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:.5px solid var(--separator);gap:6px;display:flex;overflow-x:auto}.key-strip::-webkit-scrollbar{display:none}.key-strip button{background:var(--cell);min-width:44px;height:36px;box-shadow:0 1px 0 var(--tertiary);border-radius:7px;flex:none;padding:0 10px;font-size:15px;font-weight:500}.key-strip button:active{background:var(--cell-pressed)}.key-strip button.armed{background:color-mix(in srgb, var(--tint) 22%, var(--cell));color:var(--tint)}.key-strip button.locked{background:var(--tint);color:var(--tint-on)}.key-strip .divider{background:var(--separator);flex:none;width:.5px;margin:4px 2px}.media-panel{padding:16px max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left));background:var(--glass-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:24px;display:flex}.wheel{background:var(--glass);width:220px;height:220px;box-shadow:var(--shadow);border-radius:50%;flex:none;position:relative}.wheel-zone{width:64px;height:64px;color:var(--secondary);border-radius:50%;place-items:center;font-size:22px;display:grid;position:absolute}.wheel-zone:active{background:var(--fill-3)}.wheel-zone.top{top:4px;left:78px}.wheel-zone.bottom{bottom:4px;left:78px}.wheel-zone.left{top:78px;left:4px}.wheel-zone.right{top:78px;right:4px}.wheel-center{background:var(--cell);box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow);border-radius:50%;place-items:center;font-size:28px;display:grid;position:absolute;inset:62px}.wheel-center:active{background:var(--cell-pressed)}.side-buttons{flex-direction:column;gap:14px;display:flex}.round{background:var(--glass);width:52px;height:52px;box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:22px;display:grid}.round:active{background:var(--cell-pressed)}.keys-panel{max-height:46%;padding:12px max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));background:var(--bar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:.5px solid var(--separator);overflow-y:auto}.tiles{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.tiles.keys{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));margin-top:16px}.tiles.spaced{margin-top:16px}.text-tile{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-tile.wide{grid-column:span 2}.panel-note{color:var(--secondary);margin:10px 2px 0;font-size:13px}.tile{background:var(--cell);min-height:44px;box-shadow:0 1px 0 var(--tertiary);border-radius:10px;padding:0 8px;font-size:15px;font-weight:500}.tile:active{background:var(--cell-pressed)}.sheet-backdrop{z-index:10;background:#00000052;align-items:flex-end;animation:.25s ease-out fade;display:flex;position:fixed;inset:0}.sheet{width:100%;max-height:calc(100% - env(safe-area-inset-top) - 12px);background:var(--bg);border-radius:12px 12px 0 0;flex-direction:column;animation:.35s cubic-bezier(.2,.9,.3,1) rise;display:flex}.sheet-grabber{background:var(--tertiary);border-radius:3px;width:36px;height:5px;margin:6px auto 0}.sheet-header{justify-content:space-between;align-items:center;padding:4px 16px 8px;display:flex}.sheet-header h1{margin:0;font-size:28px;font-weight:700}.text-button.bold{font-weight:600}.sheet-body{padding:8px max(16px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overflow-y:auto}@keyframes rise{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}@media (width>=720px){.sheet{border-radius:12px;max-width:560px;margin:0 auto 24px}}@media (orientation:landscape) and (height<=500px){.wheel{width:170px;height:170px}.wheel-zone.top,.wheel-zone.bottom{left:53px}.wheel-zone.left,.wheel-zone.right{top:53px}.wheel-center{inset:50px}.keys-panel{max-height:55%}}.dongle-panel{padding:14px max(16px, env(safe-area-inset-right)) 14px max(16px, env(safe-area-inset-left));background:var(--glass-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:14px;display:flex}.dongle-panel button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.dongle-panel button:disabled{opacity:.4}.dongle-note{text-align:center;color:var(--secondary);margin:0;font-size:13px}.chips{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px;display:grid}.chip{background:var(--glass);min-height:52px;box-shadow:var(--shadow);color:var(--on-wall);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:20px;display:flex}.chip span{color:var(--secondary);font-size:11px;font-weight:600}.chip.held,.round.held,.step.held{background:var(--cell-pressed);transform:scale(.96)}.pad-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.dpad{background:var(--glass);width:196px;height:196px;box-shadow:var(--shadow);border-radius:50%;flex:none;position:relative}.dpad-zone{width:60px;height:60px;color:var(--secondary);border-radius:50%;place-items:center;font-size:24px;transition:background-color .1s;display:grid;position:absolute}.dpad-zone.held{background:var(--fill-3);color:var(--tint)}.dpad-zone.n{top:4px;left:68px}.dpad-zone.s{bottom:4px;left:68px}.dpad-zone.w{top:68px;left:4px}.dpad-zone.e{top:68px;right:4px}.dpad-center{letter-spacing:.04em;background:var(--cell);box-shadow:inset 0 0 0 .5px var(--separator), var(--shadow);border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid;position:absolute;inset:60px}.dpad-center.held{background:var(--cell-pressed)}.face{flex:1;max-width:170px;height:196px;position:relative}.face-button{color:var(--secondary);flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:absolute}.face-button.rotate{top:6px;right:0}.face-button.drop{bottom:6px;left:0}.round.big{width:68px;height:68px;font-size:28px}.round.tinted{background:var(--tint);color:var(--tint-on)}.round.tinted.held{background:var(--tint);filter:brightness(.85)}.round.small{flex:none;width:40px;height:40px;font-size:20px}.dongle-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.output{align-items:center;gap:8px;display:flex}.output.disabled{opacity:.4;pointer-events:none}.mini-label{text-transform:uppercase;letter-spacing:.04em;color:var(--secondary);font-size:11px;font-weight:600}.theme-step{background:var(--glass);box-shadow:var(--shadow);border-radius:20px;align-items:center;display:flex}.step{border-radius:20px;place-items:center;width:36px;height:40px;font-size:18px;display:grid}.theme-label{align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}@media (width<=370px){.dpad{width:168px;height:168px}.dpad-zone{width:52px;height:52px}.dpad-zone.n,.dpad-zone.s{left:58px}.dpad-zone.w,.dpad-zone.e{top:58px}.dpad-center{inset:52px}.face{height:168px}.mini-label{display:none}}:where(button:has(>.tick)){position:relative}.tick{z-index:1;border-radius:inherit;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.tick input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.snippet-text{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.snippet-input{min-width:0;color:var(--label);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:17px}.text-button.destructive{color:var(--red)}.text-button:disabled{opacity:.4}.present-panel{padding:14px max(16px, env(safe-area-inset-right)) 14px max(16px, env(safe-area-inset-left));background:var(--glass-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:12px;display:flex}.present-row{grid-template-columns:1fr 1.6fr;gap:12px;display:grid}.present-big{background:var(--glass);min-height:112px;box-shadow:var(--shadow);color:var(--on-wall);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:34px;display:flex}.present-big span{color:var(--secondary);font-size:13px;font-weight:600}.present-big.next{background:var(--tint);color:var(--tint-on)}.present-big.next span{color:var(--tint-on);opacity:.8}.present-big:active{filter:brightness(.9)}.present-tools{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.present-timer{font-variant-numeric:tabular-nums;color:var(--secondary)}.present-timer.running{color:var(--tint)}.present-air{background:var(--cell);border-radius:12px;min-height:44px;font-size:15px;font-weight:600}.present-air.on{background:var(--tint);color:var(--tint-on)}@media (orientation:landscape) and (height<=500px){.app{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) minmax(0,44%);display:grid}.top{grid-area:1/1/auto/-1}.surface{grid-area:2/1}.app:not(:has(.media-panel,.keys-panel,.present-panel,.dongle-panel)) .surface{grid-column:1/-1}.media-panel,.keys-panel,.present-panel,.dongle-panel{border-top:0;border-left:.5px solid var(--separator);grid-area:2/2;max-height:none;overflow-y:auto}.typing,.key-strip{grid-area:3/1/auto/-1}.toolbar{grid-area:4/1/auto/-1}.present-big{min-height:84px}}