#settings .settings-header .kicker{font:10px IBM Plex Mono,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}#settings{position:fixed;inset:0;box-sizing:border-box;margin:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;border:0;overflow:hidden;color:var(--ink);background:#f7f8f7;font-family:system-ui,sans-serif;text-align:left}#settings.open{display:grid;grid-template-rows:auto minmax(0,1fr) auto}#settings::backdrop{background:#fff}#settings .settings-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 40px;background:#fff;border-bottom:1px solid var(--line)}#settings h2{font:italic 42px/1.1 "Instrument Serif",serif;margin:6px 0}#settings .hint{font:13px/1.6 system-ui,sans-serif;letter-spacing:normal;text-transform:none;margin:8px 0 20px}#settings .settings-header .hint{margin:0}#settings button{cursor:pointer;font:14px system-ui,sans-serif}#settings-close{border:0;border-radius:8px;background:var(--accent);color:var(--ink);padding:14px 20px;white-space:nowrap}#settings-close span{margin-left:14px;font-size:11px;opacity:.65}#settings .settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:0}#settings .settings-sidebar{min-height:0;overflow:auto;padding:24px 20px;border-right:1px solid var(--line);background:#fff}#settings .settings-sidebar>label{display:block;margin-bottom:8px;color:var(--muted);font:600 12px system-ui,sans-serif;text-transform:none;letter-spacing:normal}#settings .settings-search{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font:14px system-ui,sans-serif}#settings .settings-nav{display:flex;flex-direction:column;gap:6px;margin-top:16px}#settings .settings-nav button{text-align:left;border:1px solid transparent;border-radius:8px;padding:13px 16px;color:var(--muted);background:transparent}#settings .settings-nav button:hover{background:#f7f8f7}#settings .settings-nav button:focus-visible{background:#fff0dd;border-color:#ffd19a;color:#713900}#settings .settings-content{min-width:0;overflow:auto;padding:36px clamp(24px,5vw,80px);overscroll-behavior:contain}#settings .group{box-sizing:border-box;max-width:900px;margin:0 auto 24px;padding:28px 32px;border:1px solid var(--line);background:#fff;border-radius:14px;scroll-margin-top:20px}#settings .group[hidden],#settings .setting-item[hidden],#settings .settings-nav button[hidden],#settings .settings-empty[hidden]{display:none}#settings .settings-empty{max-width:900px;margin:24px auto;font:15px system-ui,sans-serif}#settings .controls-panel{padding:16px 18px;margin:0 0 20px;border:1px solid var(--line);border-radius:9px}#settings .controls-panel>h4{margin:0 0 4px;font:600 18px/1.3 system-ui,sans-serif}#settings .controls-panel>.hint{margin:0 0 8px}#settings .controls-panel>.controls-status{padding:8px 12px;border-radius:7px;background:#f6f8f6}#settings .controls-panel>button.reset{margin:4px 0 12px}#settings .controller-editor-host{min-width:0}#settings #controls-editor{position:static;inset:auto;box-sizing:border-box;width:100%;max-height:none;margin:0 0 24px}#settings #controls-editor[open]{display:block;overflow:visible}#settings #controls-editor .control-content{overflow:visible}#settings .controller-vibration-title{margin:20px 0 6px;font:600 18px/1.3 system-ui,sans-serif}#settings h3,#settings .group>.kicker{font:600 23px/1.3 system-ui,sans-serif;text-transform:none;letter-spacing:-.4px;margin:0 0 24px;color:var(--ink)}#settings .row{font:14px/1.5 system-ui,sans-serif;text-transform:none;letter-spacing:normal;margin:18px 0 10px;color:var(--ink)}#settings .row b{font-size:13px}#settings select{max-width:100%;padding:8px;border:1px solid var(--line);border-radius:6px}#settings input[type=range]{margin-bottom:16px;cursor:pointer}#settings label.check{justify-content:space-between;min-height:54px;margin:0;padding:10px 0;border-bottom:1px solid #edf0ed;color:var(--ink);font:15px/1.5 system-ui,sans-serif;letter-spacing:normal;text-transform:none}#settings input[role=switch]{appearance:none;flex-shrink:0;width:44px;height:26px;border:1px solid #9da69f;border-radius:20px;background:#dce1dd;position:relative;cursor:pointer}#settings input[role=switch]:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}#settings input[role=switch]:checked{background:var(--accent);border-color:var(--accent)}#settings input[role=switch]:checked:after{transform:translate(18px)}#settings input:disabled{opacity:.4;cursor:default}#settings .settings-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 40px;background:#fff;border-top:1px solid var(--line)}#settings .settings-footer span{font-size:12px;color:var(--muted)}#settings button.reset{border:1px solid var(--line);color:var(--ink);background:#fff;font:14px system-ui,sans-serif;min-height:44px;width:auto;margin:0;padding:10px 16px;border-radius:6px;letter-spacing:normal;text-transform:none}#settings .haptic-intro{margin-top:-10px;max-width:520px;color:var(--muted)}#settings .haptic-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 20px}#settings .haptic-actions .hint{margin:0;flex:1;min-width:180px;color:var(--muted)}#settings .haptic-actions button.reset{border:1px solid var(--line);background:#fff;color:var(--ink)}#settings .haptic-guide{padding:16px 18px;background:#f6f8f6;border-radius:9px;margin:0 0 20px;color:var(--muted)}#settings .haptic-tuning{border-top:1px solid var(--line);margin-top:24px}#settings .haptic-tuning>summary{padding:20px 0 0;cursor:pointer;font:600 14px system-ui,sans-serif}#settings .haptic-tuning>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#settings .haptic-field{padding-top:10px}#settings .haptic-field+.haptic-field{border-top:1px solid #edf0ed}@media (max-width: 700px){#settings .settings-header{padding:18px 16px;gap:12px}#settings h2{font-size:32px}#settings .settings-header .hint,#settings-close span{display:none}#settings-close{padding:12px;font-size:12px}#settings .settings-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}#settings .settings-sidebar{padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}#settings .settings-sidebar>label{display:none}#settings .settings-nav{flex-direction:row;overflow-x:auto;margin-top:8px}#settings .settings-nav button{flex-shrink:0;padding:10px 12px}#settings .settings-content{padding:16px}#settings .group{padding:20px}#settings .row{grid-template-columns:minmax(0,1fr) auto;gap:8px}#settings .settings-footer{padding:12px 16px}#settings .settings-footer span{max-width:150px}}