0d1a2102eb
Playground archived at branch archive/playground-solidjs (tag playground-solidjs-final) and deleted from main. Retargets: - run-all-tests.sh stage 5 → manifold (typecheck + bun test + build + playwright via non-snap node runner, BUILD-PLAN gotcha) - ci.yml playground-tests → manifold-tests; osc-bridge.yml → manifold/osc-bridge (was already broken: playground/osc-bridge no longer existed) - codegen: TS emission target removed (returns at P5 → manifold); golden test now C++-only; TS emitters retained dormant - .gitignore: manifold/osc-bridge paths; drop dead playground faust exception - docs: AGENTS.md gates, README quickstart, MAP.md, ALIGNMENT.md (C15 now archive-only — defect #1 updated), AGENT-REFERENCE.md, specs/MAIN.md Part of docs/specs/plans/one-core-engine-refactor.md P1.
1 line
20 KiB
CSS
1 line
20 KiB
CSS
._wrap_1uogo_1{display:flex;flex-direction:column;gap:var(--sp-2);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-3);font-size:var(--fs-sm)}._row_1uogo_12{display:flex;gap:var(--sp-2)}._btn_1uogo_17{flex:1;height:48px;font-size:var(--fs-lg);border-radius:var(--r-1);font-weight:600}._thumbsUp_1uogo_25{background:#6bc26b29;border-color:#6bc26b66;color:var(--good)}._thumbsUp_1uogo_25:hover:not(:disabled){background:#6bc26b47}._thumbsDown_1uogo_34{background:#ef5b5b29;border-color:#ef5b5b66;color:var(--bad)}._thumbsDown_1uogo_34:hover:not(:disabled){background:#ef5b5b47}._undo_1uogo_43{background:var(--bg-2);color:var(--fg-mute)}._btnAlt_1uogo_48{flex:1;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em}._status_1uogo_55{display:flex;gap:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--line);flex-wrap:wrap}._statusItem_1uogo_63{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-xs)}._statusLabel_1uogo_70{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em}._statusValue_1uogo_76{color:var(--fg);font-variant-numeric:tabular-nums}._busy_1uogo_81{color:var(--accent-2);align-self:center;font-style:italic}._axis_1gq0t_1{display:flex;flex-direction:column;gap:var(--sp-1);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-2) var(--sp-3);--axis-accent: var(--accent)}._head_1gq0t_12{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}._label_1gq0t_19{font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg);flex:1}._preset_1gq0t_27{color:var(--axis-accent);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em}._value_1gq0t_34{font-variant-numeric:tabular-nums;color:var(--fg-mute);font-size:var(--fs-xs);min-width:4ch;text-align:right}._input_1gq0t_42{appearance:none;-webkit-appearance:none;width:100%;height:24px;background:transparent;margin:0;cursor:pointer}._input_1gq0t_42::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--bg-3)}._input_1gq0t_42::-moz-range-track{height:6px;border-radius:999px;background:var(--bg-3)}._input_1gq0t_42::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--axis-accent);margin-top:-6px;box-shadow:0 0 10px var(--axis-accent);cursor:pointer}._input_1gq0t_42::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--axis-accent);border:none;box-shadow:0 0 10px var(--axis-accent)}._input_1gq0t_42:focus{outline:none}._endpoints_1gq0t_87{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim)}._disabled_1gq0t_96{opacity:.5;pointer-events:none}._group_1erfx_1{display:inline-flex;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px;gap:2px}._pill_1erfx_10{background:transparent;border:0;border-radius:var(--r-pill);padding:6px 14px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-mute);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}._pill_1erfx_10:hover:not(:disabled):not(._active_1erfx_22){color:var(--fg)}._active_1erfx_22{background:var(--accent);color:var(--bg)}._disabled_1erfx_31{opacity:.5;pointer-events:none}._root_xdkqq_1{position:fixed;inset:0;z-index:var(--z-drawer);pointer-events:none}._scrim_xdkqq_8{position:absolute;inset:0;background:#00000073;pointer-events:auto;animation:_fadeIn_xdkqq_1 var(--dur-fast) var(--ease)}._panel_xdkqq_16{position:absolute;top:0;bottom:0;background:var(--bg-1);border-left:1px solid var(--line);pointer-events:auto;display:flex;flex-direction:column;box-shadow:0 0 24px #00000080;animation:_slideIn_xdkqq_1 var(--dur-med) var(--ease)}._left_xdkqq_29 ._panel_xdkqq_16{left:0;border-right:1px solid var(--line);border-left:0;animation-name:_slideInLeft_xdkqq_1}._right_xdkqq_36 ._panel_xdkqq_16{right:0}._header_xdkqq_40{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);flex:0 0 auto}._title_xdkqq_49{flex:1;font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-mute)}._close_xdkqq_57{background:transparent;border:0;font-size:22px;color:var(--fg-mute);width:32px;height:32px;border-radius:var(--r-1);padding:0}._close_xdkqq_57:hover{background:var(--bg-2);color:var(--fg)}._body_xdkqq_73{flex:1;overflow:auto;padding:var(--sp-3) var(--sp-4)}@keyframes _fadeIn_xdkqq_1{0%{opacity:0}to{opacity:1}}@keyframes _slideIn_xdkqq_1{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _slideInLeft_xdkqq_1{0%{transform:translate(-100%)}to{transform:translate(0)}}._canvas_mlv8d_1{display:block;border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-1);touch-action:none;cursor:pointer}._wrap_lq3ei_1{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--fg);user-select:none}._label_lq3ei_10{color:var(--fg-mute);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em}._row_lq3ei_17{display:flex;gap:var(--sp-3);align-items:center}._input_lq3ei_23{flex:1;appearance:none;-webkit-appearance:none;background:transparent;height:24px;margin:0;cursor:pointer}._input_lq3ei_23::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) calc(var(--sp, 0) * 100%),var(--bg-3) 0%);background-color:var(--bg-3)}._input_lq3ei_23::-moz-range-track{height:4px;border-radius:999px;background:var(--bg-3)}._input_lq3ei_23::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);margin-top:-6px;box-shadow:0 0 8px #ff6a0066;cursor:pointer;transition:transform var(--dur-fast) var(--ease)}._input_lq3ei_23::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:none;box-shadow:0 0 8px #ff6a0066}._input_lq3ei_23:hover::-webkit-slider-thumb{transform:scale(1.15)}._input_lq3ei_23:focus{outline:none}._input_lq3ei_23:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #ff6a004d}._value_lq3ei_80{font-variant-numeric:tabular-nums;font-size:var(--fs-xs);color:var(--fg-mute);min-width:4ch;text-align:right}._unit_lq3ei_88{color:var(--fg-dim);margin-left:2px}._disabled_lq3ei_93{opacity:.5;pointer-events:none}._editor_1yxvy_1{display:flex;flex-direction:column;gap:var(--sp-2);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-3)}._compact_1yxvy_11{padding:var(--sp-2);gap:var(--sp-1)}._header_1yxvy_16{display:flex;align-items:baseline;gap:var(--sp-2)}._name_1yxvy_22{flex:1;font-size:var(--fs-sm);color:var(--fg)}._id_1yxvy_28{color:var(--fg-dim);font-size:var(--fs-xs)}._toggles_1yxvy_33{display:flex;gap:var(--sp-2)}._fields_1yxvy_38{display:flex;flex-direction:column;gap:var(--sp-2)}._curveRow_1yxvy_44{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-xs)}._fieldLabel_1yxvy_51{color:var(--fg-mute);text-transform:uppercase;letter-spacing:.06em;flex:0 0 auto}._select_1yxvy_58{flex:1;background:var(--bg-2);color:var(--fg);border:1px solid var(--line);border-radius:var(--r-1);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-sm)}._wrap_389vj_1{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-2);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-2)}._canvas_389vj_12{display:block;background:var(--bg-2);border-radius:var(--r-1)}._label_389vj_18{align-self:center;padding:4px 12px;font-size:var(--fs-xs);letter-spacing:.1em;border-radius:var(--r-pill);background:var(--bg-2);color:var(--fg);font-weight:600;transition:box-shadow var(--dur-med) var(--ease)}._pulsing_389vj_30{animation:_pulse_389vj_1 1.6s var(--ease) infinite}@keyframes _pulse_389vj_1{0%,to{opacity:1}50%{opacity:.65}}._canvas_rdbrc_1{display:block;border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg-1);image-rendering:pixelated}._canvas_1ra7r_1{display:block;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2)}._wrap_14adf_1{display:flex;flex-direction:column;gap:var(--sp-2)}._section_14adf_7{border-top:1px solid var(--line);padding-top:var(--sp-2)}._section_14adf_7:first-of-type{border-top:none;padding-top:0}._sectionHeader_14adf_17{display:flex;align-items:center;gap:var(--sp-2);width:100%;background:transparent;border:none;padding:var(--sp-2) 0;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-mute);cursor:pointer;text-align:left;font-family:var(--font-mono)}._sectionHeader_14adf_17:hover{color:var(--fg)}._caret_14adf_38{color:var(--fg-dim);font-size:var(--fs-xs);width:12px;display:inline-block}._badge_14adf_45{margin-left:auto;font-size:var(--fs-xs);background:var(--bg-3);color:var(--fg-mute);padding:1px 6px;border-radius:var(--r-1);font-family:var(--font-mono)}._body_14adf_55{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-2) 0 var(--sp-3)}._row_14adf_62{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}._fieldLabel_14adf_69{font-size:var(--fs-xs);color:var(--fg-mute);text-transform:uppercase;letter-spacing:.06em;min-width:90px}._checkbox_14adf_77{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--fg);cursor:pointer}._subhead_14adf_86{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-mute);margin:var(--sp-2) 0 var(--sp-1)}._muted_14adf_94{color:var(--fg-dim);font-size:var(--fs-xs);font-family:var(--font-mono)}._btnAlt_14adf_100{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-1);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);color:var(--fg);cursor:pointer}._btnAlt_14adf_100:hover:not(:disabled){background:var(--bg-3)}._btnAlt_14adf_100:disabled{opacity:.5;cursor:not-allowed}._btnTiny_14adf_119{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-1);padding:2px 8px;font-size:var(--fs-xs);color:var(--fg-mute);cursor:pointer}._btnTiny_14adf_119:hover{color:var(--fg);background:var(--bg-3)}._snapshotList_14adf_134,._presetList_14adf_135{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}._snapshotBtn_14adf_146{display:flex;flex-direction:column;width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-1);padding:var(--sp-1) var(--sp-2);text-align:left;cursor:pointer;color:var(--fg)}._snapshotBtn_14adf_146:hover{background:var(--bg-3)}._snapshotTag_14adf_163{font-size:var(--fs-sm);font-family:var(--font-mono)}._snapshotMeta_14adf_168{font-size:var(--fs-xs);color:var(--fg-mute);font-family:var(--font-mono)}._presetRow_14adf_174{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1);border-bottom:1px dashed var(--line)}._presetRow_14adf_174>span{flex:1;font-size:var(--fs-sm)}._paramList_14adf_187{display:flex;flex-direction:column;gap:var(--sp-2);max-height:360px;overflow-y:auto}._layerStats_14adf_195{display:flex;flex-direction:column;gap:var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-xs)}._layerStatRow_14adf_203{display:flex;align-items:center;gap:var(--sp-2);padding:2px var(--sp-2);background:var(--bg-2);border-radius:var(--r-1)}._layerStatLabel_14adf_212{color:var(--accent);font-weight:600;min-width:24px}._layerStatValue_14adf_218{flex:1;color:var(--fg-mute)}._layerStatStatus_14adf_223{font-size:10px;text-transform:uppercase;padding:1px 6px;border-radius:var(--r-1);background:var(--bg-3)}._layerStatStatus_14adf_223[data-status=dead]{color:#999}._layerStatStatus_14adf_223[data-status=saturating]{color:var(--warn)}._layerStatStatus_14adf_223[data-status=healthy]{color:var(--good)}._textInput_14adf_235{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-1);color:var(--fg);font-family:var(--font-mono);font-size:var(--fs-sm);padding:var(--sp-1) var(--sp-2);flex:1}._hr_14adf_246{border:none;border-top:1px dashed var(--line);margin:var(--sp-2) 0}._shell_jqlsx_1{display:grid;grid-template-rows:auto 1fr auto auto;gap:var(--sp-4);min-height:100%;padding:var(--sp-4);background:var(--bg);color:var(--fg)}._header_jqlsx_11{display:flex;align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line)}._title_jqlsx_19{font-size:var(--fs-lg);font-weight:600;color:var(--accent);margin:0}._subtitle_jqlsx_26{font-size:var(--fs-sm);color:var(--fg-mute);margin:0}._audioToggle_jqlsx_32{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2)}._audioBtn_jqlsx_39{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-1);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--fg);cursor:pointer}._audioBtn_jqlsx_39._on_jqlsx_49{border-color:var(--accent);color:var(--accent)}._audioBtn_jqlsx_39:hover{background:var(--bg-3)}._voiceSpaces_jqlsx_58{display:flex;align-items:center;gap:var(--sp-2)}._voiceSpacesLabel_jqlsx_64{font-size:var(--fs-xs);color:var(--fg-mute);text-transform:uppercase;letter-spacing:.08em}._body_jqlsx_71{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,380px);gap:var(--sp-4);align-items:start}@media (max-width: 900px){._body_jqlsx_71{grid-template-columns:1fr}}._primaryArea_jqlsx_84{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2);min-height:280px}._outputArea_jqlsx_96{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2);min-height:200px}._controls_jqlsx_107{display:flex;gap:var(--sp-4);flex-wrap:wrap;align-items:stretch;padding:var(--sp-3);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2)}._controlAxes_jqlsx_118{flex:1 1 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-3)}._trainingPanel_jqlsx_125{flex:0 0 auto}._drawerToggleBar_jqlsx_129{display:flex;gap:var(--sp-2);justify-content:flex-end}._drawerToggleBtn_jqlsx_135{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-1);padding:var(--sp-2) var(--sp-3);cursor:pointer;font-size:var(--fs-sm);color:var(--fg-mute)}._drawerToggleBtn_jqlsx_135:hover{color:var(--fg);background:var(--bg-3)}._statusLine_jqlsx_150{font-size:var(--fs-xs);color:var(--fg-dim);font-family:var(--font-mono)}._frozen_jqlsx_156{color:var(--accent-2)}._notReady_jqlsx_160{color:var(--warn)}._pad_1w4bb_1{position:relative;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2);touch-action:none;cursor:crosshair;outline:none;user-select:none;overflow:hidden}._pad_1w4bb_1:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #ff6a004d}._dragging_1w4bb_18{cursor:crosshair}._disabled_1w4bb_22{opacity:.4;pointer-events:none}._grid_1w4bb_27{position:absolute;inset:0;pointer-events:none;opacity:.5}._gridH_1w4bb_34,._gridV_1w4bb_34{position:absolute;background:var(--line-strong)}._gridH_1w4bb_34{left:0;right:0;top:50%;height:1px}._gridV_1w4bb_34{top:0;bottom:0;left:50%;width:1px}._dot_1w4bb_53{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 10px #00ccff80;pointer-events:none;top:0;left:0}._canvas_136xq_1{display:block;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-2)}._compact_136xq_8{border-radius:var(--r-1)}._container_wvoct_1{position:relative;background:var(--bg-1);border-radius:50%;border:1px solid var(--line);touch-action:none;cursor:grab;outline:none;user-select:none;overflow:hidden}._container_wvoct_1:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #ff6a004d}._dragging_wvoct_18{cursor:grabbing}._disabled_wvoct_22{opacity:.4;pointer-events:none}._boundary_wvoct_27{position:absolute;inset:6%;border-radius:50%;border:1px dashed var(--line-strong);pointer-events:none}._crosshair_wvoct_35{position:absolute;inset:0;pointer-events:none;opacity:.4}._hLine_wvoct_42,._vLine_wvoct_42{position:absolute;background:var(--line-strong)}._hLine_wvoct_42{left:0;right:0;top:50%;height:1px}._vLine_wvoct_42{top:0;bottom:0;left:50%;width:1px}._knob_wvoct_61{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #ff6a0080;pointer-events:none;top:0;left:0}._bar_m3f4r_1{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--bg-1);border-bottom:1px solid var(--line)}._label_m3f4r_10{font-size:var(--fs-xs);color:var(--fg-mute);text-transform:uppercase;letter-spacing:.08em}._select_m3f4r_17{background:var(--bg-2);color:var(--fg);border:1px solid var(--line);border-radius:var(--r-1);padding:var(--sp-1) var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-sm);cursor:pointer}._select_m3f4r_17:hover{border-color:var(--line-strong)}._select_m3f4r_17:focus{outline:1px solid var(--accent)}._description_m3f4r_36{font-size:var(--fs-xs);color:var(--fg-dim)}._placeholder_m3f4r_41{color:var(--warn)}._app_vixlr_1{display:flex;flex-direction:column;min-height:100%}._header_vixlr_7{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);background:var(--bg-1)}._dim_vixlr_16{color:var(--fg-mute);font-size:var(--fs-sm)}._nav_vixlr_21{margin-left:auto;display:flex;gap:var(--sp-2)}._nav_vixlr_21 button{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm)}._active_vixlr_32{border-color:var(--accent)!important;color:var(--accent)}._main_vixlr_37{flex:1;padding:var(--sp-5);overflow:auto}._home_vixlr_43{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-4)}._title_vixlr_51{font-size:var(--fs-xl);margin:0;color:var(--accent)}._tagline_vixlr_57{color:var(--fg-mute);margin:0}._linkList_vixlr_62{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-2)}._note_vixlr_71{color:var(--fg-dim);font-size:var(--fs-sm);margin-top:var(--sp-4)}._notFound_vixlr_77{max-width:540px;margin:var(--sp-6) auto}._notFound_vixlr_77 h1{color:var(--accent)}:root{--bg: #0d0d0d;--bg-1: #141414;--bg-2: #1c1c1c;--bg-3: #242424;--fg: #e8e8e8;--fg-mute: #9a9a9a;--fg-dim: #5a5a5a;--line: #2a2a2a;--line-strong: #3a3a3a;--accent: #ff6a00;--accent-2: #00ccff;--accent-3: #ffa860;--good: #6bc26b;--warn: #f5c45e;--bad: #ef5b5b;--info: #5b9eef;--pin-1: rgba(255, 106, 0, .25);--pin-2: rgba(0, 204, 255, .25);--pin-3: rgba(180, 100, 255, .25);--pin-4: rgba(80, 200, 120, .25);--pin-5: rgba(255, 200, 80, .25);--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 24px;--sp-0: 2px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-1: 4px;--r-2: 8px;--r-3: 14px;--r-pill: 999px;--ease: cubic-bezier(.25, .8, .35, 1);--dur-fast: .12s;--dur-med: .22s;--dur-slow: .36s;--z-bg: 0;--z-content: 10;--z-overlay: 100;--z-drawer: 200;--z-modal: 1000}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:var(--fs-md);-webkit-tap-highlight-color:transparent}button{font-family:inherit;font-size:inherit;background:var(--bg-2);color:var(--fg);border:1px solid var(--line);border-radius:var(--r-1);padding:var(--sp-2) var(--sp-3);cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}button:hover:not(:disabled){background:var(--bg-3);border-color:var(--line-strong)}button:disabled{color:var(--fg-dim);cursor:not-allowed}input,select{font-family:inherit;font-size:inherit;color:var(--fg)}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent);color:var(--bg)}
|