.sc-page{max-width:1180px;margin:0 auto;padding:22px 24px 26px;font-family:var(--font-board-mono);--sc-root-ink: #3a1512;--sc-scale-ink: #3a2a20}.sc-page .gt-label{font-family:var(--font-board-mono);letter-spacing:.2em;color:var(--ink-faint)}.sc-page .gt-select{font-family:var(--font-board-mono);font-weight:500;background-color:var(--panel-2);border-color:var(--edge-2);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23fdf7ec' stroke-opacity='0.55' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.sc-page .gt-select:hover{border-color:var(--accent)}.sc-controls{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:6px 18px 4px}.sc-row{display:flex;align-items:center;flex-wrap:wrap}.sc-row+.sc-row{border-top:1px solid var(--rule)}.sc-row-pills{padding:13px 0;gap:16px}.sc-unit{display:flex;align-items:center;gap:9px}.sc-fixed-label{width:52px;flex-shrink:0}.sc-pill-group{display:flex;flex-wrap:wrap;gap:6px}.sc-pill{padding:8px 11px;border-radius:8px;font-family:var(--font-board-mono);font-weight:600;font-size:12.5px;letter-spacing:.03em;background:var(--panel);border:1px solid var(--edge-2);color:var(--ink);transition:border-color .14s ease,filter .14s ease}.sc-pill:hover{border-color:var(--accent)}.sc-pill:active{transform:translateY(1px)}.sc-pill:focus-visible,.sc-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sc-pill.is-active{background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 24%,transparent)}.sc-song{display:inline-flex;align-items:center;background:var(--panel);border:1px solid var(--edge-2);border-radius:8px;transition:background .14s ease,border-color .14s ease}.sc-song-load{padding:7px 5px 7px 10px;background:transparent;border:none;font-family:var(--font-board-mono);font-weight:600;font-size:12.5px;letter-spacing:.03em;color:var(--ink)}.sc-song-del{padding:7px 9px 7px 5px;background:transparent;border:none;font-family:var(--font-board-mono);font-weight:600;font-size:12.5px;line-height:1;color:var(--ink-dim)}.sc-song-del:hover,.sc-song-del.is-armed{color:#e08b86}.sc-song.is-active{background:var(--finish);border-color:color-mix(in srgb,var(--finish) 70%,white 30%);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 24%,transparent)}.sc-song.is-active .sc-song-load,.sc-song.is-active .sc-song-del{color:var(--ink-hi)}.sc-song-add{padding:8px 12px;border-radius:8px;background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);font-family:var(--font-board-mono);font-weight:600;font-size:12.5px;transition:filter .14s ease}.sc-song-add:hover{filter:brightness(1.08)}.sc-song-add:active{transform:translateY(1px)}.sc-song-form{display:flex;align-items:center;gap:6px}.sc-song-input{width:160px;padding:7px 10px;border-radius:8px;background:var(--panel-2);border:1px solid var(--edge-2);color:var(--ink-hi);font-family:var(--font-board-mono);font-size:12.5px}.sc-song-input:focus{outline:none;border-color:var(--accent)}.sc-song-confirm{padding:7px 12px;border-radius:8px;background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);font-family:var(--font-board-mono);font-weight:600;font-size:12px}.sc-song-cancel{padding:7px 10px;border-radius:8px;background:transparent;border:1px solid var(--edge-2);color:var(--ink-dim);font-family:var(--font-board-mono);font-weight:600;font-size:12px}.sc-seg{display:flex;background:var(--panel-2);border:1px solid var(--edge-2);border-radius:10px;padding:3px;overflow:hidden}.sc-seg button{padding:8px 15px;border-radius:8px;border:none;background:transparent;color:var(--ink-dim);font-family:var(--font-board-mono);font-weight:600;font-size:12px;transition:background .14s ease,color .14s ease}.sc-seg button.is-active{background:var(--finish);color:var(--ink-hi)}.sc-sound{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;font-family:var(--font-board-mono);font-weight:600;font-size:12px;transition:filter .14s ease,border-color .14s ease}.sc-sound .dot{width:8px;height:8px;border-radius:50%}.sc-sound.is-on{background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi)}.sc-sound.is-on .dot{background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 80%,transparent)}.sc-sound.is-off{background:var(--panel);border:1px solid var(--edge-2);color:var(--ink-dim)}.sc-sound.is-off:hover{border-color:var(--accent)}.sc-sound.is-off .dot{background:var(--ink-dim)}.sc-steppers{display:flex;align-items:center;gap:10px}.sc-stepper{display:flex;flex-direction:column;align-items:center;gap:4px}.sc-stepper button{width:26px;height:20px;background:var(--panel-2);border:1px solid var(--edge-2);color:var(--ink-dim);border-radius:6px;font-size:9px;display:grid;place-items:center;padding:0;line-height:1}.sc-stepper button:hover{color:var(--ink);border-color:var(--accent)}.sc-note-box{min-width:34px;text-align:center;padding:5px 6px;border-radius:7px;background:var(--panel-2);border:1px solid var(--edge-2);font-family:var(--font-board-mono);font-weight:700;font-size:13px;color:var(--ink)}.sc-note-box.is-root{color:var(--accent)}.sc-strip{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.sc-strip-label{align-self:center;font-family:var(--font-board-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}.sc-strip-cluster{display:flex;flex-direction:column;align-items:center}.sc-strip-deg{font-family:var(--font-board-mono);font-weight:600;font-size:9.5px;margin-bottom:5px;color:var(--ink-dim)}.sc-strip-deg.is-root{color:var(--accent)}.sc-strip-pill{min-width:34px;padding:5px 9px;border-radius:7px;font-family:var(--font-board-mono);font-weight:600;font-size:13px;text-align:center;background:var(--panel-2);border:1px solid var(--edge-2);color:var(--ink-hi)}.sc-strip-pill.is-root{background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 25%,transparent)}.sc-strip-step{font-family:var(--font-board-mono);font-weight:600;font-size:9.5px;color:#fdf7ec66;align-self:flex-end;margin-bottom:10px}.sc-board{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:18px}.sc-board-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 22px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--rule)}.sc-board-header-group{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px}.sc-fret-numbers{display:flex}.sc-fret-numbers .spacer{width:26px;flex-shrink:0}.sc-fret-num{flex:1;text-align:center;font-family:var(--font-board-mono);font-weight:700;font-size:11px;color:var(--ink-faint);padding-bottom:6px}.sc-fret-num.is-marker{color:var(--ink-dim)}.sc-fret-num.is-capo{color:var(--accent)}.sc-fret-num.is-behind-capo{color:#fdf7ec38}.sc-board-body{display:flex}.sc-string-labels{width:26px;flex-shrink:0}.sc-string-label{height:54px;display:flex;align-items:center;justify-content:flex-end;padding-right:9px;font-family:var(--font-board-mono);font-weight:600;font-size:12px;color:var(--ink-dim)}.sc-surface{flex:1;position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.55);box-shadow:inset 0 2px 12px #0000008c,0 10px 30px #00000059}.sc-surface-bg{position:absolute;top:0;right:0;bottom:0;left:0}.sc-surface-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55}.sc-inlays{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex}.sc-inlay-cell{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:108px}.sc-inlay-dot{width:11px;height:11px;border-radius:50%}.sc-capo-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;pointer-events:none}.sc-capo-cell{flex:1;position:relative}.sc-capo-cell.is-shaded{background:#06090e9e}.sc-capo-bar{position:absolute;top:-3px;bottom:-3px;right:5px;width:12px;border-radius:7px;background:linear-gradient(180deg,#4a5568,#2b3444 45%,#1c2330);border:1px solid rgba(0,0,0,.65);box-shadow:0 0 0 1px #ffffff0f inset,0 4px 12px #0000008c}.sc-strings{position:relative;z-index:2}.sc-string-row{position:relative;display:flex;height:54px}.sc-string-line{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);border-radius:2px;box-shadow:0 1px 1px #0000008c;z-index:1}.sc-cell{flex:1;height:54px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.sc-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-board-mono);font-weight:600;font-size:11.5px;cursor:pointer;transition:transform .1s ease;border:1px solid rgba(253,247,236,.22);-webkit-user-select:none;user-select:none}.sc-dot:hover{transform:translateY(-1px) scale(1.1)}.sc-dot.is-scale{background:#f3ebdc;color:var(--sc-scale-ink);box-shadow:0 2px 5px #00000080;border:none}.sc-dot.is-root{background:var(--accent);color:var(--sc-root-ink);border:none;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 60%,transparent)}.sc-board-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid var(--rule);flex-wrap:wrap;gap:14px 22px}.sc-board-footer-group{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px}.sc-tuning-wrap{position:relative}.sc-tuning-edit{padding:8px 13px;border-radius:9px;background:var(--panel);border:1px solid var(--edge-2);color:var(--ink-dim);font-family:var(--font-board-mono);font-weight:600;font-size:12px}.sc-tuning-edit:hover{color:var(--ink);border-color:var(--accent)}.sc-pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.sc-tuning-pop{position:absolute;bottom:calc(100% + 12px);left:0;z-index:50;display:flex;flex-direction:column;gap:12px;padding:14px 18px 16px;background:var(--page-bot);border:1px solid var(--edge);border-radius:14px;box-shadow:0 22px 55px #0009}.sc-tuning-pop-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.sc-tuning-pop-row{display:flex;align-items:center;gap:12px}.sc-tuning-done{padding:6px 13px;border-radius:8px;background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);font-family:var(--font-board-mono);font-weight:600;font-size:12px}.sc-surface-scroll{overflow-x:auto}@media (max-width: 600px){.sc-page{padding:18px 16px 24px}.sc-controls{padding:4px 14px 2px}.sc-board{padding:14px}.sc-row-pills{flex-direction:column;align-items:flex-start;gap:9px}.sc-fixed-label{width:auto}.sc-pill-group{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:2px}.sc-pill,.sc-song,.sc-song-add{flex-shrink:0}.sc-string-labels{position:sticky;left:0;z-index:4;background:var(--page-bot)}.sc-board-footer,.sc-board-header{gap:12px 16px}}@media (prefers-reduced-motion: reduce){.sc-dot,.sc-pill,.sc-sound,.sc-song-add{transition:none;transform:none}}.ch-page{max-width:1180px;margin:0 auto;padding:22px 24px 26px;font-family:var(--font-board-mono);--ch-line: rgba(253, 247, 236, .35);--ch-line-inner: rgba(253, 247, 236, .18);--ch-dot: #f3ebdc;--ch-mark: var(--ink-dim)}.ch-page .gt-label{font-family:var(--font-board-mono);letter-spacing:.2em;color:var(--ink-faint)}.ch-page .gt-select{font-family:var(--font-board-mono);font-weight:500;background-color:var(--panel-2);border-color:var(--edge-2);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23fdf7ec' stroke-opacity='0.55' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.ch-page .gt-select:hover{border-color:var(--accent)}.ch-mode-row{display:flex;justify-content:flex-start;margin-bottom:14px}.ch-modeseg{display:flex;background:var(--panel-2);border:1px solid var(--edge-2);border-radius:11px;padding:3px;overflow:hidden}.ch-modeseg button{padding:9px 18px;border-radius:9px;border:none;background:transparent;color:var(--ink-dim);font-family:var(--font-board-mono);font-weight:600;font-size:12.5px;transition:background .14s ease,color .14s ease}.ch-modeseg button.is-active{background:var(--finish);color:var(--ink-hi)}.ch-controls{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:13px 18px}.ch-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.ch-panel-head-right{display:flex;align-items:center;gap:16px}.ch-current{font-family:var(--font-board);font-weight:800;font-size:16px;color:var(--accent)}.ch-collapse{display:inline-flex;align-items:center;gap:9px;background:transparent;border:none;padding:4px 0;font-family:var(--font-board);font-weight:800;font-size:15px;color:var(--ink-hi)}.ch-chev{display:inline-block;font-size:11px;color:var(--ink-dim);transform:rotate(-90deg);transition:transform .15s ease}.ch-chev.is-open{transform:rotate(0)}.ch-unit{display:flex;align-items:center;gap:9px}.ch-panel-body{margin-top:16px}.ch-root-row{margin-bottom:14px}.ch-quality-rows{display:flex;flex-direction:column;gap:9px}.ch-qrow{display:flex;align-items:flex-start;gap:12px}.ch-qrow-label{flex:0 0 auto;width:78px;padding-top:8px;font-family:var(--font-board-mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);line-height:1.35}.ch-qrow-btns{display:flex;flex-wrap:wrap;gap:6px}.ch-qchip{position:relative;min-width:40px;padding:7px 10px;border-radius:8px;background:var(--panel);border:1px solid var(--edge-2);color:var(--ink);font-family:var(--font-board-mono);font-weight:600;font-size:12px;transition:border-color .14s ease,filter .14s ease}.ch-qchip:hover{border-color:var(--accent)}.ch-qchip:active{transform:translateY(1px)}.ch-qchip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ch-qchip.is-active{background:var(--finish);border-color:color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 24%,transparent)}.ch-tip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:var(--page-bot);border:1px solid var(--edge-2);color:var(--ink);font-family:var(--font-board-mono);font-weight:500;font-size:10.5px;letter-spacing:.02em;padding:4px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:6}.ch-qchip:hover .ch-tip{opacity:1}.ch-sound{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;font-family:var(--font-board-mono);font-weight:600;font-size:12px;transition:filter .14s ease,border-color .14s ease}.ch-sound .dot{width:8px;height:8px;border-radius:50%}.ch-sound.is-on{background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi)}.ch-sound.is-on .dot{background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 80%,transparent)}.ch-sound.is-off{background:var(--panel);border:1px solid var(--edge-2);color:var(--ink-dim)}.ch-sound.is-off:hover{border-color:var(--accent)}.ch-sound.is-off .dot{background:var(--ink-dim)}.ch-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:22px 2px 18px;padding-top:18px;border-top:1px solid var(--rule)}.ch-summary-left{display:flex;align-items:baseline;gap:14px}.ch-symbol{font-family:var(--font-board);font-weight:900;font-size:34px;letter-spacing:-.01em;color:var(--ink-hi)}.ch-name{font-family:var(--font-board-mono);font-size:12.5px;color:var(--ink-body)}.ch-notes{display:flex;gap:6px;flex-wrap:wrap}.ch-note{min-width:34px;text-align:center;padding:7px 8px;border-radius:8px;font-family:var(--font-board-mono);font-weight:700;font-size:13px;background:var(--panel-2);border:1px solid var(--edge-2);color:var(--ink)}.ch-note.is-root{background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 25%,transparent)}.ch-board{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:18px}.ch-board-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ch-board-title{display:flex;align-items:center;gap:10px;font-family:var(--font-board);font-weight:800;font-size:17px;color:var(--ink-hi)}.ch-board-title .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 85%,transparent)}.ch-count{font-family:var(--font-board-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim)}.ch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ch-cell{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;background:var(--panel-2);border:1px solid var(--edge);border-radius:12px}.ch-diagram{width:100%;max-width:128px;background:transparent;border:none;padding:0;cursor:pointer;transition:transform .1s ease}.ch-diagram:hover{transform:translateY(-2px)}.ch-diagram:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.ch-cell-label{font-family:var(--font-board-mono);font-size:11.5px;color:var(--ink-dim)}.ch-fretlabel{font-family:var(--font-board-mono);font-size:10px;fill:var(--ink-dim)}.ch-mark{font-family:var(--font-board-mono);font-size:13px;fill:var(--ch-mark)}.ch-empty{text-align:center;color:var(--ink-dim);font-family:var(--font-board-mono);font-size:12.5px;padding:30px 0}.ch-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--rule)}.ch-legend-item{display:flex;align-items:center;gap:8px;font-family:var(--font-board-mono);font-size:11px;color:var(--ink-dim)}.ch-legend-dot{width:13px;height:13px;border-radius:50%;background:var(--ch-dot)}.ch-legend-dot.is-root{background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 70%,transparent)}.ch-legend-hint{margin-left:auto;font-family:var(--font-board-mono);font-size:11px;color:var(--accent)}.chf-controls{margin-bottom:22px}.chf-bar{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px}.chf-bar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.chf-ghost{padding:8px 14px;border-radius:9px;background:var(--panel);border:1px solid var(--edge-2);color:#e08b86;font-family:var(--font-board-mono);font-weight:600;font-size:12px}.chf-ghost:disabled{opacity:.4;cursor:default}.chf-strum{padding:8px 16px;border-radius:9px;background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);font-family:var(--font-board-mono);font-weight:700;font-size:12px}.chf-strum:disabled{opacity:.4;cursor:default}.chf-hint{margin:12px 0 2px;font-family:var(--font-board-mono);font-size:11.5px;color:var(--ink-dim)}.chf-boardwrap{margin-bottom:22px}.chf-scroll{overflow-x:auto}.chf-grid{position:relative;display:grid;grid-template-columns:34px repeat(13,minmax(44px,1fr));min-width:640px}.chf-fnum{text-align:center;font-family:var(--font-board-mono);font-weight:700;font-size:11px;color:var(--ink-faint);padding-bottom:7px}.chf-fnum.is-marker{color:var(--ink-dim)}.chf-fnum.is-capo{color:var(--accent)}.chf-fnum.is-behind{color:#fdf7ec38}.chf-slabel{display:flex;align-items:center;justify-content:flex-end;padding-right:10px;font-family:var(--font-board-mono);font-weight:600;font-size:12px;color:var(--ink-dim)}.chf-cell{position:relative;height:46px;background:transparent;border:none;border-right:1px solid var(--edge);padding:0}.chf-cell.is-nut{border-right:3px solid var(--edge-2)}.chf-cell.is-last{border-right:none}.chf-cell:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--ch-line)}.chf-cell:after{content:"";position:absolute;top:50%;left:50%;width:26px;height:26px;border-radius:50%;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--accent) 0%,transparent);transition:background .1s ease}.chf-cell:hover:not(:disabled):after{background:color-mix(in srgb,var(--accent) 18%,transparent)}.chf-cell.is-behind{cursor:default;background:#06090e66}.chf-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-board-mono);font-weight:700;font-size:12.5px;background:var(--accent);color:#291a10;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent),0 5px 12px #00000080;z-index:2}.chf-capo-bar{position:absolute;top:-3px;bottom:-3px;right:2px;width:11px;border-radius:7px;background:linear-gradient(180deg,#4a5568,#2b3444 45%,#1c2330);border:1px solid rgba(0,0,0,.65);box-shadow:0 0 0 1px #ffffff0f inset,0 4px 12px #0000008c;pointer-events:none;z-index:1}.chf-selrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chf-selnote{font-family:var(--font-board-mono);font-size:10.5px;color:var(--ink-dim);margin-left:4px}.chf-matchgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.chf-match{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:13px 15px;border-radius:12px;background:var(--panel-2);border:1px solid var(--edge-2);text-align:left;transition:border-color .1s ease,transform .1s ease}.chf-match:hover{border-color:var(--accent);transform:translateY(-1px)}.chf-match.is-exact{background:color-mix(in srgb,var(--finish) 35%,var(--panel-2));border-color:color-mix(in srgb,var(--finish) 70%,white 30%)}.chf-match-symbol{font-family:var(--font-board);font-weight:800;font-size:20px;color:var(--ink-hi)}.chf-match.is-exact .chf-match-symbol{color:var(--ink-hi)}.chf-match-name{font-family:var(--font-board-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.chf-badge{margin-top:3px;padding:3px 8px;border-radius:6px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);font-family:var(--font-board-mono);font-weight:700;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}.chf-missing{margin-top:3px;font-family:var(--font-board-mono);font-size:10.5px;color:var(--ink-dim)}@media (max-width: 600px){.ch-page{padding:18px 16px 24px}.ch-controls,.ch-board{padding:14px}.ch-qrow{flex-direction:column;gap:6px}.ch-qrow-label{width:auto;padding-top:0}.ch-grid,.chf-matchgrid{grid-template-columns:repeat(2,1fr)}.chf-bar-right{margin-left:0;width:100%}}@media (prefers-reduced-motion: reduce){.ch-qchip,.ch-sound,.ch-diagram,.chf-match{transition:none;transform:none}}.tn-page{max-width:680px;margin:0 auto;padding:22px 24px 26px;font-family:var(--font-board-mono)}.tn-page .gt-label{font-family:var(--font-board-mono);letter-spacing:.2em;color:var(--ink-faint)}.tn-page .gt-select{font-family:var(--font-board-mono);font-weight:500;background-color:var(--panel-2);border-color:var(--edge-2);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23fdf7ec' stroke-opacity='0.55' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.tn-page .gt-select:hover{border-color:var(--accent)}.tn-card{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:22px 24px 26px}.tn-modes{display:flex;justify-content:center;margin-bottom:20px}.tn-seg{display:flex;background:var(--panel-2);border:1px solid var(--edge-2);border-radius:10px;padding:3px;overflow:hidden}.tn-seg button{padding:8px 18px;border-radius:8px;border:none;background:transparent;color:var(--ink-dim);font-family:var(--font-board-mono);font-weight:600;font-size:12px;transition:background .14s ease,color .14s ease}.tn-seg button.is-active{background:var(--finish);color:var(--ink-hi)}.tn-hint{text-align:center;color:var(--ink-body);font-family:var(--font-board-mono);font-size:12px;line-height:1.6;margin:0 0 18px}.tn-tuning-select{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:20px}.tn-strings{display:flex;flex-direction:column;gap:8px}.tn-string{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:13px 16px;border-radius:10px;background:var(--panel-2);border:1px solid var(--edge);transition:border-color .1s ease,background .1s ease}.tn-string:hover{border-color:var(--accent)}.tn-string.is-active{background:color-mix(in srgb,var(--finish) 40%,var(--panel-2));border-color:var(--accent)}.tn-string .name{font-family:var(--font-board);font-weight:800;font-size:19px;color:var(--ink-hi)}.tn-string.is-active .name{color:var(--ink-hi)}.tn-string .freq{font-family:var(--font-board-mono);font-size:12px;color:var(--ink-dim)}.tn-listen{text-align:center}.tn-readout{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:8px 0 4px}.tn-note{font-family:var(--font-board);font-weight:900;font-size:88px;line-height:1;letter-spacing:-.02em;color:var(--accent);text-shadow:0 0 26px color-mix(in srgb,var(--accent) 45%,transparent)}.tn-note.is-empty{color:var(--ink-faint);text-shadow:none;opacity:.6}.tn-octave{font-family:var(--font-board-mono);font-weight:600;font-size:16px;color:var(--ink-dim)}.tn-cents-label{font-family:var(--font-board-mono);font-size:13px;color:var(--ink-dim);min-height:15px;margin-bottom:18px}.tn-cents-label.is-set{color:var(--accent)}.tn-meter-wrap{position:relative;margin:0 auto 22px;max-width:460px;border-radius:14px}.tn-meter-wrap.is-intune:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:18px;background:color-mix(in srgb,var(--accent) 22%,transparent);filter:blur(11px);z-index:0}.tn-meter{position:relative;z-index:1;height:56px;background:#0a0e0f8c;border:1px solid var(--edge);border-radius:10px;overflow:hidden}.tn-meter-center{position:absolute;top:8px;bottom:8px;left:50%;width:2px;transform:translate(-50%);background:#fdf7ec80}.tn-meter-ticks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;padding:0 8px 6px;align-items:flex-end}.tn-meter-tick{width:1px;height:12px;background:#fdf7ec47}.tn-needle{position:absolute;top:6px;bottom:6px;width:4px;border-radius:2px;background:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 90%,transparent);transition:left .08s linear}.tn-scale-labels{display:flex;justify-content:space-between;max-width:460px;margin:-14px auto 20px;font-family:var(--font-board-mono);font-size:10px;letter-spacing:.08em;color:var(--ink-dim)}.tn-freq{font-family:var(--font-board-mono);font-size:12px;letter-spacing:.08em;color:var(--ink-dim);min-height:15px;margin-bottom:20px}.tn-mic{padding:13px 24px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 70%,white 30%);font-family:var(--font-board);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.02em;color:#0f1315;background:var(--accent);transition:filter .14s ease}.tn-mic:hover{filter:brightness(1.08)}.tn-mic:active{transform:translateY(1px)}.tn-mic.is-listening{color:var(--ink-hi);background:var(--panel-2);border-color:var(--edge-2)}.tn-error{margin-top:14px;font-family:var(--font-board-mono);font-size:11.5px;color:#e08b86}@media (max-width: 600px){.tn-page{padding:18px 16px 24px}.tn-card{padding:16px}.tn-note{font-size:72px}}@media (prefers-reduced-motion: reduce){.tn-mic{transition:none;transform:none}}.mt-page{max-width:680px;margin:0 auto;padding:22px 24px 26px;font-family:var(--font-board-mono)}.mt-page .gt-label{font-family:var(--font-board-mono);letter-spacing:.2em;color:var(--ink-faint)}.mt-card{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:28px 24px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.mt-term{font-family:var(--font-board-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint);min-height:14px}.mt-bpm{display:flex;align-items:baseline;justify-content:center;gap:10px}.mt-bpm-num{font-family:var(--font-board);font-weight:900;font-size:104px;line-height:1;color:var(--ink-hi);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.mt-bpm-unit{font-family:var(--font-board-mono);font-size:15px;letter-spacing:.2em;color:var(--ink-faint)}.mt-beatdots{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;min-height:18px}.mt-beatdot{width:16px;height:16px;border-radius:50%;background:#fdf7ec29;border:none;transition:background .05s ease,box-shadow .05s ease,transform .05s ease}.mt-beatdot.is-on{background:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 80%,transparent);transform:scale(1.15)}.mt-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:620px;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--fill, 50%),rgba(253,247,236,.14) var(--fill, 50%),rgba(253,247,236,.14) 100%);outline:none;cursor:pointer;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 50%,transparent)}.mt-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,var(--knob-top),var(--knob-bot));border:1px solid var(--knob-edge);box-shadow:inset 0 1px 1px #ffffffb3,0 2px 4px #0006;cursor:pointer}.mt-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,var(--knob-top),var(--knob-bot));border:1px solid var(--knob-edge);box-shadow:inset 0 1px 1px #ffffffb3,0 2px 4px #0006;cursor:pointer}.mt-adjust{display:flex;justify-content:center;gap:8px}.mt-adjust button{min-width:46px;padding:9px 12px;border-radius:9px;background:var(--panel-2);border:1px solid var(--edge-2);color:var(--ink);font-family:var(--font-board-mono);font-weight:600;font-size:13px;transition:border-color .14s ease,color .14s ease}.mt-adjust button:hover{border-color:var(--accent);color:var(--ink-hi)}.mt-row{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--rule);width:100%;max-width:620px}.mt-unit{display:flex;align-items:center;gap:9px}.mt-stepper{display:flex;align-items:center;gap:6px}.mt-stepper button{width:28px;height:28px;border-radius:8px;background:var(--panel-2);border:1px solid var(--edge-2);color:var(--ink);font-size:15px;display:grid;place-items:center;line-height:1;transition:border-color .14s ease}.mt-stepper button:hover{border-color:var(--accent)}.mt-stepper .val{min-width:26px;text-align:center;font-family:var(--font-board-mono);font-weight:700;font-size:15px;color:var(--ink-hi)}.mt-toggle{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;font-family:var(--font-board-mono);font-weight:600;font-size:12px;transition:filter .14s ease,border-color .14s ease}.mt-toggle .dot{width:8px;height:8px;border-radius:50%}.mt-toggle.is-on{background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi)}.mt-toggle.is-on .dot{background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 80%,transparent)}.mt-toggle.is-off{background:var(--panel);border:1px solid var(--edge-2);color:var(--ink-dim)}.mt-toggle.is-off:hover{border-color:var(--accent)}.mt-toggle.is-off .dot{background:var(--ink-dim)}.mt-tap{padding:9px 18px;border-radius:9px;background:var(--panel-2);border:1px solid var(--edge-2);color:var(--ink);font-family:var(--font-board-mono);font-weight:600;font-size:12.5px;letter-spacing:.16em;transition:border-color .14s ease,color .14s ease}.mt-tap:hover,.mt-tap:active{border-color:var(--accent);color:var(--ink-hi)}.mt-play{width:132px;height:132px;border-radius:50%;border:none;font-family:var(--font-board-mono);font-weight:700;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:#221826;background:var(--accent);box-shadow:0 0 34px color-mix(in srgb,var(--accent) 45%,transparent),inset 0 2px 2px #ffffff80;transition:box-shadow .14s ease,transform 60ms ease}.mt-play:active{transform:translateY(2px);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent),inset 0 2px 2px #ffffff80}.mt-play.is-playing{color:var(--ink-hi);background:var(--panel-2);border:1px solid var(--edge-2);box-shadow:none}@media (max-width: 600px){.mt-page{padding:18px 16px 24px}.mt-card{padding:20px 16px 22px}.mt-bpm-num{font-size:84px}.mt-play{width:112px;height:112px}}@media (prefers-reduced-motion: reduce){.mt-beatdot,.mt-play{transition:none;transform:none}}.tp-page{max-width:1180px;margin:0 auto;padding:22px 24px 26px;font-family:var(--font-board-mono);--ch-line: rgba(253, 247, 236, .35);--ch-line-inner: rgba(253, 247, 236, .18);--ch-dot: #f3ebdc;--ch-mark: var(--ink-dim)}.tp-page .gt-label{font-family:var(--font-board-mono);letter-spacing:.2em;color:var(--ink-faint)}.tp-page .gt-select{font-family:var(--font-board-mono);font-weight:500;background-color:var(--panel-2);border-color:var(--edge-2);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23fdf7ec' stroke-opacity='0.55' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.tp-page .gt-select:hover{border-color:var(--accent)}.tp-panel{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:18px;margin-bottom:14px}.tp-panel-title{font-family:var(--font-board);font-weight:800;font-size:17px;color:var(--ink-hi);margin-bottom:14px}.tp-build-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}.tp-unit{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tp-unit-right{margin-left:auto}.tp-add{padding:8px 14px;border-radius:9px;background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);font-family:var(--font-board-mono);font-weight:700;font-size:12px;transition:filter .14s ease}.tp-add:hover{filter:brightness(1.08)}.tp-add:active{transform:translateY(1px)}.tp-sound{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;font-family:var(--font-board-mono);font-weight:600;font-size:12px;transition:filter .14s ease,border-color .14s ease}.tp-sound .dot{width:8px;height:8px;border-radius:50%}.tp-sound.is-on{background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi)}.tp-sound.is-on .dot{background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 80%,transparent)}.tp-sound.is-off{background:var(--panel);border:1px solid var(--edge-2);color:var(--ink-dim)}.tp-sound.is-off:hover{border-color:var(--accent)}.tp-sound.is-off .dot{background:var(--ink-dim)}.tp-built{margin-top:14px;padding-top:14px;border-top:1px solid var(--rule)}.tp-hint{margin:0;font-family:var(--font-board-mono);font-size:11.5px;color:var(--ink-dim)}.tp-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tp-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 6px 8px 13px;border-radius:9px;background:var(--panel-2);border:1px solid var(--edge-2);color:var(--ink-hi);font-family:var(--font-board-mono);font-weight:700;font-size:14px}.tp-chip-x{background:transparent;border:none;color:var(--ink-dim);font-size:14px;padding:0 6px;line-height:1}.tp-chip-x:hover{color:var(--ink)}.tp-clear{margin-left:6px;padding:7px 12px;border-radius:8px;background:transparent;border:none;color:#e08b86;font-family:var(--font-board-mono);font-weight:600;font-size:11.5px}.tp-sounds-like{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid var(--rule)}.tp-mini{min-width:38px;text-align:center;padding:7px 9px;border-radius:8px;font-family:var(--font-board-mono);font-weight:700;font-size:13px;background:var(--panel-2);border:1px solid var(--edge-2);color:var(--ink)}.tp-mini.is-sound{color:var(--ink)}.tp-mini.is-shape{background:var(--accent);border-color:color-mix(in srgb,var(--accent) 70%,white 30%);color:#16201a}.tp-board{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:18px}.tp-board-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tp-board-title{display:flex;align-items:center;gap:10px;font-family:var(--font-board);font-weight:800;font-size:17px;color:var(--ink-hi)}.tp-board-title .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 85%,transparent)}.tp-count{font-family:var(--font-board-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.tp-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px;padding-bottom:16px;border-bottom:1px solid var(--rule);margin-bottom:16px}.tp-stepper{display:flex;align-items:center;gap:2px;background:var(--panel-2);border:1px solid var(--edge-2);border-radius:10px;padding:3px}.tp-stepper button{width:30px;height:30px;border-radius:8px;background:transparent;border:none;color:var(--ink);font-size:16px;line-height:1;display:grid;place-items:center;padding:0}.tp-stepper button:hover{color:var(--accent)}.tp-step-val{min-width:130px;text-align:center;font-family:var(--font-board-mono);font-weight:700;font-size:12.5px;color:var(--ink-hi)}.tp-empty{text-align:center;color:var(--ink-dim);font-family:var(--font-board-mono);font-size:12.5px;padding:26px 0}.tp-result-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tp-result-row .gt-label{width:130px;flex-shrink:0}.tp-diagrams{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.tp-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 12px;background:var(--panel-2);border:1px solid var(--edge);border-radius:12px}.tp-cell-label{font-family:var(--font-board-mono);font-weight:600;font-size:11.5px;color:var(--ink-dim);text-align:center}.tp-legend{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--rule);font-family:var(--font-board-mono);font-size:11px;color:var(--ink-dim)}.tp-legend-hint{color:var(--accent)}@media (max-width: 600px){.tp-page{padding:18px 16px 24px}.tp-panel,.tp-board{padding:14px}.tp-result-row .gt-label{width:100%}.tp-diagrams{grid-template-columns:repeat(2,1fr)}.tp-unit-right{margin-left:0}}@media (prefers-reduced-motion: reduce){.tp-add,.tp-sound{transition:none;transform:none}}.th-page{max-width:1180px;margin:0 auto;padding:22px 24px 26px;font-family:var(--font-board-mono)}.th-page .gt-label{font-family:var(--font-board-mono);letter-spacing:.2em;color:var(--ink-faint)}.th-tabrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.th-tabs{display:flex;flex-wrap:wrap;gap:6px}.th-tabs button{padding:9px 16px;border-radius:9px;border:1px solid var(--edge-2);background:var(--panel);color:var(--ink);font-family:var(--font-board-mono);font-weight:600;font-size:12px;transition:border-color .14s ease,filter .14s ease}.th-tabs button:hover{border-color:var(--accent)}.th-tabs button.is-active{background:var(--finish);border-color:color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 24%,transparent)}.th-soundunit{display:flex;align-items:center;gap:9px}.th-sound{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;font-family:var(--font-board-mono);font-weight:600;font-size:12px;transition:filter .14s ease,border-color .14s ease}.th-sound .dot{width:8px;height:8px;border-radius:50%}.th-sound.is-on{background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi)}.th-sound.is-on .dot{background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 80%,transparent)}.th-sound.is-off{background:var(--panel);border:1px solid var(--edge-2);color:var(--ink-dim)}.th-sound.is-off:hover{border-color:var(--accent)}.th-sound.is-off .dot{background:var(--ink-dim)}.th-panel,.th-board{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:18px;margin-bottom:14px}.th-board-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px}.th-board-title{display:flex;align-items:center;gap:10px;font-family:var(--font-board);font-weight:800;font-size:17px;color:var(--ink-hi)}.th-board-title .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 85%,transparent);flex-shrink:0}.th-count{font-family:var(--font-board-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim)}.th-footnote{margin:16px 0 2px;font-family:var(--font-board-mono);font-size:11.5px;line-height:1.55;color:var(--ink-body)}.th-keypick{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.th-pills{display:flex;flex-wrap:wrap;gap:6px}.th-pill{padding:8px 11px;border-radius:8px;font-family:var(--font-board-mono);font-weight:600;font-size:12.5px;background:var(--panel);border:1px solid var(--edge-2);color:var(--ink);transition:border-color .14s ease}.th-pill:hover{border-color:var(--accent)}.th-pill.is-active{background:var(--finish);border-color:color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 24%,transparent)}.th-modeseg{display:flex;margin-left:auto;background:var(--panel-2);border:1px solid var(--edge-2);border-radius:10px;padding:3px;overflow:hidden}.th-modeseg button{padding:8px 15px;border-radius:8px;border:none;background:transparent;color:var(--ink-dim);font-family:var(--font-board-mono);font-weight:600;font-size:12px;transition:background .14s ease,color .14s ease}.th-modeseg button.is-active{background:var(--finish);color:var(--ink-hi)}.th-keymeta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid var(--rule)}.th-note{min-width:34px;text-align:center;padding:6px 8px;border-radius:8px;font-family:var(--font-board-mono);font-weight:700;font-size:13px;background:var(--panel-2);border:1px solid var(--edge-2);color:var(--ink)}.th-note.is-root{background:var(--finish);border-color:color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi)}.th-relative{font-family:var(--font-board-mono);font-size:11.5px;color:var(--ink-dim);margin-left:6px}.th-diatonic{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.th-dchord{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:12px;background:var(--panel-2);border:1px solid var(--edge);transition:border-color .1s ease,transform .1s ease}.th-dchord:hover{border-color:var(--accent);transform:translateY(-1px)}.th-dchord.is-home{background:color-mix(in srgb,var(--finish) 40%,var(--panel-2));border-color:color-mix(in srgb,var(--finish) 70%,white 30%)}.th-dchord-numeral{font-family:var(--font-board-mono);font-weight:700;font-size:11px;letter-spacing:.14em;color:var(--ink-dim)}.th-dchord.is-home .th-dchord-numeral{color:var(--accent)}.th-dchord-symbol{font-family:var(--font-board);font-weight:800;font-size:23px;color:var(--ink-hi)}.th-dchord-quality{font-family:var(--font-board-mono);font-size:10.5px;color:var(--ink-body)}.th-progs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.th-prog{padding:15px 16px;border-radius:12px;background:var(--panel-2);border:1px solid var(--edge)}.th-prog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.th-prog-name{font-family:var(--font-board);font-weight:800;font-size:14px;color:var(--ink-hi)}.th-prog-play{padding:6px 12px;border-radius:8px;background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);font-family:var(--font-board-mono);font-weight:700;font-size:11px;transition:filter .14s ease}.th-prog-play:hover{filter:brightness(1.08)}.th-prog-chips{display:flex;flex-wrap:wrap;gap:7px}.th-prog-chip{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:46px;padding:7px 10px;border-radius:9px;background:var(--panel);border:1px solid var(--edge-2);color:var(--ink);font-family:var(--font-board-mono);font-weight:700;font-size:13px;transition:border-color .14s ease}.th-prog-chip:hover{border-color:var(--accent)}.th-prog-chip-num{font-size:9.5px;font-weight:600;color:var(--ink-dim)}.th-prog-vibe{margin:11px 0 0;font-family:var(--font-board-mono);font-size:11px;line-height:1.5;color:var(--ink-body)}.th-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.th-rules-title{margin-bottom:14px}.th-rules ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px}.th-rules li{font-family:var(--font-board-mono);font-size:12px;line-height:1.55;color:var(--ink-body)}.th-rules li::marker{color:var(--accent)}.th-circle-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,420px);gap:14px;align-items:start}@media (max-width: 860px){.th-circle-layout{grid-template-columns:1fr}}.th-circle-board{display:flex;justify-content:center;margin-bottom:0}.th-circle-svg{width:100%;max-width:470px}.th-ring{fill:none;stroke:var(--edge);stroke-width:1}.th-ckey{cursor:pointer}.th-ckey-outer{fill:var(--panel-2);stroke:var(--edge-2);stroke-width:1;transition:fill .12s ease,stroke .12s ease}.th-ckey-inner{fill:var(--panel);stroke:var(--edge);stroke-width:1;transition:fill .12s ease,stroke .12s ease}.th-ckey-label{font-family:var(--font-board);font-weight:700;font-size:16px;fill:var(--ink);pointer-events:none}.th-ckey-sublabel{font-family:var(--font-board-mono);font-weight:600;font-size:10.5px;fill:var(--ink-dim);pointer-events:none}.th-ckey:hover .th-ckey-outer{stroke:var(--accent)}.th-ckey.is-near .th-ckey-outer{stroke:color-mix(in srgb,var(--accent) 45%,transparent)}.th-ckey.is-selected .th-ckey-outer{fill:color-mix(in srgb,var(--finish) 55%,var(--panel-2));stroke:var(--accent)}.th-ckey.is-selected .th-ckey-label{fill:var(--ink-hi)}.th-ckey.is-selected .th-ckey-inner{fill:color-mix(in srgb,var(--finish) 35%,var(--panel));stroke:color-mix(in srgb,var(--accent) 60%,transparent)}.th-ckey.is-selected .th-ckey-sublabel{fill:var(--ink-hi)}.th-circle-info .th-board-title{margin-bottom:16px}.th-facts{margin:0;display:flex;flex-direction:column;gap:4px}.th-facts dt{font-family:var(--font-board-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-top:10px}.th-facts dd{margin:3px 0 0;font-family:var(--font-board-mono);font-size:12px;line-height:1.55;color:var(--ink-body)}.th-accidentals{color:var(--accent)}.th-playscale{margin-top:18px;padding:9px 16px;border-radius:9px;background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);font-family:var(--font-board-mono);font-weight:700;font-size:12px;transition:filter .14s ease}.th-playscale:hover{filter:brightness(1.08)}.th-intervals{display:flex;flex-direction:column}.th-interval{display:grid;grid-template-columns:40px 170px 110px 76px 1fr;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px solid var(--rule)}.th-interval:last-child{border-bottom:none}.th-int-play{width:30px;height:30px;border-radius:8px;background:var(--finish);border:1px solid color-mix(in srgb,var(--finish) 70%,white 30%);color:var(--ink-hi);font-size:12px;display:grid;place-items:center;padding:0;transition:filter .14s ease}.th-int-play:hover{filter:brightness(1.08)}.th-int-name{font-family:var(--font-board-mono);font-weight:700;font-size:12.5px;color:var(--ink)}.th-int-name em{font-style:normal;font-weight:600;font-size:10px;color:var(--ink-dim);margin-left:4px}.th-int-notes{font-family:var(--font-board-mono);font-weight:600;font-size:12px;color:var(--accent)}.th-int-frets{font-family:var(--font-board-mono);font-size:11px;color:var(--ink-dim)}.th-int-feel{font-family:var(--font-board-mono);font-size:11.5px;line-height:1.45;color:var(--ink-body)}@media (max-width: 720px){.th-interval{grid-template-columns:40px 1fr;grid-auto-rows:auto;row-gap:3px}.th-int-feel{grid-column:2}}.th-search{padding:8px 13px;border-radius:9px;background:var(--panel-2);border:1px solid var(--edge-2);color:var(--ink);font-family:var(--font-board-mono);font-size:12px;min-width:200px}.th-search:focus{outline:none;border-color:var(--accent)}.th-search::placeholder{color:var(--ink-faint)}.th-glossary{margin:0;columns:2;column-gap:34px}@media (max-width: 820px){.th-glossary{columns:1}}.th-gloss-entry{break-inside:avoid;padding:11px 0;border-bottom:1px solid var(--rule)}.th-gloss-entry dt{font-family:var(--font-board-mono);font-weight:700;font-size:12.5px;color:var(--accent)}.th-gloss-entry dd{margin:4px 0 0;font-family:var(--font-board-mono);font-size:11.5px;line-height:1.55;color:var(--ink-body)}@media (max-width: 600px){.th-page{padding:18px 16px 24px}.th-panel,.th-board{padding:14px}.th-diatonic{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.th-modeseg{margin-left:0}}@media (prefers-reduced-motion: reduce){.th-dchord,.th-prog-play,.th-playscale,.th-int-play{transition:none;transform:none}}:root{--font-display: "Sora", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-board: "Archivo", system-ui, sans-serif;--font-board-mono: "IBM Plex Mono", monospace;--bg-app: radial-gradient(120% 90% at 50% -10%, #161d27 0%, #0d1117 55%, #0a0d12 100%);--bg-panel: linear-gradient(180deg, #161d28, #131923);--bg-board: linear-gradient(180deg, #10151e, #0c1118);--border-panel: #242d3b;--border-board: #222a37;--divider: #1d2531;--divider-legend: #1a212c;--accent: #34d399;--accent-bright: #7ff0c4;--accent-bright-2: #7df0c0;--accent-deep: #2fd396;--accent-deep-2: #11b07f;--accent-deep-3: #10b07f;--text-primary: #f3f6fa;--text-primary-2: #e6e9ef;--text-secondary: #dfe4ec;--text-secondary-2: #cfd6e2;--text-muted: #8b93a3;--text-muted-2: #7b8492;--text-muted-3: #6b7485;--text-faint: #5a6273;--text-faint-2: #566072;--text-faint-3: #4e5768;--text-faint-4: #465062;--control-bg: #141a24;--control-bg-2: #0f141d;--control-border: #28313f;--control-border-2: #242d3b;--board: #1a1512;--board-edge: #33291f;--board-rule: #3d3126;--brand: #8a4340;--cream: #f3ebdc;--cream-hi: #fdf7ec;--cream-body: rgba(253, 247, 236, .86);--muted-label: #9a8b78;--hover-edge: #e0c9a0;--knob-top: #e7dfd2;--knob-bot: #b0a493;--knob-edge: #7d7466;--ink-hi: #fdf7ec;--ink: rgba(253, 247, 236, .86);--ink-body: rgba(253, 247, 236, .72);--ink-dim: rgba(253, 247, 236, .55);--ink-faint: rgba(253, 247, 236, .5);--panel: rgba(243, 235, 220, .05);--panel-2: rgba(243, 235, 220, .06);--edge: rgba(243, 235, 220, .14);--edge-2: rgba(253, 247, 236, .2);--rule: rgba(243, 235, 220, .12);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-app);background-attachment:fixed;min-height:100vh;color:var(--text-primary);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.gt-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:8px 30px 8px 12px;border-radius:9px;font-family:var(--font-mono);font-weight:600;font-size:12px;color:var(--text-secondary-2);background-color:var(--control-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237b8492' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;border:1px solid var(--control-border);cursor:pointer}.gt-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted-3)}.gt-toolhead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:30px}.gt-toolhead-left{display:flex;align-items:center;gap:14px;justify-self:start}.gt-toolhead-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--control-bg-2);border:1px solid var(--control-border-2);color:var(--accent-bright);flex-shrink:0}.gt-toolhead-title{margin:0;justify-self:center;text-align:center;font-family:var(--font-display);font-weight:800;font-size:25px;letter-spacing:-.02em;color:#f3f6fa}.gt-toolhead-sep{color:var(--text-muted-3);margin:0 2px}.gt-toolhead-name{color:var(--accent-bright)}@media (max-width: 560px){.gt-toolhead-title{font-size:19px}}.gt-back{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;background:var(--control-bg);border:1px solid var(--control-border);color:var(--text-muted);font-family:var(--font-mono);font-weight:600;font-size:12px;letter-spacing:.03em;white-space:nowrap;transition:border-color .12s ease,color .12s ease}.gt-back:hover{border-color:#34d39966;color:var(--accent-bright)}.gt-toolhead.is-tuned{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px dashed color-mix(in srgb,var(--accent) 28%,transparent)}.gt-toolhead.is-tuned .gt-back{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 33%,transparent);min-height:40px;text-transform:uppercase;letter-spacing:.12em;transition:border-color .14s ease,filter .14s ease}.gt-toolhead.is-tuned .gt-back:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent);filter:brightness(1.1)}.gt-toolhead.is-tuned .gt-back:active{transform:translateY(1px)}.gt-toolhead.is-tuned .gt-toolhead-mark{width:40px;height:40px;background:var(--finish);border:none;color:var(--ink-hi);box-shadow:0 3px 8px #00000073}.gt-toolhead.is-tuned .gt-toolhead-mark svg{width:22px;height:22px}.gt-toolhead.is-tuned .gt-toolhead-title{margin:0;justify-self:start;text-align:left;font-family:var(--font-board);font-weight:800;font-size:22px;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink-hi)}.gt-toolhead-right{display:flex;align-items:center;gap:10px}.gt-toolhead-serial{font-family:var(--font-board-mono);font-size:10px;letter-spacing:.22em;color:var(--ink-dim)}.gt-toolhead-led{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 88%,transparent),inset 0 1px 1px #fff9}@media (max-width: 600px){.gt-toolhead.is-tuned .gt-toolhead-mark{width:36px;height:36px}.gt-toolhead.is-tuned .gt-toolhead-title{font-size:19px}.gt-toolhead-serial{display:none}}@media (prefers-reduced-motion: reduce){.gt-toolhead.is-tuned .gt-back{transform:none}}body.gt-tool-bg{background:linear-gradient(180deg,var(--page-top),var(--page-bot));background-attachment:fixed;box-shadow:inset 0 0 0 1px var(--page-edge)}body.gt-board-bg{background:var(--board)}.gt-hub{max-width:1180px;margin:0 auto;padding:40px 44px 52px;font-family:var(--font-board)}.gt-hub-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px dashed var(--board-rule);margin-bottom:30px}.gt-hub-hint{font-family:var(--font-board-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-label)}.gt-brand{display:flex;align-items:center;gap:15px}.gt-brand-plate{width:46px;height:46px;border-radius:8px;display:grid;place-items:center;background:var(--brand);box-shadow:inset 0 1px #ffffff38,0 4px 10px #00000080;flex-shrink:0}.gt-brand-plate svg{width:25px;height:25px}.gt-brand-word{font-family:var(--font-board);font-weight:800;font-size:31px;letter-spacing:-.02em;color:var(--cream)}.gt-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gt-pedal{display:flex;flex-direction:column;gap:14px;padding:18px 18px 20px;border-radius:14px;text-decoration:none;background:linear-gradient(180deg,var(--pedal-top),var(--pedal-bot));border:1px solid var(--pedal-edge);box-shadow:0 14px 26px #00000073,inset 0 1px rgba(255,255,255,var(--pedal-hi));transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}@media (hover: hover){.gt-pedal:hover{border-color:var(--hover-edge);transform:translateY(-2px);box-shadow:0 18px 32px #00000080,inset 0 1px rgba(255,255,255,var(--pedal-hi))}}.gt-pedal:active{transform:translateY(1px) scale(.995);box-shadow:0 6px 14px #00000080;transition-duration:60ms}.gt-pedal:active .gt-pedal-knob{box-shadow:inset 0 1px 1px #ffffffb3}.gt-pedal:focus-visible{outline:2px solid var(--hover-edge);outline-offset:3px}.gt-pedal-off{opacity:.6;cursor:default}.gt-pedal-off .gt-pedal-led{box-shadow:none;filter:grayscale(1)}.gt-pedal-row{display:flex;align-items:center;justify-content:space-between}.gt-pedal-serial{font-family:var(--font-board-mono);font-size:10px;letter-spacing:.22em;color:#f3ebdc9e}.gt-pedal-led{width:11px;height:11px;border-radius:50%;background:var(--pedal-led);box-shadow:0 0 10px var(--pedal-led-glow),inset 0 1px 1px #fff9}.gt-pedal-name-row{display:flex;align-items:center;gap:12px}.gt-pedal-disc{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--pedal-disc);color:var(--cream);box-shadow:inset 0 0 0 1px #f3ebdc47;flex-shrink:0}.gt-pedal-disc svg{width:23px;height:23px}.gt-pedal-name{font-weight:800;font-size:26px;letter-spacing:-.02em;text-transform:uppercase;color:var(--cream-hi)}.gt-pedal-blurb{font-family:var(--font-board-mono);font-size:12.5px;line-height:1.6;color:var(--cream-body);text-wrap:pretty}.gt-pedal-foot{margin-top:4px;padding-top:14px;border-top:1px solid rgba(253,247,236,.2);display:flex;justify-content:flex-end}.gt-pedal-knob{width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,var(--knob-top),var(--knob-bot));border:1px solid var(--knob-edge);box-shadow:inset 0 1px 1px #ffffffb3,0 2px 4px #00000059}.gt-pedal-short{display:none}@media (max-width: 900px){.gt-hub-grid{grid-template-columns:repeat(2,1fr);gap:13px}}@media (max-width: 600px){.gt-hub{padding:26px 18px 30px}.gt-hub-head{padding-bottom:0;border-bottom:none;margin-bottom:20px}.gt-hub-hint{display:none}.gt-brand{gap:13px}.gt-brand-plate{width:40px;height:40px;box-shadow:inset 0 1px #ffffff38}.gt-brand-plate svg{width:22px;height:22px}.gt-brand-word{font-size:25px}.gt-pedal{gap:11px;padding:15px 14px 16px;box-shadow:0 10px 20px #00000073,inset 0 1px rgba(255,255,255,var(--pedal-hi))}@media (hover: hover){.gt-pedal:hover{box-shadow:0 10px 20px #00000073,inset 0 1px rgba(255,255,255,var(--pedal-hi))}}.gt-pedal-name-row{display:contents}.gt-pedal-serial{font-size:9.5px;letter-spacing:.2em}.gt-pedal-led{width:10px;height:10px;box-shadow:0 0 9px var(--pedal-led-glow)}.gt-pedal-name{font-size:19px;letter-spacing:normal}.gt-pedal-blurb{font-size:11.5px;line-height:1.5}.gt-pedal-foot,.gt-pedal-full{display:none}.gt-pedal-short{display:inline}}@media (prefers-reduced-motion: reduce){.gt-pedal,.gt-pedal:hover,.gt-pedal:active{transform:none}}