:root{--bg: #131110;--bg-panel: #1b1815;--bg-hover: #222018;--bg-input: #201d1a;--border: #2c2822;--border-light: #3a342c;--text: #a89e8a;--text-dim: #5c5246;--text-bright: #cec2a8;--text-faint: #3a342c;--accent: #bf4040;--accent-dim: #7a2828;--chord: #cc5555;--chord-bg: rgba(191, 64, 64, .09);--fill-major-in-key: #2e1a1a;--fill-minor-in-key: #221414;--label-on-accent: #1a0e0e;--label-major-in-key: #cc5555;--label-minor-in-key: #a84444;--nns-selected-fill: #6a2020;--nns-in-key-fill: #7a3030;--nns-minor-fill: #5e2424;--font-display: "Cormorant Garamond", Georgia, serif;--font-ui: "Syne", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--radius: 3px;--trans: .14s ease;--header-h: 48px;--sidebar-w: 272px}[data-theme=light]{--bg: #eeeae2;--bg-panel: #e6e1d8;--bg-hover: #ddd8ce;--bg-input: #e0dace;--border: #c8c0b0;--border-light: #b8b0a0;--text: #48403a;--text-dim: #8a8078;--text-bright: #2a201a;--text-faint: #c0b8a8;--accent: #9e2e2e;--accent-dim: #7a2020;--chord: #9e2e2e;--chord-bg: rgba(158, 46, 46, .1);--fill-major-in-key: #ddd0cc;--fill-minor-in-key: #e4d8d5;--label-on-accent: #f0e8e8;--label-major-in-key: #9e2e2e;--label-minor-in-key: #7e2424;--nns-selected-fill: #f0e8e8;--nns-in-key-fill: #8a2828;--nns-minor-fill: #7a2020}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}html{transition:background var(--trans)}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{display:grid;grid-template-rows:var(--header-h) auto auto 1fr;height:100vh}#header{display:flex;align-items:center;gap:20px;padding:0 24px;border-bottom:1px solid var(--border);background:var(--bg-panel)}.logo-wrap{position:relative;flex-shrink:0}.logo{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:.12em;color:var(--text-bright);white-space:nowrap;background:none;border:none;cursor:pointer;padding:0;transition:color var(--trans)}.logo:hover{color:var(--accent)}.app-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:240px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius);padding:4px 0;z-index:200;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;box-shadow:0 8px 24px #0000004d}.app-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.menu-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--text);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;padding:7px 14px;cursor:pointer;text-align:left;transition:background var(--trans),color var(--trans)}.menu-item:hover{background:var(--bg-hover);color:var(--text-bright)}.menu-item-icon{width:14px;text-align:center;color:var(--text-dim);font-size:13px;flex-shrink:0}.menu-divider{height:1px;background:var(--border);margin:4px 10px}.menu-section-label{font-family:var(--font-ui);font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);padding:6px 14px 3px}.menu-song-row{display:flex;align-items:center;transition:background var(--trans)}.menu-song-row:hover{background:var(--bg-hover)}.menu-song-row.active{background:var(--chord-bg)}.menu-song-info{flex:1;display:flex;flex-direction:column;gap:1px;background:none;border:none;cursor:pointer;padding:6px 10px 6px 14px;text-align:left;min-width:0}.menu-song-title{font-family:var(--font-mono);font-size:11px;color:var(--text);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-song-row.active .menu-song-title{color:var(--chord)}.menu-song-meta{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);letter-spacing:.04em}.menu-song-delete{background:none;border:none;color:var(--text-faint);font-size:13px;cursor:pointer;padding:4px 10px;line-height:1;flex-shrink:0;transition:color var(--trans)}.menu-song-delete:hover{color:var(--accent)}#song-title{background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:12px;font-weight:300;color:var(--text);letter-spacing:.04em;flex:1;padding:4px 0;border-bottom:1px solid transparent;transition:border-color var(--trans),color var(--trans)}#song-title::placeholder{color:var(--text-dim)}#song-title:focus{color:var(--text-bright);border-bottom-color:var(--border-light)}#tempo-control{display:flex;align-items:center;gap:4px;flex-shrink:0}#tempo-input{background:transparent;border:1px solid var(--border);outline:none;font-family:var(--font-mono);font-size:12px;font-weight:400;color:var(--text);width:44px;text-align:center;padding:2px 4px;border-radius:var(--radius);transition:border-color var(--trans),color var(--trans);-moz-appearance:textfield}#tempo-input::-webkit-inner-spin-button,#tempo-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#tempo-input:focus{color:var(--text-bright);border-color:var(--border-light)}.tempo-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:var(--text-dim);margin-right:4px}#metro-volume{width:48px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer;margin:0 2px}#metro-volume::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text-dim);border:none;cursor:pointer;transition:background var(--trans)}#metro-volume::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--text-dim);border:none;cursor:pointer}#metro-volume:hover::-webkit-slider-thumb{background:var(--text)}#metro-mode{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;padding:2px 14px 2px 4px;border-radius:var(--radius);cursor:pointer;outline:none;transition:color var(--trans),border-color var(--trans);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3E%3Cpath d='M0 0l4 4 4-4' fill='none' stroke='%23888' stroke-width='1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center}#metro-mode:hover,#metro-mode:focus{color:var(--text);border-color:var(--border-light)}#key-display{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.06em;white-space:nowrap}#notification{position:fixed;top:56px;left:50%;transform:translate(-50%) translateY(-8px);background:var(--bg-panel);border:1px solid var(--accent-dim);color:var(--text);font-family:var(--font-mono);font-size:11px;padding:8px 16px;border-radius:var(--radius);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:100;max-width:480px;text-align:center}#notification.visible{opacity:1;transform:translate(-50%) translateY(0)}#main{display:flex;height:100%;overflow:hidden}#sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;width:var(--sidebar-w);flex-shrink:0;transition:width .22s ease,border-color .22s ease}#sidebar.collapsed{width:0;border-right-color:transparent}#right-sidebar{display:flex;flex-direction:column;border-left:1px solid var(--border);overflow-y:auto;overflow-x:hidden;width:320px;flex-shrink:0;transition:width .22s ease,border-color .22s ease}#right-sidebar.collapsed{width:0;border-left-color:transparent}#content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.panel{padding:16px;border-bottom:1px solid var(--border);overflow:hidden}.panel:last-child{border-bottom:none}.panel-label{font-family:var(--font-ui);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}#chord-sheet-panel{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}#chord-sheet{display:flex;flex-direction:column;gap:0}.song-line{display:flex;flex-direction:column;position:relative;margin-bottom:4px}.chord-row{position:relative;min-height:22px;height:22px;cursor:text;-webkit-user-select:none;user-select:none}.chord-row:hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--chord-bg);border-radius:var(--radius);pointer-events:none}.chord-token{position:absolute;top:2px;font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--chord);cursor:pointer;padding:0 2px;border-radius:2px;transition:background var(--trans);white-space:nowrap;line-height:18px}.chord-token:hover{background:var(--chord-bg)}.chord-token.editing{opacity:0;pointer-events:none}.chord-input{position:absolute;top:1px;background:var(--bg-input);border:1px solid var(--accent-dim);border-radius:var(--radius);font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--chord);outline:none;padding:0 4px;height:20px;width:60px;z-index:10}.lyrics-input{background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:14px;font-weight:300;color:var(--text-bright);width:100%;padding:1px 0 3px;letter-spacing:.01em;caret-color:var(--accent);border-bottom:1px solid transparent;transition:border-color var(--trans)}.lyrics-input::placeholder{color:var(--text-faint)}.lyrics-input:focus{border-bottom-color:var(--border)}.song-section-line{margin-top:12px;margin-bottom:2px}.section-row{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--border);padding-bottom:3px}.section-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);padding:2px 0;caret-color:var(--accent)}.section-input::placeholder{color:var(--text-faint)}.section-input:focus{color:var(--text)}.section-remove{background:none;border:none;color:var(--text-faint);font-size:13px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0;transition:color var(--trans);opacity:0}.song-section-line:hover .section-remove{opacity:1}.section-remove:hover{color:var(--accent)}.song-note-line{margin:2px 0}.note-row{display:flex;align-items:center;gap:6px}.note-marker{font-size:10px;color:var(--text-faint);flex-shrink:0;line-height:1}.note-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:11px;font-style:italic;color:var(--text-dim);padding:3px 0;caret-color:var(--accent);letter-spacing:.02em}.note-input::placeholder{color:var(--text-faint);font-style:italic}.note-input:focus{color:var(--text)}.note-remove{background:none;border:none;color:var(--text-faint);font-size:13px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0;transition:color var(--trans);opacity:0}.song-note-line:hover .note-remove{opacity:1}.note-remove:hover{color:var(--accent)}.note-collapsed .note-row{height:4px;overflow:hidden;transition:height .2s ease,opacity .2s ease;opacity:.3}.note-collapsed .note-marker{font-size:7px}.note-collapsed .note-input,.note-collapsed .note-remove{opacity:0;pointer-events:none;transition:opacity .2s ease}.note-collapsed:hover .note-row{height:auto;overflow:visible;opacity:1}.note-collapsed:hover .note-input,.note-collapsed:hover .note-remove{opacity:1;pointer-events:auto}#fretboard-panel{padding:12px}.fb-scale-selector{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.fb-scale-btn{font-family:var(--font-mono);font-size:9px;padding:3px 7px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-dim);cursor:pointer;transition:all var(--trans);white-space:nowrap}.fb-scale-btn:hover{color:var(--text);border-color:var(--text-dim)}.fb-scale-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.fb-board{display:flex;flex-direction:column;gap:0;overflow-x:auto}.fb-row{display:flex;height:18px;align-items:center}.fb-fret-nums{height:14px}.fb-cell{width:18px;min-width:18px;height:100%;display:flex;align-items:center;justify-content:center;position:relative;border-right:1px solid var(--border);border-bottom:1px solid var(--text-faint);box-sizing:border-box;font-size:7px;color:var(--text-faint)}.fb-fret-num{border-bottom:none;border-right-color:transparent;font-family:var(--font-mono);font-size:7px;color:var(--text-faint)}.fb-open{border-right:2px solid var(--text-dim);width:20px;min-width:20px}.fb-dot-row{height:12px}.fb-dot-row .fb-cell{border-bottom:none;border-right-color:transparent}.fb-marker{font-size:8px;color:var(--text-faint);letter-spacing:1px}.fb-dot{width:14px;height:14px;border-radius:50%;background:var(--accent-dim);color:var(--bg);font-size:6px;font-family:var(--font-mono);font-weight:600;display:flex;align-items:center;justify-content:center;position:absolute;z-index:1}.fb-dot-root{background:var(--accent);width:15px;height:15px;font-size:7px}.fb-legend{display:flex;gap:6px;margin-top:10px;padding:6px 0;border-top:1px solid var(--border);flex-wrap:wrap}.fb-legend-note{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);padding:2px 5px;border-radius:var(--radius);background:var(--bg-input)}.fb-legend-root{color:var(--accent);font-weight:600;background:var(--accent-dim);color:var(--bg)}.add-line-row{display:flex;gap:12px;margin-top:4px}.add-line-btn{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);padding:6px 0;text-align:left;transition:color var(--trans);letter-spacing:.04em;display:block}.add-line-btn:hover{color:var(--text)}.song-tab-line{background:var(--bg-input);border-radius:var(--radius);padding:6px 10px;margin:6px 0}.inline-tab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--border)}.inline-tab-label{font-family:var(--font-ui);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.inline-tab-remove{background:none;border:none;color:var(--text-faint);font-size:14px;cursor:pointer;padding:0 4px;line-height:1;transition:color var(--trans)}.inline-tab-remove:hover{color:var(--accent)}.inline-tab-row{display:flex;align-items:center;height:20px}.inline-tab-string-label{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);width:14px;text-align:right;flex-shrink:0;-webkit-user-select:none;user-select:none}.inline-tab-bar{color:var(--text-dim);font-family:var(--font-mono);font-size:11px;white-space:pre;-webkit-user-select:none;user-select:none}.inline-tab-cells{display:flex}.inline-tab-cell{font-family:var(--font-mono);font-size:11px;width:12px;text-align:center;color:var(--text-faint);-webkit-user-select:text;user-select:text}.inline-tab-cell.has-fret{color:var(--chord);font-weight:500}.tab-block-insert{color:var(--accent-dim);border-color:var(--accent-dim)}.tab-block-insert:hover{color:var(--accent);border-color:var(--accent);background:var(--chord-bg)}.lock-btn{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;padding:1px 5px;border-radius:var(--radius);cursor:pointer;transition:color var(--trans),border-color var(--trans),background var(--trans)}.lock-btn:hover{color:var(--text);border-color:var(--border-light);background:var(--bg-hover)}.lock-btn.active{background:var(--chord-bg);border-color:var(--accent-dim);color:var(--chord)}.nns-strip{display:none;flex-direction:column;gap:2px;width:100%;padding-top:4px}.nns-chord-item{display:flex;align-items:baseline;gap:8px;padding:4px 6px;border-radius:var(--radius);border:1px solid transparent;transition:background var(--trans)}.nns-chord-item:hover{background:var(--bg-hover)}.nns-numeral{font-family:var(--font-display);font-style:italic;font-size:11px;color:var(--text-dim);min-width:26px;letter-spacing:.02em}.nns-chord-name{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--chord)}#circle-panel{display:flex;flex-direction:column;align-items:center}#circle-of-fifths{display:flex;justify-content:center}#circle-of-fifths svg .key-segment,#circle-of-fifths svg .minor-segment{transition:filter var(--trans);cursor:pointer}#circle-of-fifths svg .key-segment:hover,#circle-of-fifths svg .minor-segment:hover{filter:brightness(1.35)}#circle-of-fifths svg .key-label{pointer-events:none}#capo-panel{flex:1}.capo-fret-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.capo-label{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.04em;min-width:36px}.capo-stepper{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.capo-btn{background:var(--bg-panel);border:none;color:var(--text);width:26px;height:24px;cursor:pointer;font-family:var(--font-mono);font-size:14px;display:flex;align-items:center;justify-content:center;transition:background var(--trans),color var(--trans);flex-shrink:0}.capo-btn:hover{background:var(--bg-hover);color:var(--text-bright)}.capo-btn:active{background:var(--bg-input)}.capo-value{font-family:var(--font-mono);font-size:13px;color:var(--text-bright);width:28px;text-align:center;border-left:1px solid var(--border);border-right:1px solid var(--border);height:24px;line-height:24px;background:var(--bg-input)}.capo-options{display:flex;flex-direction:column;gap:4px}.capo-option{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:var(--radius);cursor:pointer;border:1px solid transparent;transition:background var(--trans),border-color var(--trans)}.capo-option:hover{background:var(--bg-hover)}.capo-option.selected{background:var(--chord-bg);border-color:var(--accent-dim)}.capo-option-fret{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);min-width:44px;letter-spacing:.04em}.capo-option-shape{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text-bright)}.capo-option-arrow{font-size:10px;color:var(--text-dim)}.capo-option-sound{font-family:var(--font-mono);font-size:11px;color:var(--chord)}.capo-family-tag{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);letter-spacing:.06em;margin-left:auto;opacity:.7}.family-selector{display:flex;gap:3px;margin-left:10px}.family-btn{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-dim);width:24px;height:24px;cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:400;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:background var(--trans),color var(--trans),border-color var(--trans);flex-shrink:0}.family-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-light)}.family-btn.active{background:var(--chord-bg);border-color:var(--accent-dim);color:var(--chord)}.family-btn.high-capo{opacity:.45}.family-btn.high-capo:hover{opacity:.7}#tab-panel{border-top:1px solid var(--border);display:flex;flex-direction:column;flex:0 0 auto;margin-top:auto;max-height:250px;overflow:hidden;transition:max-height .22s ease}#tab-panel.collapsed{max-height:38px}#tab-panel.collapsed #tab-editor{pointer-events:none}#tab-editor{overflow-x:hidden;overflow-y:auto}.tab-root{outline:none;display:flex;flex-direction:column;gap:14px;padding-bottom:4px}.tab-block{display:flex;flex-direction:column}.tab-block-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;padding-bottom:5px;border-bottom:1px solid var(--border)}.tab-block-name{background:transparent;border:none;outline:none;font-family:var(--font-ui);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);flex:1;min-width:0;padding:1px 0;border-bottom:1px solid transparent;transition:color var(--trans),border-color var(--trans);cursor:text}.tab-block-name:focus{color:var(--text);border-bottom-color:var(--border-light)}.tab-block-name::placeholder{color:var(--text-faint)}.tab-block-btn{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;padding:2px 6px;border-radius:var(--radius);cursor:pointer;flex-shrink:0;transition:color var(--trans),border-color var(--trans),background var(--trans)}.tab-block-btn:hover{color:var(--text);border-color:var(--border-light);background:var(--bg-hover)}.tab-block-delete{border-color:transparent;font-size:13px;padding:1px 5px;color:var(--text-faint)}.tab-block-delete:hover{color:var(--accent);border-color:var(--accent-dim);background:var(--chord-bg)}.tab-add-block-btn{background:none;border:1px dashed var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;padding:5px 10px;border-radius:var(--radius);cursor:pointer;width:100%;text-align:left;transition:color var(--trans),border-color var(--trans),background var(--trans)}.tab-add-block-btn:hover{color:var(--text);border-color:var(--border-light);background:var(--bg-hover)}.tab-string-row{display:flex;align-items:center;height:22px;border-radius:var(--radius);transition:background var(--trans)}.tab-string-row:hover{background:var(--bg-hover)}.tab-string-row.active{background:var(--bg-input)}.tab-label{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);width:14px;text-align:right;flex-shrink:0;-webkit-user-select:none;user-select:none}.tab-string-row.active .tab-label{color:var(--chord)}.tab-bar{color:var(--text-dim);-webkit-user-select:none;user-select:none;margin:0 2px;flex-shrink:0}.tab-cells{white-space:nowrap;line-height:22px}.tab-cell{font-family:var(--font-mono);font-size:13px;color:var(--text-faint);cursor:default;-webkit-user-select:none;user-select:none;border-radius:1px}.tab-cell.has-fret{color:var(--text)}.tab-cell.cursor{background:var(--accent);color:var(--bg)}.tab-cell.col-active{background:var(--chord-bg)}.tab-string-row.active .tab-cell{color:var(--text-dim)}.tab-string-row.active .tab-cell.has-fret{color:var(--text-bright)}.tab-string-row.active .tab-cell.cursor{color:var(--bg);background:var(--accent)}.tab-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);margin-top:8px;letter-spacing:.04em;padding:0 2px}.header-btn{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:none;padding:3px 8px;border-radius:var(--radius);cursor:pointer;transition:color var(--trans),border-color var(--trans),background var(--trans);white-space:nowrap;flex-shrink:0}.header-btn:hover{color:var(--text);border-color:var(--border-light);background:var(--bg-hover)}.header-btn.active{background:var(--chord-bg);border-color:var(--accent-dim);color:var(--chord)}#key-bar{display:none;align-items:center;gap:2px;padding:0 16px;height:36px;border-bottom:1px solid var(--border);background:var(--bg-panel);overflow-x:auto;overflow-y:hidden;flex-shrink:0}#key-bar::-webkit-scrollbar{height:2px}.key-bar-key{font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--text-bright);padding-right:12px;border-right:1px solid var(--border);margin-right:6px;white-space:nowrap;flex-shrink:0}.key-bar-item{display:flex;flex-direction:column;align-items:center;padding:2px 8px;border-radius:var(--radius);gap:0px;flex-shrink:0;transition:background var(--trans)}.key-bar-item:hover{background:var(--bg-hover)}.key-bar-numeral{font-family:var(--font-display);font-style:italic;font-size:8px;color:var(--text-dim);line-height:1}.key-bar-chord{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--chord);line-height:1.4}.theme-toggle{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;padding:3px 8px;border-radius:var(--radius);cursor:pointer;transition:color var(--trans),border-color var(--trans),background var(--trans);white-space:nowrap;flex-shrink:0}.theme-toggle:hover{color:var(--text);border-color:var(--border-light);background:var(--bg-hover)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}::selection{background:#b8704833;color:var(--text-bright)}.ov-bar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:400;display:flex;align-items:center;gap:12px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius);padding:6px 10px 6px 14px;box-shadow:0 8px 28px #00000073;animation:ov-float-in .24s ease;white-space:nowrap}@keyframes ov-float-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ov-bar--ended{border-color:var(--accent)}.ov-label{font-family:var(--font-ui);font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.ov-setup{display:flex;align-items:center;gap:2px}.ov-input{width:36px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-bright);font-family:var(--font-mono);font-size:14px;text-align:center;padding:3px 2px;outline:none;transition:border-color var(--trans);-moz-appearance:textfield}.ov-input::-webkit-inner-spin-button,.ov-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ov-input:focus{border-color:var(--accent-dim)}.ov-colon{font-family:var(--font-mono);font-size:14px;color:var(--text-dim);padding:0 1px}.ov-go{background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;padding:5px 10px;margin-left:6px;cursor:pointer;transition:opacity var(--trans)}.ov-go:hover{opacity:.85}.ov-time{font-family:var(--font-mono);font-size:18px;font-weight:500;color:var(--text-bright);letter-spacing:.04em;min-width:42px;text-align:center}.ov-time--warning{color:var(--accent)}.ov-reset{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;padding:3px 8px;border-radius:var(--radius);cursor:pointer;transition:color var(--trans),border-color var(--trans),background var(--trans)}.ov-reset:hover{color:var(--text);border-color:var(--border-light);background:var(--bg-hover)}.ov-dismiss{background:none;border:none;color:var(--text-faint);font-size:14px;cursor:pointer;padding:0 2px;line-height:1;transition:color var(--trans)}.ov-dismiss:hover{color:var(--text)}.pdf-lib-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0009;display:flex;align-items:center;justify-content:center;animation:dc-fade-in .18s ease}.pdf-lib-modal{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:0 16px 48px #00000080;width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);display:flex;flex-direction:column;animation:dc-slide-up .2s ease}.pdf-lib-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.pdf-lib-title{font-family:var(--font-ui);font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.pdf-lib-close{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;padding:0 2px;line-height:1;transition:color var(--trans)}.pdf-lib-close:hover{color:var(--text)}.pdf-lib-drop{margin:12px 16px 8px;border:1px dashed var(--border-light);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:border-color var(--trans),background var(--trans);flex-shrink:0}.pdf-lib-drop--hover{border-color:var(--accent);background:var(--chord-bg)}.pdf-lib-drop--loading{opacity:.5;pointer-events:none}.pdf-lib-drop-text{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.02em}.pdf-lib-browse{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;padding:4px 10px;border-radius:var(--radius);cursor:pointer;flex-shrink:0;transition:color var(--trans),border-color var(--trans),background var(--trans)}.pdf-lib-browse:hover{color:var(--text);border-color:var(--border-light);background:var(--bg-hover)}.pdf-lib-list{overflow-y:auto;padding:0 16px 14px;display:flex;flex-direction:column;gap:6px}.pdf-lib-loading,.pdf-lib-empty{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);padding:12px 0;text-align:center}.pdf-lib-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.pdf-lib-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pdf-lib-name{font-family:var(--font-mono);font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-lib-date{font-family:var(--font-mono);font-size:9px;color:var(--text-faint);letter-spacing:.03em}.pdf-lib-actions{display:flex;gap:6px;flex-shrink:0}.pdf-lib-btn{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;padding:3px 8px;border-radius:var(--radius);cursor:pointer;text-decoration:none;transition:color var(--trans),border-color var(--trans),background var(--trans)}.pdf-lib-btn:hover{color:var(--text);border-color:var(--border-light);background:var(--bg-hover)}.pdf-lib-btn--del:hover{color:#e06060;border-color:#e06060;background:none}.dc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0009;display:flex;align-items:center;justify-content:center;animation:dc-fade-in .18s ease}@keyframes dc-fade-in{0%{opacity:0}to{opacity:1}}.dc-modal{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:0 16px 48px #00000080;width:380px;max-width:calc(100vw - 32px);animation:dc-slide-up .2s ease}@keyframes dc-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dc-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid var(--border)}.dc-label{font-family:var(--font-ui);font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.dc-close{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;padding:0 2px;line-height:1;transition:color var(--trans)}.dc-close:hover{color:var(--text)}.dc-body{padding:18px 16px}.dc-section{margin-bottom:16px}.dc-section:last-child{margin-bottom:0}.dc-section-label{font-family:var(--font-ui);font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.dc-topic{font-family:var(--font-display);font-size:22px;font-weight:400;font-style:italic;color:var(--text-bright);line-height:1.3}.dc-topic--small{font-size:16px}.dc-row{display:flex;gap:24px}.dc-row .dc-section{flex:1}.dc-key{font-family:var(--font-display);font-size:28px;font-weight:500;color:var(--chord)}.dc-progression{font-family:var(--font-mono);font-size:13px;color:var(--text);letter-spacing:.03em;margin-bottom:4px}.dc-chords{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.03em}.dc-chords--reminder{text-align:center;margin-top:14px;font-size:12px;color:var(--text-dim)}.dc-accept{width:100%;margin-top:8px;padding:10px 16px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:opacity var(--trans)}.dc-accept:hover{opacity:.85}.dc-float{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:400;display:flex;align-items:center;gap:12px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius);padding:6px 10px 6px 14px;box-shadow:0 8px 28px #00000073;animation:dc-float-in .24s ease;white-space:nowrap}@keyframes dc-float-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dc-float--ended{border-color:var(--accent)}.dc-float-label{font-family:var(--font-ui);font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.dc-float-time{font-family:var(--font-mono);font-size:18px;font-weight:500;color:var(--text-bright);letter-spacing:.04em;min-width:42px;text-align:center}.dc-float-time--warning{color:var(--accent)}.dc-float-chords{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:.03em;border-left:1px solid var(--border);padding-left:12px}.dc-float-done{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;padding:3px 8px;border-radius:var(--radius);cursor:pointer;transition:color var(--trans),border-color var(--trans),background var(--trans)}.dc-float-done:hover{color:var(--text);border-color:var(--border-light);background:var(--bg-hover)}.dc-float-done:disabled{cursor:default;color:var(--accent);border-color:var(--accent-dim)}.dc-float-dismiss{background:none;border:none;color:var(--text-faint);font-size:14px;cursor:pointer;padding:0 2px;line-height:1;transition:color var(--trans)}.dc-float-dismiss:hover{color:var(--text)}@media (max-width: 520px){.dc-float-chords{display:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0009;display:flex;align-items:center;justify-content:center;animation:dc-fade-in .18s ease}.perform-modal{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:0 16px 48px #00000080;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow-y:auto;padding:20px 24px 24px;animation:dc-slide-up .2s ease}.perform-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.perform-title{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--text-bright);letter-spacing:.01em}.perform-subtitle{font-size:11px;color:var(--text-dim);margin-bottom:20px}.modal-close{background:none;border:none;color:var(--text-faint);font-size:18px;cursor:pointer;line-height:1;padding:0 2px;transition:color var(--trans)}.modal-close:hover{color:var(--text)}.perform-key-row{display:flex;align-items:flex-end;gap:12px;margin-bottom:24px}.perform-key-col{display:flex;flex-direction:column;gap:6px;flex:1}.perform-key-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.perform-key-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-bright);font-family:var(--font-mono);font-size:14px;padding:6px 10px;width:100%;cursor:pointer;transition:border-color var(--trans)}.perform-key-select:focus{outline:none;border-color:var(--accent-dim)}.perform-arrow{font-size:18px;color:var(--text-dim);padding-bottom:8px;flex-shrink:0}.perform-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.perform-row{display:grid;grid-template-columns:48px 1fr 28px 1fr;align-items:center;border-bottom:1px solid var(--border)}.perform-row:last-child{border-bottom:none}.perform-row--header{background:var(--bg)}.perform-cell{padding:8px 10px;font-size:13px}.perform-cell--numeral{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);text-align:center}.perform-row--header .perform-cell--chord{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.perform-cell--from{font-family:var(--font-mono);color:var(--text-bright)}.perform-cell--to{font-family:var(--font-mono);color:var(--chord)}.perform-cell--arrow{font-size:11px;color:var(--text-faint);text-align:center;padding:8px 0}.perform-row:not(.perform-row--header):hover{background:var(--bg-hover)}.perform-capo-section{margin-top:20px}.perform-capo-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.perform-capo-pill{font-family:var(--font-mono);font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;display:flex;align-items:center;gap:10px}.perform-capo-pill--dim{color:var(--text-dim)}.perform-capo-fret{color:var(--chord);font-weight:500;white-space:nowrap}.perform-capo-note{color:var(--text)}.perform-capo-options{display:flex;flex-wrap:wrap;gap:6px}.perform-capo-chip{display:flex;flex-direction:column;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;min-width:80px;transition:border-color var(--trans)}.perform-capo-chip--active{border-color:var(--accent-dim);background:var(--chord-bg)}.perform-chip-fret{font-family:var(--font-mono);font-size:11px;color:var(--chord);font-weight:500}.perform-chip-shape{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.pf-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.pf-topbar{display:flex;align-items:center;gap:16px;padding:0 20px;height:var(--header-h);background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0}.pf-back{background:none;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:11px;cursor:pointer;padding:4px 0;letter-spacing:.04em;transition:color var(--trans)}.pf-back:hover{color:var(--text-bright)}.pf-topbar-title{font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--text-bright);letter-spacing:.1em;flex:1}.pf-add-btn{background:none;border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;padding:5px 12px;cursor:pointer;transition:color var(--trans),border-color var(--trans),background var(--trans)}.pf-add-btn:hover{color:var(--text-bright);border-color:var(--accent-dim);background:var(--chord-bg)}.pf-body{display:flex;flex:1;overflow:hidden}.pf-left{width:300px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.pf-panel-hdr{font-family:var(--font-ui);font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);padding:12px 16px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.pf-setlist{flex:1;overflow-y:auto;padding:6px 0}.pf-empty{padding:24px 16px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);line-height:1.6}.pf-setitem{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 14px;cursor:pointer;border-left:2px solid transparent;transition:background var(--trans),border-color var(--trans)}.pf-setitem:hover{background:var(--bg-hover)}.pf-setitem--active{background:var(--chord-bg);border-left-color:var(--chord)}.pf-setitem-num{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);width:18px;flex-shrink:0;text-align:right}.pf-setitem--active .pf-setitem-num{color:var(--chord)}.pf-setitem-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pf-setitem-title{font-family:var(--font-mono);font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-setitem--active .pf-setitem-title{color:var(--text-bright)}.pf-setitem-meta{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);letter-spacing:.03em}.pf-setitem-btns{display:flex;gap:2px;opacity:0;transition:opacity var(--trans)}.pf-setitem:hover .pf-setitem-btns{opacity:1}.pf-si-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-size:11px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--trans),background var(--trans)}.pf-si-btn:hover{color:var(--text-bright);background:var(--bg-hover)}.pf-si-btn--rm:hover{color:var(--accent)}.pf-right{flex:1;display:flex;flex-direction:column;overflow:hidden}.pf-no-song{margin:auto;font-family:var(--font-mono);font-size:12px;color:var(--text-faint);text-align:center;padding:40px}.pf-song-hdr{padding:16px 24px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.pf-song-title-row{display:flex;align-items:center;gap:14px;margin-bottom:10px;flex-wrap:wrap}.pf-song-name{font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--text-bright);letter-spacing:.04em}.pf-badges{display:flex;gap:6px;flex-wrap:wrap}.pf-badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius);background:var(--chord-bg);color:var(--chord);border:1px solid var(--accent-dim)}.pf-badge--dim{background:var(--bg-hover);color:var(--text-dim);border-color:var(--border)}.pf-badge--key{font-size:11px;font-weight:500}.pf-view-tabs{display:flex;gap:4px}.pf-vtab{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;padding:4px 12px;cursor:pointer;transition:color var(--trans),border-color var(--trans),background var(--trans)}.pf-vtab:hover{color:var(--text);background:var(--bg-hover)}.pf-vtab--on{background:var(--chord-bg);border-color:var(--accent-dim);color:var(--chord)}.pf-song-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.pf-pdf{width:100%;flex:1;border:none;background:#fff}.pf-xpose{padding:24px;overflow-y:auto;flex:1}.pf-xpose-keys{display:flex;align-items:center;gap:20px;margin-bottom:24px}.pf-key-col{display:flex;flex-direction:column;gap:6px}.pf-key-label{font-family:var(--font-ui);font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.pf-key-sel{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-bright);font-family:var(--font-mono);font-size:13px;padding:6px 10px;cursor:pointer;outline:none;min-width:100px}.pf-xpose-arrow{font-size:18px;color:var(--text-faint);padding-top:18px}.pf-table{display:flex;flex-direction:column;gap:1px;margin-bottom:24px}.pf-trow{display:grid;grid-template-columns:36px 120px 24px 120px;align-items:center;padding:6px 10px;border-radius:var(--radius);gap:4px}.pf-trow--hdr{background:var(--bg-panel);border-bottom:1px solid var(--border);margin-bottom:2px}.pf-trow:not(.pf-trow--hdr):hover{background:var(--bg-hover)}.pf-tcell--num{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.pf-trow--hdr .pf-tcell--num{color:var(--text-dim)}.pf-tcell--chord{font-family:var(--font-mono);font-size:13px;color:var(--text)}.pf-trow--hdr .pf-tcell--chord{font-size:11px;font-weight:600;color:var(--text-dim);letter-spacing:.06em}.pf-tcell--from{color:var(--chord)}.pf-tcell--to{color:var(--text-bright)}.pf-tcell--arr{color:var(--text-faint);font-size:11px;text-align:center}.pf-capo-section{margin-top:8px}.pf-capo-label{font-family:var(--font-ui);font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.pf-capo-chips{display:flex;gap:8px;flex-wrap:wrap}.pf-capo-chip{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);min-width:80px;transition:border-color var(--trans)}.pf-capo-chip--on{border-color:var(--accent-dim);background:var(--chord-bg)}.pf-chip-fret{font-family:var(--font-mono);font-size:11px;color:var(--chord);font-weight:500}.pf-chip-shape{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.pf-lib-drawer{position:absolute;top:var(--header-h);right:0;bottom:0;width:340px;background:var(--bg-panel);border-left:1px solid var(--border-light);display:flex;flex-direction:column;z-index:10;box-shadow:-8px 0 24px #00000040}.pf-lib-hdr{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);height:42px;flex-shrink:0}.pf-lib-close{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;line-height:1;padding:4px;transition:color var(--trans)}.pf-lib-close:hover{color:var(--accent)}.pf-lib-list{flex:1;overflow-y:auto;padding:6px 0;font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.pf-lib-empty{padding:24px 16px;line-height:1.6}.pf-lib-item{display:flex;align-items:center;gap:12px;padding:9px 16px;transition:background var(--trans)}.pf-lib-item:hover{background:var(--bg-hover)}.pf-lib-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pf-lib-title{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-lib-meta{font-size:9px;color:var(--text-dim);letter-spacing:.03em}.pf-lib-add{background:none;border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;padding:4px 10px;cursor:pointer;white-space:nowrap;transition:color var(--trans),border-color var(--trans),background var(--trans);flex-shrink:0}.pf-lib-add:hover{color:var(--text-bright);border-color:var(--accent-dim);background:var(--chord-bg)}.pf-lib-add--done{color:var(--text-faint);border-color:var(--border);cursor:default}.pf-lib-add--done:hover{color:var(--text-faint);border-color:var(--border);background:none}#song-canvas{--wb-paper: #f1f1ee;--wb-paper2: #f7f7f4;--wb-paper3: #e8e8e3;--wb-well: #fbfbf9;--wb-ink: #1c1c1a;--wb-ink2: #45453f;--wb-muted: #6b6b64;--wb-faint: #a2a29a;--wb-line: #dcdcd6;--wb-line2: #e4e4de;--wb-line3: #cacac3;--wb-red: #db3b21;--wb-blue: #2f5fd0;--wb-teal: #5f7a72;--wb-btint: #eaf0fe;--wb-bborder: #cbd9f7;--wb-head-bg: #efefec;--wb-field: #e6e6e2;--wb-tex: #cbcbc4;--wb-redcell: #fff5f3;--wb-fb-tone: #45453f;--wb-padtx: #3d4b47;--wb-metatx: #5f7fc4}html:not([data-theme=light]) #song-canvas{--wb-paper: #2b2b29;--wb-paper2: #333331;--wb-paper3: #3a3a36;--wb-well: #242422;--wb-ink: #ebebe6;--wb-ink2: #bdbdb6;--wb-muted: #97978f;--wb-faint: #75756d;--wb-line: #45453f;--wb-line2: #4a4a44;--wb-line3: #55554e;--wb-red: #e2492f;--wb-blue: #6a90e8;--wb-teal: #7fa093;--wb-btint: #27314b;--wb-bborder: #3c4c74;--wb-head-bg: #2f2f2c;--wb-field: #1f1f1d;--wb-tex: #46463f;--wb-redcell: #3a2a26;--wb-fb-tone: #9a9a92;--wb-padtx: #9fb3ab;--wb-metatx: #8ea6e0}#app{position:relative}#song-canvas{position:absolute;inset:var(--header-h) 0 0 0;display:none;overflow:auto;background:var(--wb-field)}#app[data-view=canvas] #song-canvas{display:block;top:0;right:0;bottom:0;left:0}#app[data-view=canvas] #main{display:none}#app[data-view=canvas] #key-bar{display:none!important}#app[data-view=canvas] #header,#canvas-back{display:none}#app[data-view=workspace] #canvas-back{display:inline-flex}#app[data-view=canvas] #notes-toggle,#app[data-view=canvas] #overthink-toggle,#app[data-view=canvas] #fretboard-toggle,#app[data-view=canvas] #sidebar-toggle{display:none}.tempo-sep{width:1px;height:20px;background:var(--border-light);margin:0 2px}#pad-volume{width:60px}#app-menu.app-menu{position:fixed;top:52px;left:20px}@keyframes wb-mpulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes wb-dring{to{transform:rotate(360deg)}}#song-canvas .wb{width:100%;min-height:100%;margin:0;background:var(--wb-paper);border:none;border-radius:0;overflow:hidden;color:var(--wb-ink);font-family:Archivo,-apple-system,sans-serif}#song-canvas .wb *,#song-canvas .wb *:before,#song-canvas .wb *:after{box-sizing:border-box}#song-canvas .wb button{font-family:inherit;cursor:pointer}.wb-util{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1.5px solid var(--wb-ink);background:var(--wb-paper2)}.wb-brand{display:flex;align-items:center;gap:9px;padding:12px 18px;border-right:1px solid var(--wb-line);background:none;border-top:none;border-bottom:none;border-left:none}.wb-brand:hover .wb-menu-glyph{color:var(--wb-ink)}.wb-brand-dot{width:9px;height:9px;background:var(--wb-red);border-radius:50%}.wb-brand-name{font-weight:800;letter-spacing:.02em;font-size:15px}.wb-menu-glyph{font-size:13px;color:var(--wb-faint);transition:color .15s}.wb-metro{display:flex;align-items:center;gap:10px;padding:0 16px;border-right:1px solid var(--wb-line);height:46px}.wb-metro-play{width:24px;height:24px;border:1.5px solid var(--wb-ink);background:none;border-radius:50%;display:grid;place-items:center;font-size:9px;color:var(--wb-ink);transition:background .15s,color .15s}.wb-metro-play.is-on{background:var(--wb-ink);color:var(--wb-paper)}.wb-bpm{font-variant-numeric:tabular-nums;font-weight:800;font-size:15px}.wb-bpm-lab{font-size:11px;color:var(--wb-faint);font-weight:700}.wb-beats{display:flex;gap:4px;align-items:center;margin-left:2px}.wb-beat{width:6px;height:6px;background:var(--wb-ink);border-radius:50%;opacity:.2;transition:opacity .08s,background .08s}.wb-beat.is-live{opacity:1}.wb-beat.is-one.is-live{background:var(--wb-red)}.wb-metro-mode{padding:4px 8px;border:1px solid var(--wb-line3);border-radius:6px;font-size:12px;font-weight:600;color:var(--wb-ink2);background:var(--wb-paper);margin-left:2px;font-family:inherit}.wb-pad{display:flex;align-items:center;gap:9px;padding:0 16px;border-right:1px solid var(--wb-line);height:46px}.wb-pad-ring{position:relative;width:14px;height:14px;display:inline-grid;place-items:center;background:none;border:none;padding:0}.wb-pad-halo{position:absolute;width:13px;height:13px;border:1.5px solid var(--wb-teal);border-radius:50%;opacity:.45}.wb-pad-ring.is-on .wb-pad-halo{opacity:1;animation:wb-dring 2.2s linear infinite}.wb-pad-core{width:7px;height:7px;background:var(--wb-teal);border-radius:50%;opacity:.5}.wb-pad-ring.is-on .wb-pad-core{opacity:1}.wb-pad-lab{font-weight:600;font-size:13px;color:var(--wb-padtx)}.wb-pad-vol{width:56px;accent-color:var(--wb-teal)}.wb-metro-vol{width:52px;accent-color:var(--wb-ink);margin-left:2px}.wb-util-spacer{flex:1}.wb-keysel{position:relative;height:46px;border-left:1px solid var(--wb-line);margin-left:auto}.wb-keysel-btn{display:flex;align-items:center;gap:7px;height:100%;padding:0 18px;background:none;border:none;color:var(--wb-ink)}.wb-keysel-btn:hover{background:color-mix(in srgb,var(--wb-ink) 4%,transparent)}.wb-keysel-lab{font-size:11px;letter-spacing:.14em;color:var(--wb-muted);text-transform:uppercase;font-weight:600}.wb-keysel-val{font-weight:800;font-size:18px;color:var(--wb-ink)}.wb-keysel-caret{color:var(--wb-muted);font-size:11px}.wb-keysel-menu{position:absolute;top:100%;right:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:8px;width:260px;background:var(--wb-paper2);border:1px solid var(--wb-line);border-radius:8px;box-shadow:0 8px 28px #14120c29}.wb-keysel-opt{padding:6px 4px;border:1px solid var(--wb-line2);border-radius:5px;background:var(--wb-paper);font-weight:700;font-size:12px;color:var(--wb-ink2)}.wb-keysel-opt:hover{border-color:var(--wb-ink);color:var(--wb-ink)}.wb-keysel-opt.is-active{background:var(--wb-ink);color:var(--wb-paper);border-color:var(--wb-ink)}.wb-theme{display:flex;align-items:center;gap:6px;padding:0 16px;height:46px;border-left:1px solid var(--wb-line)}.wb-sw{width:20px;height:20px;border-radius:50%;padding:0}.wb-sw-dark{background:#2b2b29;border:1.5px solid #2b2b29}.wb-sw-light{background:#f1f1ee;border:1.5px solid #cacac3}.wb-sw.is-active{box-shadow:0 0 0 2px var(--wb-paper2),0 0 0 3.5px var(--wb-blue)}.wb-ref{display:grid;grid-template-columns:auto repeat(7,1fr);border-bottom:1px solid var(--wb-line);background:var(--wb-paper3)}.wb-ref-key{padding:10px 14px;border-right:1px solid var(--wb-line2);display:flex;align-items:center}.wb-ref-key span{font-size:10px;letter-spacing:.14em;color:var(--wb-faint);font-weight:700;text-transform:uppercase}.wb-ref-cell{padding:8px 14px 9px;border-right:1px solid var(--wb-line2);display:flex;align-items:baseline;gap:6px}.wb-ref-cell:last-child{border-right:none}.wb-ref-num{font-weight:800;font-size:19px}.wb-ref-name{font-size:12px;color:var(--wb-muted);font-weight:600}.wb-ref-cell.is-accent{background:var(--wb-redcell)}.wb-ref-cell.is-accent .wb-ref-num{color:var(--wb-red)}.wb-ref-cell.is-accent .wb-ref-name{color:var(--wb-red);font-weight:700}.wb-body{display:flex;align-items:stretch}.wb-rail{width:212px;flex:none;border-right:1px solid var(--wb-line);background:var(--wb-paper2)}.wb-rail-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid var(--wb-line)}.wb-rail-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.wb-rail-list{padding:8px}.wb-sec{padding:7px 10px;border-radius:6px;margin-bottom:4px;border:1.5px solid transparent;cursor:pointer}.wb-sec:hover{background:#17140f08}.wb-sec.is-active{background:var(--wb-btint);border-color:var(--wb-blue)}.wb-sec-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.wb-sec-name{flex:1;min-width:0;background:none;border:none;padding:0;font-weight:700;font-size:12.5px;color:var(--wb-ink);font-family:inherit}.wb-sec-name:focus{outline:none}.wb-sec.is-active .wb-sec-name{font-weight:800;color:var(--wb-blue)}.wb-sec-idx{font-size:9px;color:var(--wb-faint);font-weight:700}.wb-sec.is-active .wb-sec-idx{color:var(--wb-blue);font-weight:800}.wb-sec-deg{width:100%;background:none;border:none;padding:2px 0 0;margin-top:1px;font-weight:800;font-size:13px;color:var(--wb-ink2);letter-spacing:.02em;font-family:inherit}.wb-sec-deg:focus{outline:none;color:var(--wb-ink)}.wb-sec.is-active .wb-sec-deg{color:var(--wb-ink)}.wb-sec-deg::placeholder{color:var(--wb-faint);font-weight:600}.wb-sec-tools{display:none;gap:2px;margin-top:4px}.wb-sec:hover .wb-sec-tools,.wb-sec.is-active .wb-sec-tools{display:flex}.wb-sec-add{margin-top:4px;width:100%;padding:8px 10px;border:1.5px dashed var(--wb-line3);border-radius:6px;color:var(--wb-faint);font-weight:700;font-size:12.5px;display:flex;align-items:center;gap:7px;background:none;text-align:left}.wb-sec-add:hover{border-color:var(--wb-ink2);color:var(--wb-ink2)}.wb-sec-add-plus{font-size:15px;line-height:.6}.wb-rail-spine{width:46px;flex:none;border-right:1px solid var(--wb-line);background:var(--wb-paper2);display:flex;flex-direction:column;align-items:center;padding:12px 0}.wb-spine-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--wb-muted);margin-top:14px}.wb-spine-dot{width:8px;height:8px;border-radius:50%;background:var(--wb-blue);margin-top:auto}.wb-icon-btn{border:1px solid var(--wb-line3);background:var(--wb-paper);border-radius:5px;min-width:22px;height:22px;font-size:12px;font-weight:800;color:var(--wb-muted);line-height:1;display:grid;place-items:center;padding:0}.wb-icon-btn:hover{color:var(--wb-ink);border-color:var(--wb-ink2)}.wb-collapse{width:22px}.wb-mod-toggle{width:24px;height:24px;font-size:15px}.wb-center{flex:1;min-width:0;display:flex;flex-direction:column}.wb-head{position:relative;overflow:hidden;padding:22px 28px 20px;border-bottom:1px solid var(--wb-line);background:var(--wb-head-bg)}.wb-head-tex{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wb-tex-staff .wb-head-tex{opacity:.45;background-position:0 20px;background-image:repeating-linear-gradient(180deg,var(--wb-tex) 0,var(--wb-tex) 1px,transparent 1px,transparent 11px);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%)}.wb-tex-hatch .wb-head-tex{opacity:.3;background-image:repeating-linear-gradient(45deg,var(--wb-tex) 0,var(--wb-tex) 1px,transparent 1px,transparent 9px)}.wb-tex-dots .wb-head-tex{opacity:.5;background-image:radial-gradient(var(--wb-tex) 1.1px,transparent 1.3px);background-size:15px 15px}.wb-head-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) auto;gap:28px;align-items:center}.wb-ident{min-width:0}.wb-ident .wb-title,.wb-ident .wb-artist{width:100%;min-width:0}.wb-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--wb-faint);font-weight:700;margin-bottom:5px}.wb-title{display:block;background:none;border:none;padding:0;width:100%;font-family:inherit;font-weight:800;font-size:40px;line-height:.92;letter-spacing:-.01em;color:var(--wb-ink)}.wb-title:focus{outline:none}.wb-title::placeholder{color:var(--wb-line3)}.wb-artist{display:block;background:none;border:none;padding:0;margin-top:4px;width:100%;font-family:inherit;font-size:15px;color:var(--wb-muted);font-weight:600}.wb-artist:focus{outline:none}.wb-nowpill{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:5px 11px 5px 8px;background:var(--wb-btint);border:1px solid var(--wb-bborder);border-radius:20px;width:max-content}.wb-nowpill-dot{width:8px;height:8px;background:var(--wb-blue);border-radius:50%}.wb-nowpill b{font-weight:800;font-size:13px;color:var(--wb-blue)}.wb-nowpill-meta{font-size:11px;color:var(--wb-metatx);font-weight:600}.wb-ribbon{min-width:0}.wb-ribbon-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.wb-ribbon-lab{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--wb-muted);font-weight:700}.wb-ribbon-sub{font-size:11px;color:var(--wb-faint);font-weight:600}.wb-ribbon-track{display:flex;gap:4px;align-items:stretch}.wb-ribbon-empty{font-size:11px;color:var(--wb-faint);font-style:italic;padding:18px 0}.wb-seg{flex:1;min-width:0;background:var(--wb-paper3);border:1px solid var(--wb-line);border-radius:7px;padding:8px 9px;display:flex;flex-direction:column;justify-content:space-between;min-height:56px;text-align:left;gap:6px}.wb-seg:hover{border-color:var(--wb-ink2)}.wb-seg-idx{font-size:9px;font-weight:800;color:var(--wb-faint)}.wb-seg-name{font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-seg.is-active{border:none;box-shadow:0 2px 8px #14120c29}.wb-seg.is-active .wb-seg-idx{color:#fff;opacity:.78}.wb-seg.is-active .wb-seg-name{color:#fff;font-weight:800}.wb-stats{display:flex;text-align:center;border:1px solid var(--wb-line2);border-radius:10px;overflow:hidden;background:var(--wb-well)}.wb-stat{padding:11px 18px 12px;border-right:1px solid var(--wb-line2)}.wb-stat:last-child{border-right:none}.wb-stat-lab{font-size:10px;letter-spacing:.14em;color:var(--wb-faint);font-weight:700;text-transform:uppercase;margin-bottom:3px}.wb-stat-num{font-weight:800;font-size:30px;line-height:1;font-variant-numeric:tabular-nums;color:var(--wb-ink)}.wb-stat-input{width:3.2ch;background:none;border:none;padding:0;text-align:center;font-family:inherit;-moz-appearance:textfield}.wb-stat-input::-webkit-outer-spin-button,.wb-stat-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wb-stat-input:focus{outline:none;color:var(--wb-red)}.wb-tiles{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.wb-tiles-empty{flex:1;padding:18px 16px;text-align:center;font-style:italic;color:var(--wb-faint);background:var(--wb-well);border:1px dashed var(--wb-line2);border-radius:8px;font-size:13px;font-weight:600}.wb-tile{flex:1 1 84px;min-width:84px;text-align:center;padding:10px 16px;background:var(--wb-well);border:1px solid var(--wb-line2);border-radius:8px}.wb-tile:hover{border-color:var(--wb-ink2)}.wb-tile-num{font-weight:800;font-size:40px;line-height:.85;color:var(--wb-ink)}.wb-tile-suffix{font-size:22px}.wb-tile-name{font-weight:700;font-size:14px;color:var(--wb-red);margin-top:5px}.wb-tile.is-selected{background:var(--wb-ink);border-color:var(--wb-ink)}.wb-tile.is-selected .wb-tile-num{color:var(--wb-paper)}.wb-tile.is-selected .wb-tile-name{color:#ff7a63}.wb-mod{border-bottom:1px solid var(--wb-line)}.wb-mod:last-child{border-bottom:none}.wb-mod-head{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--wb-paper2)}.wb-mod-head-left{display:flex;align-items:baseline;gap:12px}.wb-mod-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.wb-mod-sub{font-size:12px;color:var(--wb-faint);font-weight:600}.wb-mod-body{padding:16px 28px 22px}.wb-micro{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wb-faint);font-weight:700;margin-bottom:8px}.wb-scale-rows{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:16px}.wb-chips{display:flex;flex-wrap:wrap;gap:7px}.wb-chip{padding:6px 12px;background:var(--wb-paper3);border:1px solid var(--wb-line);border-radius:20px;font-weight:700;font-size:12.5px;color:var(--wb-ink)}.wb-chip:hover{border-color:var(--wb-ink2)}.wb-chip.is-active{background:var(--wb-ink);color:var(--wb-paper);border-color:var(--wb-ink)}.wb-chordtiles{display:flex;gap:7px;flex-wrap:wrap}.wb-chordtile{text-align:center;min-width:52px;padding:6px 10px;background:var(--wb-well);border:1px solid var(--wb-line2);border-radius:7px}.wb-chordtile:hover{border-color:var(--wb-ink2)}.wb-chordtile-num{font-weight:800;font-size:14px;color:var(--wb-ink)}.wb-chordtile-name{font-size:11px;color:var(--wb-muted);font-weight:600}.wb-chordtile.is-selected{background:var(--wb-btint);border:1.5px solid var(--wb-blue)}.wb-chordtile.is-selected .wb-chordtile-num{color:var(--wb-blue)}.wb-chordtile.is-selected .wb-chordtile-name{color:var(--wb-blue);font-weight:700}.wb-arp-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.wb-arp-label{margin-bottom:0}.wb-arpchip{padding:6px 14px;background:var(--wb-paper3);border:1px solid var(--wb-line);border-radius:20px;font-weight:700;font-size:13px;color:var(--wb-ink)}.wb-arpchip:hover{border-color:var(--wb-ink2)}.wb-arpchip.is-active{background:var(--wb-ink);color:var(--wb-paper);border-color:var(--wb-ink);font-weight:800}.wb-arp-legend{display:flex;gap:14px;margin-left:auto}.wb-alg{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.wb-alg i{width:15px;height:15px;border-radius:50%;display:inline-block}.wb-neck-cap{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.wb-neck-title{font-weight:800;font-size:13px}.wb-neck-hint{font-size:11px;color:var(--wb-faint);font-weight:700}.wb-neck-board{background:var(--wb-well);border:1px solid var(--wb-line2);border-radius:9px;padding:12px 14px 8px;overflow-x:auto}.wb-fb{width:100%;min-width:600px;max-width:1200px;margin:0 auto;height:auto;display:block}.wb-legend{display:flex;gap:16px;padding:6px 2px 0;font-size:11px;font-weight:600;color:var(--wb-muted);flex-wrap:wrap}.wb-lg{display:flex;align-items:center;gap:6px}.wb-lg-dot{width:11px;height:11px;border-radius:50%;display:inline-block}.wb-lg-target{color:var(--wb-blue);font-weight:700;margin-left:auto}.wb-neck-caption{padding:6px 2px 0;font-size:12px;font-weight:600;color:var(--wb-muted)}.wb-neck-caption b{color:var(--wb-ink)}.wb-capo-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.wb-capo-lab{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wb-faint);font-weight:700}.wb-capo-val{font-weight:800;font-size:18px;font-variant-numeric:tabular-nums}.wb-capo-hint{font-size:12px;color:var(--wb-muted);font-weight:600}.wb-chart-well{background:var(--wb-well);border:1px solid var(--wb-line2);border-radius:9px;padding:16px 18px}.wb-chart-notes{width:100%;border:none;background:none;resize:vertical;font-family:inherit;font-size:13.5px;line-height:1.7;color:var(--wb-ink2)}.wb-chart-notes:focus{outline:none}.wb-chart-notes::placeholder{color:var(--wb-faint)}@media (max-width: 1040px){.wb-head-grid{grid-template-columns:minmax(0,1fr) auto;gap:20px 28px}.wb-ribbon{grid-column:1 / -1;order:3}}@media (max-width: 720px){.wb-head{padding:18px 18px 16px}.wb-head-grid{grid-template-columns:1fr;gap:16px}.wb-stats{justify-content:flex-start;width:max-content}.wb-body{flex-direction:column}.wb-rail{width:auto;border-right:none;border-bottom:1px solid var(--wb-line)}.wb-rail-spine{width:auto;flex-direction:row;align-items:center;gap:12px;border-right:none;border-bottom:1px solid var(--wb-line);padding:10px 14px}.wb-spine-label{writing-mode:horizontal-tb;transform:none;margin-top:0}.wb-spine-dot{margin-top:0;margin-left:auto}.wb-mod-head,.wb-mod-body{padding-left:18px;padding-right:18px}.wb-ref{grid-template-columns:auto repeat(7,minmax(44px,1fr));overflow-x:auto}}@media (max-width: 420px){.wb-title{font-size:32px}.wb-tile-num{font-size:34px}.wb-head,.wb-mod-head,.wb-mod-body{padding-left:16px;padding-right:16px}}#song-canvas .wb :focus-visible{outline:2px solid var(--wb-blue);outline-offset:2px;border-radius:4px}#song-canvas .wb .wb-fb :focus-visible{outline:none}.wb-tile.is-ghost{background:transparent;border-style:dashed;border-color:var(--wb-line2)}.wb-tile.is-ghost .wb-tile-num{color:#ccc3b0}.wb-tile-cta{flex:1.4;padding:10px 16px;border:1.5px dashed var(--wb-line3);border-radius:8px;background:none;color:var(--wb-ink2);font-weight:800;font-size:15px;letter-spacing:-.01em}.wb-tile-cta:hover{border-color:var(--wb-ink);color:var(--wb-ink);background:#17140f05}@media (prefers-reduced-motion: reduce){#song-canvas .wb .wb-pad-halo,#song-canvas .wb .wb-beat{animation:none!important}#song-canvas .wb *{transition-duration:.01ms!important}}