:root{--amber:#f59e0b;--amber-mid:#b45309;--amber-dark:#78350f;--bg:#0d0d0d;--card-bg:#141414;--surface1:#111;--surface2:#1a1a1a;--text-very-dim:#2a2a2a;--text-muted:#9ca3af;--text-mid:#6b7280;--text-dim:#374151;--success:#4ade80;--font:ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", "Consolas", "Liberation Mono", monospace;--ci-bg-app:#0d0d0d;--ci-bg-card:#141414;--ci-bg-input:#1a1a1a;--ci-amber-500:#f59e0b;--ci-amber-700:#b45309;--ci-amber-900:#78350f;--ci-border:#2a2a2a;--ci-text-label:#9ca3af;--ci-text-muted:#6b7280;--ci-text-dim:#374151;--ci-success:#4ade80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text-muted);font-family:var(--font);letter-spacing:1.5px;font-size:9px}.desktop-shell{cursor:var(--desktop-cursor)}.desktop-shell button{cursor:var(--desktop-action-cursor)!important}.desktop-shell .mode-selector-button,.desktop-shell .keys-button{cursor:var(--desktop-cursor)!important}.desktop-shell .desktop-canvas{cursor:var(--canvas-cursor,var(--desktop-cursor))!important}::-webkit-scrollbar{display:none}button{font-family:var(--font);cursor:pointer;background:0 0;border:none}canvas{border-radius:0}input{font-family:var(--font)}.hud-bar{background:#0d0d0db3;flex-shrink:0;align-items:center;height:24px;padding:0 12px;display:flex}.hud-bar--top{border-bottom:1px solid var(--text-very-dim);justify-content:space-between;gap:16px}.hud-bar--bottom{border-top:1px solid var(--text-very-dim);justify-content:space-between}.hud-text{letter-spacing:1.5px;color:var(--amber);white-space:nowrap;font-size:9px}.hud-hint{letter-spacing:1.7px;color:#f59e0bdb;text-shadow:0 0 8px #f59e0b24;white-space:nowrap;font-size:10px}.keys-button{letter-spacing:2px;color:var(--text-mid);border:1px solid var(--text-very-dim);cursor:pointer;font-size:9px;font-family:var(--font);background:0 0;border-radius:3px;padding:2px 8px;transition:color .1s,border-color .1s}.keys-button:hover,.keys-button.active{color:var(--amber);border-color:var(--text-dim)}.card-shell{background:#141414;border-radius:10px;padding:16px;position:relative;overflow:visible}.card-shell__corner{border-style:solid;border-color:#f59e0b;width:10px;height:10px;position:absolute}.card-shell__corner--tl{border-width:1px 0 0 1px;top:4px;left:4px}.card-shell__corner--tr{border-width:1px 1px 0 0;top:4px;right:4px}.card-shell__corner--bl{border-width:0 0 1px 1px;bottom:4px;left:4px}.card-shell__corner--br{border-width:0 1px 1px 0;bottom:4px;right:4px}.card-shell__title{letter-spacing:2px;color:var(--text-muted);font-size:11px;font-weight:400;font-family:var(--font);text-transform:uppercase;margin-bottom:14px}.chromatic-slider{flex-direction:column;gap:4px;display:flex}.chromatic-slider__label{letter-spacing:2px;color:var(--text-muted);font-size:9px;font-family:var(--font)}.chromatic-slider__track{cursor:pointer;align-items:center;height:28px;display:flex}.chromatic-slider__canvas{width:100%;height:14px;display:block}