@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--bg: #000000;--panel: #0d0d14;--panel-alt: #1a1a28;--border: #1e1e28;--border-hi: #60608e;--accent: #32ecff;--accent-glow: #78f5ff;--accent-dim: #1a7080;--accent-green:#00ff70;--text: #8c8cba;--text-bright: #fafafa;--text-dim: #60608e;--text-muted: #1e1e28;--nav-bg: #000000;--nav-border: #1e1e28;--hex-bg: #0d0d14;--hex-border: #60608e;--hex-text: #32ecff;--label-font: "Share Tech Mono", monospace;--row-hover: #1a1a28;--key-white: #8c8cba;--key-black: #1e1e28;--key-active: #32ecff;--key-active-glow: rgba(50,236,255,.4)}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:var(--label-font);font-size:.85rem;margin:0;padding:0;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}#tracker-nav{display:flex;align-items:center;gap:0;width:100%;background:var(--nav-bg);border-bottom:2px solid var(--border);padding:0 8px;height:44px;position:sticky;top:0;z-index:20;letter-spacing:.08em;-webkit-user-select:none;user-select:none}.nav-item{display:inline-flex;align-items:center;color:var(--text);font-size:.78rem;padding:0 10px;height:100%;border-right:1px solid var(--border);white-space:nowrap;text-transform:uppercase}.nav-item:first-child{border-left:1px solid var(--border)}.nav-item.nav-bracketed{color:var(--accent)}.nav-item.nav-action{cursor:pointer;transition:background .15s,color .15s}.nav-item.nav-action:hover{background:var(--border);color:var(--accent-glow)}.nav-item.nav-highlight{background:var(--accent);color:#000;font-weight:700;cursor:pointer}.nav-item.nav-highlight:hover{background:var(--accent-glow)}.nav-spacer{flex:1}#app-container{display:flex;width:100%;min-height:calc(100vh - 44px)}#main-content{flex:1;padding:12px 8px 32px;min-width:0}#step-strip{display:flex;flex-direction:column;align-items:center;width:32px;flex-shrink:0;background:var(--nav-bg);border-left:1px solid var(--border);padding-top:8px;gap:0}.step-num{display:flex;align-items:center;justify-content:center;width:100%;height:32px;color:var(--text-muted);font-size:.75rem;border-bottom:1px solid var(--border);cursor:default;transition:color .15s,background .15s}.step-num:hover{color:var(--accent);background:var(--panel)}.step-num.active{color:var(--accent);background:var(--panel-alt)}#input-area{background:var(--panel);border:1px solid var(--border);border-radius:2px;padding:10px 12px;margin-bottom:10px}#input-area textarea{width:100%;min-height:56px;max-height:200px;background:var(--bg);color:var(--accent);border:1px solid var(--border);border-radius:2px;font-family:var(--label-font);font-size:1rem;letter-spacing:.06em;padding:6px 10px;resize:vertical;outline:none;transition:border-color .2s}#input-area textarea:focus{border-color:var(--accent-dim);box-shadow:0 0 0 2px #32ecff1a}#input-area textarea::placeholder{color:var(--text-muted)}.controls-row{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.btn{font-family:var(--label-font);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;padding:5px 14px;border:1px solid var(--border-hi);border-radius:2px;background:var(--panel);color:var(--text);cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.btn:hover{background:var(--border);color:var(--accent-glow);border-color:var(--accent-dim)}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent-glow);font-weight:700}.btn-primary:hover{background:var(--accent-glow);box-shadow:0 0 12px #32ecff66}.btn-muted{color:var(--text-dim);border-color:var(--border)}.btn-muted:hover{color:var(--text)}#chord-list{display:flex;flex-direction:column;gap:1px;margin-top:6px}#output-toggle-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}#output-toggle-row .section-label{color:var(--text-dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.sidebar-title{color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.sidebar-close{background:none;border:none;color:var(--text-dim);font-size:1.2rem;cursor:pointer;padding:0 4px;font-family:var(--label-font);transition:color .15s}.sidebar-close:hover{color:var(--accent)}.sidebar-body{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:16px}.sidebar-section-title{color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;border-bottom:1px solid var(--border);padding-bottom:4px}.sidebar-row{display:flex;gap:6px;flex-wrap:wrap}.sidebar-input{flex:1;min-width:0;padding:4px 8px;background:var(--bg);border:1px solid var(--border);border-radius:2px;color:var(--text);font-family:var(--label-font);font-size:.72rem;outline:none}.sidebar-input:focus{border-color:var(--accent-dim)}.sidebar-select{flex:1;min-width:0;padding:4px 8px;background:var(--bg);border:1px solid var(--border);border-radius:2px;color:var(--accent);font-family:var(--label-font);font-size:.72rem;outline:none}.sidebar-info{font-size:.68rem;color:var(--text-dim);line-height:1.5}.sidebar-info strong{color:var(--text)}.sidebar-info a{color:var(--accent);text-decoration:none}.sidebar-info a:hover{text-decoration:underline}.sidebar-divider{border:none;border-top:1px solid var(--border);margin:0}#toastContainer{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{background:var(--panel-alt);border:1px solid var(--border-hi);color:var(--text);font-family:var(--label-font);font-size:.75rem;letter-spacing:.06em;padding:7px 18px;border-radius:2px;box-shadow:0 4px 20px #0009;animation:toast-in .25s ease}.toast.success{border-color:var(--accent);color:var(--accent)}.toast.error{border-color:#f55;color:#f99}.toast.info{border-color:var(--accent-dim)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--border);accent-color:var(--accent);vertical-align:middle;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 0 6px var(--key-active-glow)}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.dimmed{opacity:.3;pointer-events:none}.disk-modal{padding:0;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:4px;box-shadow:0 10px 30px #000c;width:90%;max-width:380px}.disk-modal::backdrop{background:#0009}.disk-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.disk-modal-body{padding:12px 14px;display:flex;flex-direction:column;gap:16px}@media(max-width:600px){.disk-modal{margin:0 0 0 auto;height:100vh;max-height:100vh;border-radius:0;border:none;border-left:1px solid var(--border);max-width:320px;width:85%}}.chord-select-group{display:flex;align-items:center;gap:4px}body{font-family:"JetBrains Mono",var(--label-font)}#terminal-shell{min-height:100vh;display:flex;align-items:stretch;justify-content:center;box-sizing:border-box}#terminal-column{width:100%}#crt-box{position:relative;width:100%;min-height:100vh;background:var(--bg);border:none;border-radius:0;padding:clamp(14px,2.4vw,30px);box-sizing:border-box;outline:none;display:flex;flex-direction:column}.crt-content{position:relative;z-index:1;font-size:clamp(12px,.55vw + 9px,22px)!important;line-height:1.75;display:flex;flex-direction:column;flex:1;color:var(--text);text-shadow:0 0 6px rgba(var(--glow-rgb, 50, 236, 255),.25)}.ascii-hdr{margin:0 0 10px;color:var(--accent);font-size:.7em;line-height:1.15;text-shadow:0 0 8px rgba(var(--glow-rgb, 50, 236, 255),.5);overflow-x:auto}.ascii-hdr-sm{display:none;color:var(--accent);font-weight:800;font-size:1.2em;letter-spacing:2px;margin-bottom:12px;text-shadow:0 0 8px rgba(var(--glow-rgb, 50, 236, 255),.5);-webkit-user-select:none;user-select:none}@media(max-width:480px){.ascii-hdr{display:none}.ascii-hdr-sm{display:block}.mode-hint,.theme-hint,.boot-line{display:none}.chord-row{padding:6px 4px;font-size:.9em;gap:5px}.chord-name-display{min-width:44px}}.boot-text{margin:0 0 12px;color:var(--text-dim);font-size:.85em;line-height:1.5;white-space:pre-wrap;font-family:JetBrains Mono,monospace}.boot-text .dim{color:var(--text-dim)}.term-hint{color:var(--text-dim);font-size:.85em;margin-bottom:6px}.term-hint .hint-strong{color:var(--text)}.term-spacer{flex:1;min-height:14px}.cmd-history{display:flex;flex-direction:column}.cmd-history-line{white-space:pre-wrap;margin-top:3px;font-size:1em}.cmd-sticky-bar{position:sticky;bottom:0;z-index:4;margin-top:6px;padding-bottom:clamp(10px,2vw,20px);background:linear-gradient(to bottom,transparent 0,var(--bg) 14px,var(--bg) 100%)}.cmd-input-row{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.cmd-prompt{opacity:.7;color:var(--accent);font-size:1em}.cmd-input{flex:1;background:transparent;border:none;outline:none;color:inherit;text-shadow:inherit;font-family:JetBrains Mono,monospace;font-size:1em}.cmd-input::placeholder{color:var(--text-muted)}.cmd-suggestion{opacity:.45;font-size:.85em;padding-left:22px;color:var(--text-dim)}.cmd-suggestion-full{color:var(--accent)}.konami-track{position:relative;height:26px;margin-top:10px;display:flex;align-items:center}.konami-dot{position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#ffb8ae}.konami-pac{position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:#ffea00}.konami-done{color:var(--accent);font-size:.92em;font-weight:700;margin-top:8px;text-shadow:0 0 8px rgba(var(--glow-rgb, 50, 236, 255),.5)}.crt-vignette{position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,#0000 58%,#00000080)}#crt-box.crt-off{animation:none!important}.crt-off .crt-vignette{display:none!important}.crt-low .crt-vignette{opacity:.35}.crt-med .crt-vignette{opacity:.65}.crt-high .crt-vignette{opacity:.9}.crt-off .crt-content{text-shadow:none!important}.crt-low .crt-content{text-shadow:0 0 3px rgba(var(--glow-rgb, 50, 236, 255),.2)}.crt-med .crt-content{text-shadow:0 0 6px rgba(var(--glow-rgb, 50, 236, 255),.35)}.crt-high .crt-content{text-shadow:0 0 10px rgba(var(--glow-rgb, 50, 236, 255),.6),0 0 22px rgba(var(--glow-rgb, 50, 236, 255),.25)}.crt-content{font-size:clamp(12px,.55vw + 9px,22px)!important}#crt-box.zoom-b .crt-content{font-size:clamp(15px,.7vw + 11px,28px)!important}#crt-box.zoom-c .crt-content{font-size:clamp(18px,.9vw + 13px,34px)!important}.chord-row-wrapper{margin:1px 0;outline:none}.chord-row{padding:3px 8px;margin:1px 0;background:transparent;cursor:pointer;outline:none;transition:background .14s linear;color:inherit}.chord-row:hover{background:rgba(var(--glow-rgb, 50, 236, 255),.04)}.chord-row-wrapper.expanded .chord-row{background:rgba(var(--glow-rgb, 50, 236, 255),.09)}.chord-row-main{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;font-size:1em}.row-cue{display:inline-block;min-width:16px;opacity:.95;touch-action:manipulation;cursor:pointer}.row-idx{color:var(--text-dim)}.row-play{display:none;color:var(--accent)}.chord-row:hover .row-idx,.chord-row:focus .row-idx{display:none}.chord-row:hover .row-play,.chord-row:focus .row-play{display:inline}.chord-name{color:var(--accent);font-weight:700;min-width:56px}.voicing-badge{display:none;font-weight:700;font-size:.8em;padding:1px 6px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.chord-row-wrapper.expanded .voicing-badge{display:inline-block}.chord-root-hint{color:var(--accent);opacity:.85;font-size:.85em;font-weight:700}.chord-arrow{color:var(--text-dim);opacity:.65}.hex-boxes{display:flex;gap:10px;font-weight:700;letter-spacing:.5px}.hex-box{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--hex-text, var(--accent));transition:opacity .12s}.hex-box:hover{opacity:.7}.voicing-drawer{margin-top:5px;padding-left:12px;border-left:1px dashed var(--accent-dim, var(--border-hi))}.voicing-hint{color:var(--text-dim);opacity:.7;font-size:.85em;margin-bottom:3px}.voicing-diffs{display:flex;flex-direction:column;gap:2px}.voicing-diff-row{display:flex;gap:6px;font-size:.9em}.voicing-diff-old{color:var(--text-dim);opacity:.55}.voicing-diff-arrow{color:var(--text-dim);opacity:.4}.voicing-diff-new{color:var(--accent);opacity:1}.voicing-hint-desktop{display:block}.voicing-hint-mobile{display:none}@media(max-width:480px){.row-idx{display:none}.row-play{display:inline;opacity:.8}.chord-row{padding:6px 4px!important}.chord-row-main{gap:5px!important}.chord-name{min-width:44px!important}.voicing-hint-desktop{display:none!important}.voicing-hint-mobile{display:block!important}}@keyframes warmup{0%{opacity:0;transform:scaleY(.35);filter:brightness(2.6) blur(1.5px)}28%{opacity:1;transform:scaleY(1.04);filter:brightness(1.7) blur(.4px)}58%{transform:scaleY(.99);filter:brightness(1.15) blur(0)}to{opacity:1;transform:scaleY(1);filter:brightness(1) blur(0)}}@keyframes breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.016)}}@keyframes ghostRise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes hdrBloom{0%,to{filter:brightness(.97) blur(0)}44%{filter:brightness(1.22) blur(.32px)}62%{filter:brightness(1.1) blur(.14px)}}.hdr-warmup{animation:warmup .8s cubic-bezier(.36,.07,.19,.97) both,hdrBloom 8.6s ease-in-out .8s infinite;transform-origin:center bottom;will-change:transform,filter,opacity}.crt-breathe{animation:breathe 7.5s ease-in-out infinite;will-change:filter}html.boot-off .boot-overlay{display:none!important}html.boot-off .crt-content{opacity:1!important}.boot-overlay{position:absolute;inset:0;z-index:10;background:var(--bg);padding:clamp(12px,2vw,26px);box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;color:rgba(var(--glow-rgb, 50, 236, 255),.72);text-shadow:0 0 6px rgba(var(--glow-rgb, 50, 236, 255),.22);font-size:clamp(9px,.4vw + 7.5px,14px);line-height:1.55}.boot-post-line{white-space:pre;letter-spacing:.4px;font-family:JetBrains Mono,monospace}.boot-hidden{opacity:0!important;transform:translateY(4px)}.boot-revealed{animation:ghostRise .42s ease-out both}.ascii-hdr,.ascii-hdr-sm,.boot-text,.term-hint,.cmd-prompt,.cmd-input,.cmd-input-row,.cmd-history-line,.chord-row-wrapper{transition:text-shadow .14s linear,filter .14s linear,border-color .14s linear,color .14s linear}@media(prefers-reduced-motion:reduce){.hdr-warmup{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.crt-breathe{animation:none!important}.boot-hidden{opacity:1!important;transform:none!important}.boot-revealed{animation:none!important}.ascii-hdr,.ascii-hdr-sm,.boot-text,.term-hint,.cmd-prompt,.cmd-input,.cmd-input-row,.cmd-history-line,.chord-row-wrapper{transition:none!important}}html.theme-green,body.theme-green{--bg: #020302;--panel: #111211;--panel-alt: #1e1f1e;--border: #252625;--border-hi: #4a4a50;--accent: #33FF66;--accent-glow: #7aff9c;--accent-dim: #17732e;--accent-green: #33FF66;--glow-rgb: 51, 255, 102;--text: #8a8a90;--text-bright: #a7a7ac;--text-dim: #4a4a50;--text-muted: #252625;--nav-bg: #020302;--nav-border: #252625;--hex-bg: #111211;--hex-border: #4a4a50;--hex-text: #33FF66;--row-hover: #1e1f1e;--key-white: #8a8a90;--key-black: #252625;--key-active: #33FF66;--key-active-glow: rgba(51,255,102,.4)}html.theme-amber,body.theme-amber{--bg: #0a0500;--panel: #19140f;--panel-alt: #25211c;--border: #2c2824;--border-hi: #5a4530;--accent: #FFB000;--accent-glow: #ffcc59;--accent-dim: #734f00;--accent-green: #00ff70;--glow-rgb: 255, 176, 0;--text: #c9995a;--text-bright: #d7b383;--text-dim: #5a4530;--text-muted: #2c2824;--nav-bg: #0a0500;--nav-border: #2c2824;--hex-bg: #19140f;--hex-border: #5a4530;--hex-text: #FFB000;--row-hover: #25211c;--key-white: #c9995a;--key-black: #2c2824;--key-active: #FFB000;--key-active-glow: rgba(255,176,0,.4)}html.theme-ibm,body.theme-ibm{--bg: #000000;--panel: #0f0f0f;--panel-alt: #1c1c1c;--border: #242424;--border-hi: #3a5a5a;--accent: #00FFFF;--accent-glow: #59ffff;--accent-dim: #007373;--accent-green: #00ff70;--glow-rgb: 0, 255, 255;--text: #7fd8d8;--text-bright: #9fe2e2;--text-dim: #3a5a5a;--text-muted: #242424;--nav-bg: #000000;--nav-border: #242424;--hex-bg: #0f0f0f;--hex-border: #3a5a5a;--hex-text: #00FFFF;--row-hover: #1c1c1c;--key-white: #7fd8d8;--key-black: #242424;--key-active: #00FFFF;--key-active-glow: rgba(0,255,255,.4)}html.theme-monokai,body.theme-monokai{--bg: #272822;--panel: #34352f;--panel-alt: #3f403a;--border: #454641;--border-hi: #75715E;--accent: #F92672;--accent-glow: #fb72a3;--accent-dim: #701133;--accent-green: #00ff70;--glow-rgb: 249, 38, 114;--text: #F8F8F2;--text-bright: #fafaf5;--text-dim: #75715E;--text-muted: #454641;--nav-bg: #272822;--nav-border: #454641;--hex-bg: #34352f;--hex-border: #75715E;--hex-text: #F92672;--row-hover: #3f403a;--key-white: #F8F8F2;--key-black: #454641;--key-active: #F92672;--key-active-glow: rgba(249,38,114,.4)}html.theme-dracula,body.theme-dracula{--bg: #282A36;--panel: #353742;--panel-alt: #40414c;--border: #464852;--border-hi: #6272A4;--accent: #FF79C6;--accent-glow: #ffa8da;--accent-dim: #733659;--accent-green: #00ff70;--glow-rgb: 255, 121, 198;--text: #F8F8F2;--text-bright: #fafaf5;--text-dim: #6272A4;--text-muted: #464852;--nav-bg: #282A36;--nav-border: #464852;--hex-bg: #353742;--hex-border: #6272A4;--hex-text: #FF79C6;--row-hover: #40414c;--key-white: #F8F8F2;--key-black: #464852;--key-active: #FF79C6;--key-active-glow: rgba(255,121,198,.4)}html.theme-solarized,body.theme-solarized{--bg: #002B36;--panel: #0f3842;--panel-alt: #1c424c;--border: #244952;--border-hi: #586E75;--accent: #B58900;--accent-glow: #cfb259;--accent-dim: #513e00;--accent-green: #00ff70;--glow-rgb: 181, 137, 0;--text: #93A1A1;--text-bright: #aeb9b9;--text-dim: #586E75;--text-muted: #244952;--nav-bg: #002B36;--nav-border: #244952;--hex-bg: #0f3842;--hex-border: #586E75;--hex-text: #B58900;--row-hover: #1c424c;--key-white: #93A1A1;--key-black: #244952;--key-active: #B58900;--key-active-glow: rgba(181,137,0,.4)}html.theme-nord,body.theme-nord{--bg: #2E3440;--panel: #3b404b;--panel-alt: #454a55;--border: #4b505b;--border-hi: #4C566A;--accent: #88C0D0;--accent-glow: #b2d6e0;--accent-dim: #3d565e;--accent-green: #00ff70;--glow-rgb: 136, 192, 208;--text: #D8DEE9;--text-bright: #e2e6ef;--text-dim: #4C566A;--text-muted: #4b505b;--nav-bg: #2E3440;--nav-border: #4b505b;--hex-bg: #3b404b;--hex-border: #4C566A;--hex-text: #88C0D0;--row-hover: #454a55;--key-white: #D8DEE9;--key-black: #4b505b;--key-active: #88C0D0;--key-active-glow: rgba(136,192,208,.4)}html.theme-onedark,body.theme-onedark{--bg: #282C34;--panel: #353940;--panel-alt: #40434a;--border: #464a50;--border-hi: #5C6370;--accent: #61AFEF;--accent-glow: #98cbf5;--accent-dim: #2c4f6c;--accent-green: #00ff70;--glow-rgb: 97, 175, 239;--text: #ABB2BF;--text-bright: #c0c5cf;--text-dim: #5C6370;--text-muted: #464a50;--nav-bg: #282C34;--nav-border: #464a50;--hex-bg: #353940;--hex-border: #5C6370;--hex-text: #61AFEF;--row-hover: #40434a;--key-white: #ABB2BF;--key-black: #464a50;--key-active: #61AFEF;--key-active-glow: rgba(97,175,239,.4)}