:root{--bg-app: #eef3f8;--bg-panel: #e2eaf3;--bg-card: #d6e2ee;--bg-header: #cdd8e8;--bg-input: #dce6f2;--accent: #2878a0;--accent-h: #368ab5;--accent-dk: #1a6080;--accent-light: #5aa8cf;--accent-light-h: #6fb6da;--tab-selected-accent: var(--accent-dk);--hw-face-pressed-top: color-mix(in srgb, var(--bg-card) 100%, black 10%);--hw-face-pressed-bottom: color-mix(in srgb, var(--bg-card) 100%, black 22%);--text: #192534;--text-sub: #2d4a65;--text-muted: #4e6a85;--border: #b0c6dc;--border-h: #88a8c4;--tab-active-bg: #dcedf6;--danger: #b83838;--danger-h: #cc4a4a;--success: #228860;--warn: #a07010;--warn-h: #b88520;--slate: #64748b;--visibility-private: #5b6472;--visibility-public: #2563eb;--inversion-3rd: #7c4fb0;--inversion-4th: #b0397a;--shadow: rgba(0, 0, 0, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 22px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--chord-color: var(--accent-dk);--lyric-color: var(--text);--line-active-bg: rgba(40, 120, 160, .12);--line-completed-color: var(--text-muted);--pill-strong-bg: var(--text-sub);--pill-strong-text: var(--bg-app);--video-bg: #14202c;--glass-bg: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .6)}[data-theme=dark]{--bg-app: #1b2736;--bg-panel: #212f40;--bg-card: #283a4f;--bg-header: #141f2c;--bg-input: #1f2e3f;--accent: #4a9ebb;--accent-h: #5db8d8;--accent-dk: #3a7a9a;--accent-light: #7cc4dd;--accent-light-h: #8fd0e6;--tab-selected-accent: var(--accent-h);--hw-face-pressed-top: color-mix(in srgb, var(--bg-card) 100%, white 8%);--hw-face-pressed-bottom: color-mix(in srgb, var(--bg-card) 100%, white 18%);--text: #dde9f4;--text-sub: #8aafc8;--text-muted: #567090;--border: #2e4560;--border-h: #3e5878;--tab-active-bg: #2c4256;--danger: #d95f5f;--danger-h: #f07070;--success: #4dbf90;--warn: #d4a040;--warn-h: #e8b850;--slate: #94a3b8;--visibility-private: #7c8794;--inversion-3rd: #b98ae0;--inversion-4th: #e87ba8;--shadow: rgba(0, 0, 0, .45);--chord-color: var(--accent-h);--lyric-color: var(--text);--line-active-bg: rgba(74, 158, 187, .18);--line-completed-color: var(--text-muted);--pill-strong-bg: var(--text);--pill-strong-text: var(--bg-app);--glass-bg: rgba(33, 47, 64, .55);--glass-border: rgba(255, 255, 255, .08)}*,*:before,*:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--border);background-clip:content-box;border:2px solid transparent;border-radius:20px}*::-webkit-scrollbar-thumb:hover{background-color:var(--border-h)}*::-webkit-scrollbar-corner{background:transparent}html,body,#root{height:100%}body{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0;background:var(--bg-app);color:var(--text);font-family:var(--font-family);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button:not(:disabled),[role=button]:not([aria-disabled=true]),.clickable{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);padding:10px 12px;font-size:14px}input:hover,select:hover,textarea:hover{border-color:var(--border-h)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}a{color:var(--accent)}.pc-tooltip-wrapper{display:inline-flex;align-items:center}.pc-tooltip-bubble{position:fixed;background:var(--text);color:var(--bg-app);padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;white-space:normal;width:max-content;max-width:280px;text-align:left;box-shadow:0 4px 14px var(--shadow);z-index:3000;pointer-events:none}.pc-dropdown-trigger{justify-content:space-between;width:100%;text-align:left}.pc-dropdown-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-dropdown-chevron{flex-shrink:0;color:var(--accent);transition:transform .13s ease}.pc-dropdown-chevron-open{transform:rotate(180deg)}.pc-dropdown-panel{position:fixed;z-index:3000;width:max-content;max-width:min(480px,calc(100vw - 16px));max-height:min(320px,calc(100vh - 24px));overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:inset 0 1px color-mix(in srgb,white 20%,transparent),0 10px 28px color-mix(in srgb,var(--shadow) 70%,transparent);padding:4px}.pc-dropdown-group+.pc-dropdown-group{margin-top:4px;padding-top:4px;border-top:1px solid var(--border)}.pc-dropdown-group-label{padding:6px 10px 2px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.pc-dropdown-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text);font-size:14px;text-align:left;white-space:nowrap}.pc-dropdown-option:hover,.pc-dropdown-option-highlighted{background:var(--bg-card)}.pc-dropdown-option[aria-selected=true]{color:var(--accent);font-weight:600}.pc-dropdown-option-check{flex-shrink:0;color:var(--accent)}.pc-dropdown-option-check-empty{visibility:hidden}.pc-info-popover{position:fixed;z-index:3000;width:max-content;max-width:320px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 16px 40px var(--shadow);padding:12px 14px;font-size:13px;line-height:1.5;color:var(--text-sub)}.pc-info-popover a{color:var(--accent)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}body:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-1;filter:blur(2px);pointer-events:none;background:linear-gradient(90deg,#fff0 12%,#ffffff73,#fff0 40%,#fff0 62%,#fff6 78%,#fff0 92%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.9' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.62  0 0 0 0 0.64  0 0 0 0 0.67  0.7 0 0 0 -0.25'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23m)'/%3E%3C/svg%3E") 0 0 / 400px 400px repeat,linear-gradient(180deg,#cdd2d9,#aab1ba)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) body:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.9' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.62  0 0 0 0 0.64  0 0 0 0 0.67  0.1 0 0 0 -0.03'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23m)'/%3E%3C/svg%3E") 0 0 / 400px 400px repeat,linear-gradient(180deg,#3a424c,#252b33)}}:root[data-theme=dark] body:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.9' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.62  0 0 0 0 0.64  0 0 0 0 0.67  0.1 0 0 0 -0.03'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23m)'/%3E%3C/svg%3E") 0 0 / 400px 400px repeat,linear-gradient(180deg,#3a424c,#252b33)}#root{overflow-x:hidden}html,body{overscroll-behavior-y:contain}.pc-inline-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-radius:0;margin:0;padding:10px 20px}.pc-crash-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-app)}.pc-crash-card{max-width:420px;text-align:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:0 20px 50px var(--shadow)}.pc-crash-card h2{margin:0 0 8px}.pc-crash-card p{color:var(--text-muted);margin:0 0 20px}.pc-mobile-only{display:none!important}.pc-desktop-only{display:inline-flex!important}@media(max-width:760px){.pc-mobile-only{display:inline-flex!important}.pc-desktop-only{display:none!important}}.pc-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:var(--radius-sm);padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:background .15s,border-color .15s}.pc-btn:hover:not(:disabled){border-color:var(--border-h)}.pc-btn:disabled{opacity:.45;cursor:not-allowed}.pc-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.pc-btn-primary:hover:not(:disabled){background:var(--accent-h);border-color:var(--accent-h)}.pc-btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.pc-btn-danger:hover:not(:disabled){background:var(--danger-h)}.pc-btn-ghost{background:transparent;border-color:transparent}.pc-btn-ghost:hover:not(:disabled){background:var(--bg-card)}.pc-btn-sm{padding:5px 10px;font-size:12px}.pc-icon-btn{border:1px solid transparent;background:transparent;color:var(--text-sub);border-radius:var(--radius-sm);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.pc-icon-btn:hover:not(:disabled){background:var(--bg-card);color:var(--text);border-color:var(--border-h)}.pc-icon-btn-danger:hover:not(:disabled){background:#b8383824;color:var(--danger)}.pc-icon-btn[aria-pressed=true]:not(.pc-theme-toggle){background:var(--accent);color:#fff}.pc-icon-btn[aria-pressed=true]:not(.pc-theme-toggle):hover:not(:disabled){background:var(--accent-h);color:#fff;border-color:var(--accent-h)}@media(hover:none){.pc-icon-btn.pc-section-toggle-btn:hover:not(:disabled),.pc-icon-btn.pc-section-toggle-btn:active:not(:disabled){background:transparent;border-color:transparent;color:var(--text-sub)}}.pc-link-btn{background:none;border:none;color:var(--accent);font-size:13px;padding:4px 0;text-decoration:underline;text-underline-offset:2px}.pc-login-overlay{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-app)}.pc-login-theme-toggle{position:absolute;top:20px;right:20px}.pc-login-card{width:100%;max-width:400px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:0 20px 50px var(--shadow)}.pc-login-brand{text-align:center;margin-bottom:20px}.pc-login-icon{width:48px;height:48px;display:block;margin:0 auto 10px}.pc-login-logo{font-size:24px;font-weight:800;color:var(--text)}.pc-login-tagline{color:var(--text-muted);font-size:13px;margin:6px 0 0}.pc-login-copy{color:var(--text-sub);font-size:14px;line-height:1.5;margin:4px 0 16px}.pc-forced-password-account{margin-top:-8px}.pc-forced-password-account .pc-link-btn{font-size:inherit;padding:0;vertical-align:baseline}.pc-login-biometric-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.pc-login-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--text-muted);font-size:12px}.pc-login-divider:before,.pc-login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.pc-tabs{display:flex;background:var(--bg-card);border-radius:var(--radius-sm);padding:4px;margin-bottom:20px;gap:4px}.pc-tab{flex:1;border:none;background:transparent;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:600;color:var(--text-sub);white-space:nowrap}.pc-tab.active{background:var(--accent);color:#fff}.pc-tab-panel{display:flex;flex-direction:column;gap:4px;min-height:210px}.pc-tab-panel-guest{justify-content:flex-start}.pc-field-label{display:block;font-size:12px;font-weight:600;color:var(--text-sub);margin:10px 0 6px}.pc-tab-panel input,.pc-tab-panel .pc-password-field,.pc-forced-password-form input,.pc-forced-password-form .pc-password-field{width:100%;margin-bottom:4px}.pc-tab-panel .pc-btn{justify-content:center}.pc-form-actions-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.pc-form-actions-row .pc-btn{flex-shrink:0}.pc-form-actions-row .pc-link-btn{white-space:nowrap}.pc-password-field{position:relative}.pc-password-field input{width:100%;padding-right:42px}.pc-eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);display:flex;align-items:center;padding:4px}.pc-strength{font-size:12px;margin:2px 0 0;font-weight:600}.pc-strength-weak{color:var(--danger)}.pc-strength-medium{color:var(--warn)}.pc-strength-strong{color:var(--success)}.pc-msg{border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;margin-bottom:12px}.pc-msg-error{background:#b838381f;color:var(--danger);border:1px solid rgba(184,56,56,.3)}.pc-msg-success{background:#2288601f;color:var(--success);border:1px solid rgba(34,136,96,.3)}.pc-msg-info{background:#2878a01f;color:var(--accent-dk);border:1px solid rgba(40,120,160,.3)}.pc-msg-warn{background:#a070101f;color:var(--warn);border:1px solid rgba(160,112,16,.3)}.pc-spinner{display:inline-flex}.pc-spinner-dot{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:pc-spin .7s linear infinite}@keyframes pc-spin{to{transform:rotate(360deg)}}.pc-full-screen-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-muted)}.pc-pwa-prompt{position:fixed;left:16px;right:16px;bottom:16px;max-width:380px;margin:0 auto;display:flex;gap:12px;padding:16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 16px 40px var(--shadow);z-index:2500}.pc-pwa-prompt-close{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-muted);border-radius:50%;cursor:pointer}.pc-pwa-prompt-close:hover{background:var(--bg-card)}.pc-pwa-prompt-icon{width:44px;height:44px;border-radius:var(--radius-sm);flex-shrink:0}.pc-pwa-prompt-body{min-width:0}.pc-pwa-prompt-title{margin:0 0 2px;font-size:14px;font-weight:700;color:var(--text)}.pc-pwa-prompt-copy{margin:0 0 10px;font-size:12px;color:var(--text-muted);line-height:1.5}.pc-pwa-prompt-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:8px 14px;width:100%;justify-content:center}.pc-transport-selector{display:inline-flex;flex-shrink:0;padding:3px;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--bg-app) 100%,black 5%);border:1px solid color-mix(in srgb,var(--border) 100%,black 10%);box-shadow:inset 0 1px 3px color-mix(in srgb,black 22%,transparent)}.pc-transport-selector-btn{--ts-accent: var(--text-sub);position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-right:1px solid rgba(0,0,0,.55);border-radius:0;cursor:pointer;background:radial-gradient(circle at 38% 32%,color-mix(in srgb,white 55%,transparent) 0%,transparent 42%),linear-gradient(160deg,color-mix(in srgb,var(--bg-card) 100%,white 15%) 0%,var(--bg-card) 55%,color-mix(in srgb,var(--bg-card) 100%,black 10%) 100%);box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -3px 5px #0000002e,inset 0 2px 6px #0000001f,0 1px #ffffff26;transform:translateY(0);transition:transform .13s cubic-bezier(.2,.8,.2,1),box-shadow .13s ease,background .13s ease}.pc-transport-selector-btn:last-child{border-right:none}.pc-transport-selector-btn:first-child{border-top-left-radius:9px;border-bottom-left-radius:9px}.pc-transport-selector-btn:last-child{border-top-right-radius:9px;border-bottom-right-radius:9px}.pc-transport-selector-btn svg{position:relative;z-index:1;width:18px;height:18px;color:var(--text-sub)}.pc-transport-selector-btn:hover:not(:disabled):not(.pc-transport-selector-btn-selected){background:radial-gradient(circle at 38% 28%,color-mix(in srgb,white 72%,transparent) 0%,transparent 44%),linear-gradient(160deg,color-mix(in srgb,var(--bg-card) 100%,white 22%),color-mix(in srgb,var(--bg-card) 100%,white 5%) 55%,color-mix(in srgb,var(--bg-card) 100%,black 4%))}[data-theme=dark] .pc-transport-selector-btn:not(.pc-transport-selector-btn-selected){background:radial-gradient(circle at 38% 32%,color-mix(in srgb,white 16%,transparent) 0%,transparent 42%),linear-gradient(160deg,color-mix(in srgb,var(--bg-card) 100%,white 15%) 0%,var(--bg-card) 55%,color-mix(in srgb,var(--bg-card) 100%,black 10%) 100%);box-shadow:inset 0 1px 1px #ffffff38,inset 0 -3px 5px #00000052,inset 0 2px 6px #0000003d,0 1px #ffffff0d}[data-theme=dark] .pc-transport-selector-btn:hover:not(:disabled):not(.pc-transport-selector-btn-selected){background:radial-gradient(circle at 38% 28%,color-mix(in srgb,white 24%,transparent) 0%,transparent 44%),linear-gradient(160deg,color-mix(in srgb,var(--bg-card) 100%,white 22%),color-mix(in srgb,var(--bg-card) 100%,white 5%) 55%,color-mix(in srgb,var(--bg-card) 100%,black 4%))}.pc-transport-selector-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:2}.pc-transport-selector-btn:disabled{cursor:not-allowed;opacity:.5}.pc-transport-selector-btn-selected{background:linear-gradient(160deg,color-mix(in srgb,var(--ts-accent) 85%,white 12%) 0%,var(--ts-accent) 55%,color-mix(in srgb,var(--ts-accent) 78%,black 28%) 100%);box-shadow:inset 0 2px 4px #0006,inset 0 -1px #ffffff26,0 0 6px 1px color-mix(in srgb,var(--ts-accent) 35%,transparent);transition-duration:.1s}.pc-transport-selector-btn-selected svg{color:#fff}.pc-transport-selector-btn-play.pc-transport-selector-btn-selected{--ts-accent: var(--success)}.pc-transport-selector-btn-pause.pc-transport-selector-btn-selected{--ts-accent: var(--accent)}.pc-transport-selector-btn-stop.pc-transport-selector-btn-selected{--ts-accent: var(--danger)}.pc-transport-selector-btn-rewind.pc-transport-selector-btn-selected,.pc-transport-selector-btn-fastForward.pc-transport-selector-btn-selected{--ts-accent: var(--accent)}.pc-transport-selector-btn-record.pc-transport-selector-btn-selected{--ts-accent: #d9363e}@media(prefers-reduced-motion:reduce){.pc-transport-selector-btn{transition:none}}.pc-toggle-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.pc-toggle-switch-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pc-toggle-switch-track{position:relative;flex-shrink:0;width:44px;height:24px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--text-sub) 100%,black 10%),color-mix(in srgb,var(--text-sub) 100%,black 25%));border:1px solid color-mix(in srgb,black 30%,transparent);box-shadow:inset 0 2px 4px color-mix(in srgb,black 35%,transparent);transition:background .16s ease}.pc-toggle-switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(155deg,#fff,#dcdcdc);box-shadow:0 1px 2px #0000004d,0 2px 3px #0003,inset 0 1px #fffc;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.pc-toggle-switch-input:checked+.pc-toggle-switch-track{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 100%,white 15%) 0%,var(--accent) 100%)}.pc-toggle-switch-input:checked+.pc-toggle-switch-track .pc-toggle-switch-knob{transform:translate(20px)}.pc-toggle-switch-input:focus-visible+.pc-toggle-switch-track{outline:2px solid var(--accent);outline-offset:2px}.pc-toggle-switch-input:disabled+.pc-toggle-switch-track{opacity:.6}.pc-toggle-switch-label{font-size:14px;color:var(--text);-webkit-user-select:none;user-select:none}.pc-toggle-switch-disabled{cursor:not-allowed}@media(prefers-reduced-motion:reduce){.pc-toggle-switch-track,.pc-toggle-switch-knob{transition:none}}.pc-rotary-knob-mount{--rk-size: 64px;--knob-panel: var(--bg-app);--knob-recess: color-mix(in srgb, var(--bg-app) 100%, black 4%);--knob-sidewall: color-mix(in srgb, var(--bg-card) 100%, black 14%);--knob-bevel-light: color-mix(in srgb, var(--bg-card) 100%, white 14%);--knob-bevel-dark: color-mix(in srgb, var(--bg-card) 100%, black 9%);--knob-face: color-mix(in srgb, var(--bg-card) 100%, white 7%);--knob-highlight: color-mix(in srgb, white 32%, var(--knob-face));--knob-shadow: color-mix(in srgb, black 28%, transparent);--knob-indicator: color-mix(in srgb, var(--accent) 65%, var(--knob-face) 35%);position:relative;width:calc(var(--rk-size) * 1.22);height:calc(var(--rk-size) * 1.22);border-radius:50%;flex-shrink:0;background:var(--knob-panel)}.pc-rotary-knob-mount:before{content:"";position:absolute;top:3%;right:3%;bottom:3%;left:3%;border-radius:50%;background:var(--knob-recess);box-shadow:inset 2px 2px 4px color-mix(in srgb,white 10%,transparent),inset -3px -4px 8px var(--knob-shadow)}.pc-rotary-knob-mount:after{content:"";position:absolute;top:2%;right:2%;bottom:2%;left:2%;border-radius:50%;box-shadow:3px 4px 9px var(--knob-shadow);pointer-events:none;transition:box-shadow .13s ease}.pc-rotary-knob-mount:has(.pc-rotary-knob-dragging):after{box-shadow:4px 6px 13px color-mix(in srgb,black 8%,var(--knob-shadow))}.pc-rotary-knob{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;cursor:grab;touch-action:none;outline:none;background:linear-gradient(135deg,var(--knob-bevel-light) 0%,var(--knob-bevel-dark) 100%);box-shadow:inset 0 -2px 3px var(--knob-sidewall),0 2px 2px -1px color-mix(in srgb,black 22%,transparent),0 3px 7px color-mix(in srgb,black 18%,transparent);transition:transform 90ms ease,box-shadow .13s ease,background .13s ease}.pc-rotary-knob:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--knob-highlight) 0%,var(--knob-face) 55%,var(--knob-bevel-dark) 100%)}.pc-rotary-knob-indicator{position:absolute;top:16%;left:50%;width:12%;aspect-ratio:1;min-width:5px;min-height:5px;max-width:7px;max-height:7px;border-radius:50%;background:var(--knob-indicator);box-shadow:inset 0 1px 1px color-mix(in srgb,black 30%,transparent),0 1px color-mix(in srgb,white 12%,transparent);transform:translate(-50%);transition:background .13s ease}.pc-rotary-knob:hover:not(.pc-rotary-knob-disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--knob-bevel-light) 100%,white 12%) 0%,var(--knob-bevel-dark) 100%)}.pc-rotary-knob-dragging{cursor:grabbing;transition:none;box-shadow:inset 0 -2px 3px var(--knob-sidewall),0 1px 1px -1px color-mix(in srgb,black 26%,transparent),0 2px 5px color-mix(in srgb,black 22%,transparent)}.pc-rotary-knob-dragging .pc-rotary-knob-indicator,.pc-rotary-knob:focus-visible .pc-rotary-knob-indicator{background:var(--accent)}.pc-rotary-knob:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.pc-rotary-knob-disabled{cursor:not-allowed;opacity:.55}.pc-rotary-knob-disabled .pc-rotary-knob-indicator{background:color-mix(in srgb,var(--knob-indicator) 60%,var(--knob-face) 40%)}[data-theme=dark] .pc-rotary-knob-mount{--knob-recess: color-mix(in srgb, black 25%, var(--bg-app) 75%);--knob-sidewall: color-mix(in srgb, black 35%, var(--bg-card) 65%);--knob-bevel-light: color-mix(in srgb, var(--bg-card) 100%, white 14%);--knob-bevel-dark: color-mix(in srgb, black 20%, var(--bg-card) 80%);--knob-face: color-mix(in srgb, var(--bg-card) 100%, white 11%);--knob-highlight: color-mix(in srgb, white 22%, var(--knob-face));--knob-shadow: color-mix(in srgb, black 55%, transparent);--knob-indicator: color-mix(in srgb, var(--accent) 75%, var(--knob-face) 25%)}@media(prefers-reduced-motion:reduce){.pc-rotary-knob,.pc-rotary-knob-indicator,.pc-rotary-knob-mount:after{transition:none}}.pc-app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;height:var(--app-vh, 100dvh);background:transparent;overflow:hidden}:root{--rail-base: linear-gradient(180deg, #98a2ae 0%, #7b8692 100%);--rail-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.9' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.52  0.6 0 0 0 -0.2'/%3E%3CfeGaussianBlur stdDeviation='0.7'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23r)'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--rail-base: linear-gradient(180deg, #4a535e 0%, #353d47 100%);--rail-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.9' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.52  0.35 0 0 0 -0.1'/%3E%3CfeGaussianBlur stdDeviation='0.7'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23r)'/%3E%3C/svg%3E")}}:root[data-theme=dark]{--rail-base: linear-gradient(180deg, #4a535e 0%, #353d47 100%);--rail-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.9' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.52  0.35 0 0 0 -0.1'/%3E%3CfeGaussianBlur stdDeviation='0.7'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23r)'/%3E%3C/svg%3E")}:root{--perf-base: #b4bcc6;--perf-hole: #0b0e12;--perf-rim: #f2f5f8;--plate-top: #f7f9fb;--plate-bottom: #aab3be;--plate-edge: #7d8794;--screw-core: #5a6470;--slot: #2b323b;--chord-divider: #1f3d57;--plate-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='48'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.52  1.6 0 0 0 -0.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--perf-base: #4b5461;--perf-hole: #030405;--perf-rim: #7d8895;--plate-top: #707c89;--plate-bottom: #343c47;--plate-edge: #14181d;--screw-core: #3a424d;--slot: #0f1216;--chord-divider: #cfe2f1;--plate-noise: none}}:root[data-theme=dark]{--perf-base: #4b5461;--perf-hole: #030405;--perf-rim: #7d8895;--plate-top: #707c89;--plate-bottom: #343c47;--plate-edge: #14181d;--screw-core: #3a424d;--slot: #0f1216;--chord-divider: #cfe2f1;--plate-noise: none}.pc-header{position:relative;z-index:30;isolation:isolate;display:flex;flex-wrap:wrap;row-gap:8px;align-items:center;justify-content:space-between;gap:12px;padding:20px 46px;background:var(--rail-noise) 0 0 / 100% 100% no-repeat,var(--rail-base);background-attachment:fixed;flex-shrink:0;min-width:0}.pc-header:before{content:"";position:absolute;top:8px;right:12px;bottom:8px;left:12px;z-index:-1;border-radius:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CradialGradient id='d' cx='36%25' cy='30%25' r='75%25'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.3' stop-color='%23e6ebf0'/%3E%3Cstop offset='.65' stop-color='%239aa4af'/%3E%3Cstop offset='1' stop-color='%23434c56'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='10' cy='10' r='9.4' fill='%232e353e'/%3E%3Ccircle cx='10' cy='10' r='8.6' fill='url(%23d)'/%3E%3Cpath d='M16.2 14.2A7 7 0 0 1 6.4 16.4' fill='none' stroke='rgba(0,0,0,.28)' stroke-width='1.4'/%3E%3Cg transform='rotate(8 10 10)'%3E%3Cpath d='M10 5.2v9.6M5.2 10h9.6' stroke='%231f252c' stroke-width='2.3' stroke-linecap='butt'/%3E%3Cpath d='M11.2 5.6v9M5.6 11.2h9' stroke='rgba(255,255,255,.6)' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E") left 4px top 4px / 16px 16px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CradialGradient id='d' cx='36%25' cy='30%25' r='75%25'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.3' stop-color='%23e6ebf0'/%3E%3Cstop offset='.65' stop-color='%239aa4af'/%3E%3Cstop offset='1' stop-color='%23434c56'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='10' cy='10' r='9.4' fill='%232e353e'/%3E%3Ccircle cx='10' cy='10' r='8.6' fill='url(%23d)'/%3E%3Cpath d='M16.2 14.2A7 7 0 0 1 6.4 16.4' fill='none' stroke='rgba(0,0,0,.28)' stroke-width='1.4'/%3E%3Cg transform='rotate(31 10 10)'%3E%3Cpath d='M10 5.2v9.6M5.2 10h9.6' stroke='%231f252c' stroke-width='2.3' stroke-linecap='butt'/%3E%3Cpath d='M11.2 5.6v9M5.6 11.2h9' stroke='rgba(255,255,255,.6)' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E") right 4px top 4px / 16px 16px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CradialGradient id='d' cx='36%25' cy='30%25' r='75%25'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.3' stop-color='%23e6ebf0'/%3E%3Cstop offset='.65' stop-color='%239aa4af'/%3E%3Cstop offset='1' stop-color='%23434c56'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='10' cy='10' r='9.4' fill='%232e353e'/%3E%3Ccircle cx='10' cy='10' r='8.6' fill='url(%23d)'/%3E%3Cpath d='M16.2 14.2A7 7 0 0 1 6.4 16.4' fill='none' stroke='rgba(0,0,0,.28)' stroke-width='1.4'/%3E%3Cg transform='rotate(53 10 10)'%3E%3Cpath d='M10 5.2v9.6M5.2 10h9.6' stroke='%231f252c' stroke-width='2.3' stroke-linecap='butt'/%3E%3Cpath d='M11.2 5.6v9M5.6 11.2h9' stroke='rgba(255,255,255,.6)' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E") left 4px bottom 4px / 16px 16px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CradialGradient id='d' cx='36%25' cy='30%25' r='75%25'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.3' stop-color='%23e6ebf0'/%3E%3Cstop offset='.65' stop-color='%239aa4af'/%3E%3Cstop offset='1' stop-color='%23434c56'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='10' cy='10' r='9.4' fill='%232e353e'/%3E%3Ccircle cx='10' cy='10' r='8.6' fill='url(%23d)'/%3E%3Cpath d='M16.2 14.2A7 7 0 0 1 6.4 16.4' fill='none' stroke='rgba(0,0,0,.28)' stroke-width='1.4'/%3E%3Cg transform='rotate(76 10 10)'%3E%3Cpath d='M10 5.2v9.6M5.2 10h9.6' stroke='%231f252c' stroke-width='2.3' stroke-linecap='butt'/%3E%3Cpath d='M11.2 5.6v9M5.6 11.2h9' stroke='rgba(255,255,255,.6)' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E") right 4px bottom 4px / 16px 16px no-repeat,var(--plate-noise) 0 0 / 100% 100% no-repeat,linear-gradient(180deg,var(--plate-top) 0%,var(--plate-bottom) 100%);border:1px solid var(--plate-edge);box-shadow:0 2px 3px #00000073,inset 0 1px #fff9;pointer-events:none}.pc-header-left{display:flex;align-items:stretch;gap:14px;flex:1 1 auto;min-width:0}.pc-brand{display:inline-flex;flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:center;gap:2px;padding:8px 0;box-sizing:border-box;font-weight:800;font-size:23px;line-height:1;color:#3b4957;text-shadow:0 1px 0 rgba(255,255,255,.85),0 -1px 0 rgba(0,0,0,.12);flex-shrink:0}.pc-brand-icon{width:32px;height:32px;flex-shrink:0}.pc-brand-name{white-space:nowrap;margin-top:auto}.pc-brand-accent{color:var(--accent-dk)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pc-brand{color:#eef3f8;text-shadow:0 1px 0 rgba(0,0,0,.6),0 -1px 0 rgba(255,255,255,.12)}:root:not([data-theme=light]) .pc-brand-accent{color:#9fe0f7}}:root[data-theme=dark] .pc-brand{color:#eef3f8;text-shadow:0 1px 0 rgba(0,0,0,.6),0 -1px 0 rgba(255,255,255,.12)}:root[data-theme=dark] .pc-brand-accent{color:#9fe0f7}.pc-header-lcd{flex:1 1 80px;contain:inline-size;min-width:80px;height:68px;display:flex;align-items:center;padding:0 10px;box-sizing:border-box;border-radius:8px;border:3px solid #8e98a5;background:linear-gradient(180deg,#c6e6f8,#9ed0ee 55%,#86c2e6);box-shadow:inset 0 2px 6px #00285059,0 1px #ffffff8c;overflow:hidden}.pc-header-lcd .pc-tooltip-wrapper{display:block;flex:1 1 auto;width:100%;min-width:0;max-width:100%}.pc-dotlcd{width:100%;min-width:0;display:flex;flex-direction:column;gap:6px}.pc-dotlcd-line{display:block;flex-shrink:0}.pc-dotlcd-ghost{fill:#0f2f5e1a}.pc-dotlcd-lit{fill:#0f2f5e}.pc-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.pc-header-right .pc-hw-icon-btn{width:40px;height:40px}.pc-header-right .pc-hw-icon-btn,.pc-header-right .pc-user-menu-trigger{--rubber-face-top: #4a4f57;--rubber-face-mid: #2a2e34;--rubber-face-bottom: #17191d;--rubber-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)'/%3E%3C/svg%3E");position:relative;border-radius:6px;border:1px solid #050506;background:var(--rubber-grain) 0 0 / 120px 120px,linear-gradient(180deg,var(--rubber-face-top) 0%,var(--rubber-face-mid) 50%,var(--rubber-face-bottom) 100%);color:#f2f4f7;box-shadow:inset 0 1px #ffffff29,inset 0 -2px #0000008c,0 3px 3px #00000073,0 6px 12px #00000040;transform:translateY(0);transition:transform .11s cubic-bezier(.2,.8,.2,1),box-shadow .11s ease,background .11s ease}.pc-header-right .pc-hw-icon-btn svg,.pc-header-right .pc-user-menu-trigger svg{color:#f2f4f7;stroke:currentColor;filter:drop-shadow(0 -1px 0 rgba(0,0,0,.7));transition:transform .11s ease}.pc-header-right .pc-hw-icon-btn:hover:not(:disabled),.pc-header-right .pc-user-menu-trigger:hover:not(:disabled){--rubber-face-top: #5a6068;--rubber-face-mid: #343941;--rubber-face-bottom: #1f2226;background:var(--rubber-grain) 0 0 / 120px 120px,linear-gradient(180deg,var(--rubber-face-top) 0%,var(--rubber-face-mid) 50%,var(--rubber-face-bottom) 100%);transform:translateY(-1px);color:#fff;box-shadow:inset 0 1px #ffffff38,inset 0 -2px #0000008c,0 4px 4px #00000073,0 8px 14px #00000040}.pc-header-right .pc-hw-icon-btn:active:not(:disabled),.pc-header-right .pc-user-menu-trigger:active:not(:disabled){--rubber-face-top: #121316;--rubber-face-mid: #1a1c20;--rubber-face-bottom: #232529;background:var(--rubber-grain) 0 0 / 120px 120px,linear-gradient(180deg,var(--rubber-face-top) 0%,var(--rubber-face-mid) 50%,var(--rubber-face-bottom) 100%);transform:translateY(1px);box-shadow:inset 0 2px 4px #0009,0 1px 1px #0006}.pc-header-right .pc-hw-icon-btn:active:not(:disabled) svg,.pc-header-right .pc-user-menu-trigger:active:not(:disabled) svg{transform:translateY(1px);filter:none}.pc-header-right .pc-user-menu-trigger .pc-user-chip{color:#f2f4f7}.pc-header-right .pc-hw-icon-btn:focus-visible,.pc-header-right .pc-user-menu-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:6px}.pc-header-divider{width:1px;align-self:stretch;margin:2px 0;background:var(--border);flex-shrink:0}.pc-header .pc-header-divider{width:2px;margin:4px 0;background:linear-gradient(90deg,#141a2299 0,#141a2299 1px,#ffffffbf 1px,#ffffffbf 2px)}.pc-user-chip{font-size:13px;color:var(--text-sub);padding:6px 10px;background:var(--bg-card);border-radius:20px}.pc-user-chip-guest{color:var(--warn);background:#a0701024}.pc-user-menu{position:relative}.pc-user-menu-trigger{height:40px;padding:6px 12px 6px 14px}.pc-user-menu-trigger .pc-user-chip{padding:0;background:none;border-radius:0}.pc-user-menu-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:20;min-width:220px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:inset 0 1px color-mix(in srgb,white 20%,transparent),0 10px 28px color-mix(in srgb,var(--shadow) 70%,transparent);padding:6px}.pc-user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;background:none;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text);text-align:left;text-decoration:none}.pc-user-menu-item:hover{background:var(--bg-card)}.pc-user-menu-item svg{flex-shrink:0;color:var(--text-muted)}.pc-user-menu-item-danger{color:var(--danger)}.pc-user-menu-item-danger svg{color:var(--danger)}.pc-user-menu-sep{display:block;height:1px;margin:6px 4px;background:var(--border)}.pc-toolbar{position:relative;display:flex;align-items:flex-end;padding-top:10px;background:var(--bg-header);flex-shrink:0}.pc-toolbar-nav-buttons{background:var(--rail-noise) 0 0 / 100% 100% no-repeat,var(--rail-base);background-attachment:fixed;border-bottom:1px solid var(--plate-edge);box-shadow:0 8px 16px -4px #0006;padding-top:0;align-items:center}.pc-toolbar-nav-buttons .pc-toolbar-actions{align-items:center}.pc-toolbar-actions{display:flex;align-items:flex-end;flex:1 1 auto;min-width:0;width:100%}.pc-toolbar-compact .pc-toolbar-actions{gap:6px;padding:8px 12px}.pc-toolbar-compact-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 0;min-width:0;height:46px;padding-left:9px;padding-right:9px}.pc-toolbar-compact-btn svg{flex-shrink:0;width:17px;height:17px}.pc-toolbar-compact-btn-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-align:center;font-size:11px;line-height:1.1}.pc-toolbar-right{position:absolute;top:10px;right:20px;display:flex;align-items:center;pointer-events:none}.pc-btn-active{background:var(--tab-active-bg);border-color:var(--tab-active-bg);color:var(--text)}.pc-btn-active:hover:not(:disabled){background:var(--tab-active-bg);border-color:var(--tab-active-bg);color:var(--text)}.pc-status-pill{font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px}.pc-status-pending{color:var(--text-muted);background:var(--bg-card)}.pc-status-success{color:var(--success);background:#2288601f}.pc-status-error{color:var(--danger);background:#b838381f}.pc-workspace{background:transparent;flex:1;min-height:0}.pc-player-split{height:100%;min-height:0;padding:20px 24px}.pc-framed-area{height:100%;min-height:0;padding:20px 24px;box-sizing:border-box}.pc-framed-card.pc-framed-card-plain{background:transparent;border:none;border-radius:0;overflow:visible}.pc-framed-card{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.pc-split-pane{display:flex;height:100%;min-height:0}.pc-split-left,.pc-split-right{min-width:280px;min-height:0;overflow:hidden}.pc-split-right:has(.pc-player-right){min-width:120px}.pc-split-divider{flex-shrink:0;width:10px;cursor:col-resize;display:flex;align-items:center;justify-content:center;background:transparent;position:relative}.pc-split-divider:hover .pc-split-handle,.pc-split-divider:focus-visible .pc-split-handle{background:var(--accent)}.pc-split-handle{width:4px;height:100%;background:linear-gradient(90deg,#0000008c,#0000004d 55%,#00000026);box-shadow:inset 1px 0 2px #0009,inset -1px 0 #ffffff59,1px 0 #ffffff40;border-radius:2px}body.pc-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.pc-video-pane{height:100%;display:flex;align-items:center;justify-content:center;background:var(--video-bg);padding:16px}.pc-video-pane-hidden{display:none}.pc-video-empty{color:#cfd9e4;text-align:center;padding:20px;font-size:14px}.pc-video-frame-wrap{position:relative;height:100%;max-width:100%;aspect-ratio:16 / 9}.pc-video-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pc-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#0000008c;color:#fff;font-size:14px;text-align:center;padding:16px}.pc-video-error{background:#1e0a0ad9}.pc-player-right{height:100%;display:flex;flex-direction:column;min-height:0;background:var(--video-bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;container-type:inline-size}.pc-player-right .pc-video-pane{flex:1;min-height:0}.pc-player-right:has(.pc-video-pane-hidden):has(.pc-piano-panel){justify-content:center}.pc-sync-video-header{flex-shrink:0;padding:6px 14px;background:var(--bg-panel)}.pc-player-right-compact:has(.pc-sync-video-header){background:var(--bg-panel)}.pc-player-right-compact:has(.pc-sync-video-header) .pc-playback-time{color:var(--text-sub)}.pc-player-right-compact:has(.pc-sync-video-header) .pc-compact-transport .pc-transport-btn{--tb-face-top: color-mix(in srgb, var(--bg-card) 100%, white 12%);--tb-face-bottom: color-mix(in srgb, var(--bg-card) 100%, black 7%);--tb-edge: color-mix(in srgb, var(--border) 100%, black 14%);color:var(--text)}.pc-playback-time{flex-shrink:0;text-align:center;padding:6px 16px;font-size:16px;font-variant-numeric:tabular-nums;color:#cfd9e4}.pc-compact-transport{display:flex;justify-content:center;gap:8px;padding:12px 16px 0;flex-shrink:0}.pc-compact-transport .pc-transport-btn{--tb-face-top: rgba(255, 255, 255, .18);--tb-face-bottom: rgba(255, 255, 255, .06);--tb-edge: rgba(255, 255, 255, .3);color:#cfd9e4}.pc-compact-transport .pc-transport-btn:disabled{color:#cfd9e48c;background:#ffffff0d}.pc-active-chord-row{flex-shrink:0;display:flex;justify-content:center;padding:0 16px 8px}.pc-active-chord-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 16px;font-size:22px;font-weight:800;line-height:1.3;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px var(--shadow)}.pc-active-chord-badge-empty{visibility:hidden}.pc-sync-current-lyric{position:relative;flex-shrink:0;overflow:hidden;text-align:center;padding:0 20px 12px;line-height:1.4;color:#cfd9e4}.pc-sync-current-lyric-measure{position:absolute;visibility:hidden;white-space:nowrap;font-size:30px;pointer-events:none}.pc-sync-current-lyric-text{white-space:nowrap}.pc-countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;display:flex;align-items:center;justify-content:center;background:#0a141e59;pointer-events:none}.pc-countdown-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 44px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:0 12px 40px #00000059;animation:pc-countdown-pop 1s ease-out}.pc-countdown-number{font-size:180px;font-weight:800;line-height:1;color:var(--text)}.pc-countdown-label{margin-top:4px;font-size:22px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-sub)}@keyframes pc-countdown-pop{0%{transform:scale(.5);opacity:0}15%{transform:scale(1.15);opacity:1}30%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.pc-piano-panel{flex-shrink:0;margin:0 16px 16px;padding:10px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 12px 28px var(--shadow)}.pc-piano-svg{display:block;width:100%;height:auto;max-height:140px}@media(max-width:760px){.pc-split-pane{flex-direction:column;overflow:hidden;gap:2px}.pc-split-left,.pc-split-right{width:100%!important;min-width:0;flex:1 1 0;min-height:0}.pc-split-divider{display:none}.pc-split-right:has(.pc-video-pane-hidden){flex:0 0 auto}.pc-player-right:has(.pc-video-pane-hidden){height:auto}.pc-player-right-compact .pc-playback-time{padding:8px 16px}.pc-header{padding:20px 40px}}@media(max-width:480px){.pc-header{flex-wrap:wrap;row-gap:6px}.pc-header-lcd{height:56px}.pc-user-menu-trigger .pc-user-chip{display:inline-block;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}}.pc-toolbar-nav-buttons .pc-btn{border:1px solid #5f6a76;border-radius:8px;color:#1f2a36;text-shadow:0 1px 0 rgba(255,255,255,.6);background:linear-gradient(180deg,#f6f8fa,#d8dee5 40%,#aeb7c2 60%,#cdd4dc);box-shadow:inset 0 1px #fffffff2,inset 0 -1px #0003,0 3px 4px #00000059,0 1px #00000040;transition:transform 80ms ease,box-shadow 80ms ease,background .12s ease}.pc-toolbar-nav-buttons .pc-btn:hover:not(:disabled){background:linear-gradient(180deg,#fff,#e4e9ee 40%,#bcc5cf 60%,#d9dfe6)}.pc-toolbar-nav-buttons .pc-btn:active:not(:disabled),.pc-toolbar-nav-buttons .pc-btn-active{transform:translateY(2px);color:#1d5a7a;background:linear-gradient(180deg,#a9b3be,#c3cbd4 60%,#d3d9e0);box-shadow:inset 0 2px 4px #00000059,inset 0 0 0 1px #2878a073,0 1px 1px #0003}[data-theme=dark] .pc-toolbar-nav-buttons .pc-btn{border-color:#0c1015;color:#e6edf4;text-shadow:0 1px 0 rgba(0,0,0,.5);background:linear-gradient(180deg,#7d8895,#556070 45%,#444e5b 70%,#5a6575)}[data-theme=dark] .pc-toolbar-nav-buttons .pc-btn-active{color:#9fe0f7;background:linear-gradient(180deg,#3b4450,#4a5462 60%,#556070)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pc-toolbar-nav-buttons .pc-btn{border-color:#0c1015;color:#e6edf4;text-shadow:0 1px 0 rgba(0,0,0,.5);background:linear-gradient(180deg,#7d8895,#556070 45%,#444e5b 70%,#5a6575)}:root:not([data-theme=light]) .pc-toolbar-nav-buttons .pc-btn-active{color:#9fe0f7;background:linear-gradient(180deg,#3b4450,#4a5462 60%,#556070)}}.pc-nav-buttons .pc-nav-tab-btn{border:1px solid #5f6a76;border-radius:8px;color:#1f2a36;text-shadow:0 1px 0 rgba(255,255,255,.6);background:linear-gradient(180deg,#f6f8fa,#d8dee5 40%,#aeb7c2 60%,#cdd4dc);box-shadow:inset 0 1px #fffffff2,inset 0 -1px #0003,0 3px 4px #00000059,0 1px #00000040;transition:transform 80ms ease,box-shadow 80ms ease,background .12s ease}.pc-nav-buttons .pc-nav-tab-btn:hover:not(:disabled){background:linear-gradient(180deg,#fff,#e4e9ee 40%,#bcc5cf 60%,#d9dfe6)}.pc-nav-buttons .pc-nav-tab-btn:active:not(:disabled),.pc-nav-buttons .pc-nav-tab-btn-active,.pc-nav-buttons .pc-nav-tab-btn-active:hover:not(:disabled),.pc-nav-buttons .pc-nav-tab-btn-active:active:not(:disabled){transform:translateY(2px);color:#1d5a7a;background:linear-gradient(180deg,#a9b3be,#c3cbd4 60%,#d3d9e0);box-shadow:inset 0 2px 4px #00000059,inset 0 0 0 1px #2878a073,0 1px 1px #0003}[data-theme=dark] .pc-nav-buttons .pc-nav-tab-btn{border-color:#0c1015;color:#e6edf4;text-shadow:0 1px 0 rgba(0,0,0,.5);background:linear-gradient(180deg,#7d8895,#556070 45%,#444e5b 70%,#5a6575)}[data-theme=dark] .pc-nav-buttons .pc-nav-tab-btn-active,[data-theme=dark] .pc-nav-buttons .pc-nav-tab-btn-active:hover:not(:disabled),[data-theme=dark] .pc-nav-buttons .pc-nav-tab-btn-active:active:not(:disabled){color:#9fe0f7;background:linear-gradient(180deg,#3b4450,#4a5462 60%,#556070)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pc-nav-buttons .pc-nav-tab-btn{border-color:#0c1015;color:#e6edf4;text-shadow:0 1px 0 rgba(0,0,0,.5);background:linear-gradient(180deg,#7d8895,#556070 45%,#444e5b 70%,#5a6575)}:root:not([data-theme=light]) .pc-nav-buttons .pc-nav-tab-btn-active,:root:not([data-theme=light]) .pc-nav-buttons .pc-nav-tab-btn-active:hover:not(:disabled),:root:not([data-theme=light]) .pc-nav-buttons .pc-nav-tab-btn-active:active:not(:disabled){color:#9fe0f7;background:linear-gradient(180deg,#3b4450,#4a5462 60%,#556070)}}[data-theme=dark] .pc-nav-buttons .pc-nav-tab-btn:hover:not(:disabled){color:#fff;background:linear-gradient(180deg,#98a4b2,#748193 45%,#626e7e 70%,#6f7c8c)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pc-nav-buttons .pc-nav-tab-btn:hover:not(:disabled){color:#fff;background:linear-gradient(180deg,#98a4b2,#748193 45%,#626e7e 70%,#6f7c8c)}}.pc-nav-buttons .pc-nav-tab-btn-active,.pc-nav-buttons .pc-nav-tab-btn-active:hover:not(:disabled),.pc-nav-buttons .pc-nav-tab-btn-active:active:not(:disabled){color:#0f4a6a;font-weight:800;background:linear-gradient(180deg,#98a3b0,#b5bfca 60%,#cbd3dc);box-shadow:inset 0 3px 6px #00000073,inset 0 0 0 1px #2878a0bf,0 0 0 2px #2878a047,0 1px 1px #0003}[data-theme=dark] .pc-nav-buttons .pc-nav-tab-btn-active,[data-theme=dark] .pc-nav-buttons .pc-nav-tab-btn-active:hover:not(:disabled),[data-theme=dark] .pc-nav-buttons .pc-nav-tab-btn-active:active:not(:disabled){color:#9fe0f7;background:linear-gradient(180deg,#252c35,#343d48 60%,#414b58);box-shadow:inset 0 3px 6px #0009,inset 0 0 0 1px #9fe0f799,0 0 0 2px #9fe0f738}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pc-nav-buttons .pc-nav-tab-btn-active,:root:not([data-theme=light]) .pc-nav-buttons .pc-nav-tab-btn-active:hover:not(:disabled),:root:not([data-theme=light]) .pc-nav-buttons .pc-nav-tab-btn-active:active:not(:disabled){color:#9fe0f7;background:linear-gradient(180deg,#252c35,#343d48 60%,#414b58);box-shadow:inset 0 3px 6px #0009,inset 0 0 0 1px #9fe0f799,0 0 0 2px #9fe0f738}}.pc-folder-tabs{--folder-tab-height: 51px;--folder-surface: var(--tab-active-bg);--folder-active-surface: var(--folder-surface);--folder-surface-inactive: var(--bg-card);--folder-edge-light: color-mix(in srgb, white 55%, transparent);--folder-edge-dark: color-mix(in srgb, black 30%, transparent);--folder-top-highlight: var(--folder-edge-light);--folder-active-outline: var(--folder-top-highlight);--folder-view-edge: var(--folder-top-highlight);--folder-contact-shadow: var(--shadow);--folder-active-shadow: var(--folder-contact-shadow);--header-divider: var(--border);position:relative;flex:1 1 auto;min-width:0;width:100%;height:var(--folder-tab-height)}.pc-folder-stack-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;display:block}.pc-folder-sheet-group{transition:opacity .16s ease}.pc-folder-sheet{filter:drop-shadow(0 1.5px 3px var(--folder-contact-shadow));transition:fill .16s ease}.pc-folder-sheet-group-active .pc-folder-sheet{filter:drop-shadow(0 2px 4px var(--folder-contact-shadow))}.pc-folder-active-cap{filter:drop-shadow(0 2.5px 5px var(--folder-active-shadow));transition:fill .16s ease}.pc-folder-sheet-depth{fill:var(--folder-edge-dark);opacity:calc(var(--depth, 0) * .035);pointer-events:none}.pc-folder-sheet-highlight{stroke:var(--folder-top-highlight);stroke-width:1;stroke-linejoin:round;stroke-linecap:round;opacity:.95}.pc-folder-sheet-highlight-active{stroke:var(--folder-active-outline)}.pc-folder-view-edge{stroke:var(--folder-view-edge);stroke-width:1;stroke-linecap:round;opacity:.95;pointer-events:none}.pc-folder-view-edge-stop{stop-color:var(--folder-view-edge)}.pc-folder-grad-inactive-top{stop-color:color-mix(in srgb,var(--folder-surface-inactive) 94%,var(--folder-edge-light) 6%)}.pc-folder-grad-inactive-bottom{stop-color:var(--folder-active-surface)}.pc-folder-grad-active-top{stop-color:color-mix(in srgb,var(--folder-surface) 92%,var(--folder-edge-light) 8%)}[data-theme=dark] .pc-folder-grad-active-top{stop-color:color-mix(in srgb,var(--folder-surface) 80%,var(--folder-edge-light) 20%)}.pc-folder-tab{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-sub);font-size:16px;font-weight:600;padding:0 16px 4px 0}.pc-folder-tab:disabled{color:var(--text-muted);cursor:not-allowed}.pc-folder-tab:not(:disabled):hover{color:var(--text)}.pc-folder-tab-active{color:var(--text)}.pc-folder-tab-active .pc-folder-tab-content{transform:translateY(-3px)}.pc-folder-tab-content{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0}.pc-folder-tab-content svg{flex-shrink:0;width:19px;height:19px}.pc-folder-tab-label{min-width:0;flex:0 1 auto;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-folder-tab:focus-visible{outline:none}.pc-folder-tab:focus-visible .pc-folder-tab-content{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-sm)}.pc-folder-tabs[data-tab-mode=medium] .pc-folder-tab-content svg{display:none}.pc-folder-tabs[data-tab-mode=narrow] .pc-folder-tab-label{display:none}.pc-song-view{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md)}.pc-song-view-header{display:flex;align-items:center;gap:10px;margin:16px 20px 0;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:0 4px 14px var(--shadow);flex-wrap:wrap}.pc-song-header-split{flex-direction:column;align-items:stretch}.pc-song-toolbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pc-song-toolbar-row:has(.pc-transpose-step-group){row-gap:22px}.pc-transposition-reminder{margin:12px 0 0}.pc-song-view>.pc-transposition-reminder{margin-inline:12px}.pc-transposition-reminder-row{display:flex;align-items:center;gap:10px}.pc-transposition-reminder-icon{flex-shrink:0;align-self:center;display:block;color:var(--accent)}.pc-transposition-reminder-row>span{line-height:1.4}.pc-transposition-reminder-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 12px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:20px;font-weight:800;line-height:1;vertical-align:middle}.pc-transposition-reminder-secondary{display:block;font-style:italic}.pc-transposition-reminder-secondary:not(:first-child){margin-top:4px}.pc-transposition-reminder-octave-note{color:var(--warn);font-weight:700}.pc-song-view-header-row{display:contents}.pc-song-title{margin:0;font-size:18px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.pc-song-title-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.pc-song-title-group>.pc-song-chords-row{margin-top:0}.pc-header-divider{width:1px;height:24px;align-self:center;background:var(--border);flex-shrink:0}.pc-control-label{font-size:12px;font-weight:700;color:var(--text-muted);flex-shrink:0}.pc-playback-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.pc-header-btn{padding:6px 10px;font-size:13px}.pc-transport-btn,.pc-hw-btn,.pc-hw-icon-btn{--tb-radius: 10px;--tb-lift: 2px;--tb-press: 2px;--tb-glow: var(--accent);--tb-face-top: color-mix(in srgb, var(--bg-card) 100%, white 12%);--tb-face-bottom: color-mix(in srgb, var(--bg-card) 100%, black 7%);--tb-edge: color-mix(in srgb, var(--border) 100%, black 14%);position:relative;border-radius:var(--tb-radius);border:1px solid var(--tb-edge);background:linear-gradient(155deg,var(--tb-face-top) 0%,var(--tb-face-bottom) 100%);color:var(--text);box-shadow:inset 0 1px color-mix(in srgb,white 45%,transparent),inset 0 -1px color-mix(in srgb,black 18%,transparent),0 var(--tb-lift) 2px color-mix(in srgb,black 20%,transparent),0 calc(var(--tb-lift) + 3px) 7px color-mix(in srgb,black 16%,transparent);transform:translateY(0);transition:transform .13s cubic-bezier(.2,.8,.2,1),box-shadow .13s ease,background .13s ease,color .13s ease}.pc-transport-btn svg,.pc-hw-btn svg,.pc-hw-icon-btn svg{filter:drop-shadow(0 1px 0 color-mix(in srgb,white 35%,transparent));transition:transform .13s ease}.pc-transport-btn span,.pc-hw-btn span{text-shadow:0 1px 0 color-mix(in srgb,white 30%,transparent)}.pc-transport-btn:hover:not(:disabled),.pc-hw-btn:hover:not(:disabled),.pc-hw-icon-btn:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(155deg,var(--tb-face-top) 0%,var(--tb-face-bottom) 100%);color:var(--text);box-shadow:inset 0 1px color-mix(in srgb,white 55%,transparent),inset 0 -1px color-mix(in srgb,black 18%,transparent),0 calc(var(--tb-lift) + 1px) 2px color-mix(in srgb,black 20%,transparent),0 calc(var(--tb-lift) + 5px) 10px color-mix(in srgb,black 18%,transparent),0 0 0 3px color-mix(in srgb,var(--tb-glow) 16%,transparent)}.pc-transport-btn:active:not(:disabled),.pc-hw-btn:active:not(:disabled),.pc-hw-icon-btn:active:not(:disabled){transform:translateY(var(--tb-press));background:linear-gradient(155deg,var(--hw-face-pressed-top) 0%,var(--hw-face-pressed-bottom) 100%);box-shadow:inset 0 2px 3px color-mix(in srgb,black 32%,transparent),inset 0 -1px color-mix(in srgb,white 12%,transparent),0 1px 2px color-mix(in srgb,black 18%,transparent)}.pc-transport-btn:active:not(:disabled) svg,.pc-hw-btn:active:not(:disabled) svg,.pc-hw-icon-btn:active:not(:disabled) svg{transform:translateY(1px);filter:none}.pc-transport-btn:disabled,.pc-hw-btn:disabled,.pc-hw-icon-btn:disabled{opacity:1;cursor:not-allowed;color:var(--text-muted);background:color-mix(in srgb,var(--bg-card) 100%,black 5%);box-shadow:inset 0 2px 3px color-mix(in srgb,black 16%,transparent),inset 0 -1px color-mix(in srgb,white 8%,transparent);transform:translateY(0)}.pc-transport-btn:disabled svg,.pc-hw-btn:disabled svg,.pc-hw-icon-btn:disabled svg{filter:none}.pc-transport-btn:focus-visible,.pc-hw-btn:focus-visible,.pc-hw-icon-btn:focus-visible{outline:2px solid var(--tb-glow);outline-offset:1px;border-radius:var(--tb-radius)}.pc-transport-btn-play{--tb-glow: var(--accent)}.pc-transport-btn-pause{--tb-glow: var(--warn)}.pc-transport-btn-stop{--tb-glow: var(--danger)}.pc-hw-btn.pc-btn-primary{--tb-face-top: color-mix(in srgb, var(--accent) 100%, white 15%);--tb-face-bottom: var(--accent);--tb-edge: color-mix(in srgb, var(--accent-dk) 100%, black 10%);--tb-glow: var(--accent);color:#fff}.pc-hw-btn.pc-btn-primary:hover:not(:disabled){color:#fff}.pc-hw-btn.pc-btn-primary:active:not(:disabled){background:linear-gradient(155deg,var(--accent) 0%,color-mix(in srgb,var(--accent-dk) 100%,black 8%) 100%)}.pc-hw-icon-btn.pc-btn-primary{--tb-face-top: color-mix(in srgb, var(--accent) 100%, white 15%);--tb-face-bottom: var(--accent);--tb-edge: color-mix(in srgb, var(--accent-dk) 100%, black 10%);--tb-glow: var(--accent);color:#fff}.pc-hw-icon-btn.pc-btn-primary:hover:not(:disabled){color:#fff}.pc-hw-icon-btn.pc-btn-primary:active:not(:disabled){background:linear-gradient(155deg,var(--accent) 0%,color-mix(in srgb,var(--accent-dk) 100%,black 8%) 100%)}.pc-hw-btn-suggestion{--tb-glow: var(--warn)}.pc-hw-btn-neutral{--tb-glow: var(--text-sub)}.pc-hw-btn-subtle{--tb-lift: 1px;--tb-press: 1px;box-shadow:inset 0 1px color-mix(in srgb,white 35%,transparent),inset 0 -1px color-mix(in srgb,black 14%,transparent),0 1px 1px color-mix(in srgb,black 14%,transparent),0 2px 3px color-mix(in srgb,black 10%,transparent)}.pc-hw-icon-btn{width:36px;height:36px;padding:0;justify-content:center}.pc-hw-icon-btn[aria-pressed=true]:not(.pc-theme-toggle),.pc-hw-btn[aria-pressed=true]:not(.pc-theme-toggle){--tb-glow: var(--accent);transform:translateY(var(--tb-press));background:linear-gradient(155deg,var(--hw-face-pressed-top) 0%,var(--hw-face-pressed-bottom) 100%);color:var(--tb-glow);box-shadow:inset 0 2px 3px color-mix(in srgb,black 32%,transparent),inset 0 -1px color-mix(in srgb,white 12%,transparent),0 1px 2px color-mix(in srgb,black 18%,transparent),inset 0 0 8px 1px color-mix(in srgb,var(--tb-glow) 55%,transparent)}.pc-hw-icon-btn[aria-pressed=true]:not(.pc-theme-toggle) svg,.pc-hw-btn[aria-pressed=true]:not(.pc-theme-toggle) svg{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--tb-glow) 70%,transparent));transform:translateY(1px)}.pc-hw-icon-btn[aria-pressed=true]:not(.pc-theme-toggle):hover:not(:disabled),.pc-hw-btn[aria-pressed=true]:not(.pc-theme-toggle):hover:not(:disabled){transform:translateY(var(--tb-press));box-shadow:inset 0 2px 3px color-mix(in srgb,black 32%,transparent),inset 0 -1px color-mix(in srgb,white 12%,transparent),0 1px 2px color-mix(in srgb,black 18%,transparent),inset 0 0 10px 1px color-mix(in srgb,var(--tb-glow) 65%,transparent)}@media(prefers-reduced-motion:reduce){.pc-transport-btn,.pc-transport-btn svg,.pc-hw-btn,.pc-hw-btn svg,.pc-hw-icon-btn,.pc-hw-icon-btn svg{transition:box-shadow 60ms ease,background 60ms ease,color 60ms ease}.pc-transport-btn:hover:not(:disabled),.pc-transport-btn:active:not(:disabled),.pc-transport-btn:active:not(:disabled) svg,.pc-hw-btn:hover:not(:disabled),.pc-hw-btn:active:not(:disabled),.pc-hw-btn:active:not(:disabled) svg,.pc-hw-icon-btn:hover:not(:disabled),.pc-hw-icon-btn:active:not(:disabled),.pc-hw-icon-btn:active:not(:disabled) svg{transform:none}}.pc-hw-group{display:inline-flex;align-items:stretch;gap:2px;padding:3px;border-radius:12px;background:color-mix(in srgb,var(--bg-app) 100%,black 5%);border:1px solid color-mix(in srgb,var(--border) 100%,black 10%);box-shadow:inset 0 1px 3px color-mix(in srgb,black 22%,transparent)}.pc-hw-segment{--tb-lift: 1px;--tb-press: 1px;--tb-glow: var(--accent);--tb-face-top: color-mix(in srgb, var(--bg-card) 100%, white 12%);--tb-face-bottom: color-mix(in srgb, var(--bg-card) 100%, black 7%);--tb-edge: color-mix(in srgb, var(--border) 100%, black 14%);display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--tb-edge);background:linear-gradient(155deg,var(--tb-face-top) 0%,var(--tb-face-bottom) 100%);color:var(--text);box-shadow:inset 0 1px color-mix(in srgb,white 40%,transparent),0 var(--tb-lift) 0 color-mix(in srgb,black 20%,transparent),0 calc(var(--tb-lift) + 1px) 3px color-mix(in srgb,black 18%,transparent);transform:translateY(0);transition:transform .13s cubic-bezier(.2,.8,.2,1),box-shadow .13s ease,background .13s ease,color .13s ease}.pc-hw-segment:hover:not(:disabled){transform:translateY(calc(var(--tb-lift) * -1));box-shadow:inset 0 1px color-mix(in srgb,white 50%,transparent),0 calc(var(--tb-lift) + 1px) 0 color-mix(in srgb,black 20%,transparent),0 calc(var(--tb-lift) + 2px) 4px color-mix(in srgb,black 20%,transparent),0 0 0 2px color-mix(in srgb,var(--tb-glow) 16%,transparent)}.pc-hw-segment:active:not(:disabled),.pc-hw-segment[aria-pressed=true],.pc-hw-segment.pc-hw-segment-active{transform:translateY(var(--tb-press));background:linear-gradient(155deg,var(--hw-face-pressed-top) 0%,var(--hw-face-pressed-bottom) 100%);color:var(--tb-glow);box-shadow:inset 0 2px 2px color-mix(in srgb,black 30%,transparent),inset 0 0 6px 1px color-mix(in srgb,var(--tb-glow) 45%,transparent)}.pc-hw-segment.pc-hw-segment-song{--tb-face-top: color-mix(in srgb, var(--accent) 46%, var(--bg-card) 54%);--tb-face-bottom: color-mix(in srgb, var(--accent) 58%, var(--bg-card) 42%);font-weight:700}:root[data-theme=dark] .pc-hw-segment.pc-hw-segment-song{--tb-face-top: color-mix(in srgb, var(--accent) 34%, var(--bg-card) 66%);--tb-face-bottom: color-mix(in srgb, var(--accent) 44%, var(--bg-card) 56%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pc-hw-segment.pc-hw-segment-song{--tb-face-top: color-mix(in srgb, var(--accent) 34%, var(--bg-card) 66%);--tb-face-bottom: color-mix(in srgb, var(--accent) 44%, var(--bg-card) 56%)}}.pc-hw-segment:disabled{opacity:.4;cursor:not-allowed;transform:translateY(0)}.pc-hw-segment:focus-visible{outline:2px solid var(--tb-glow);outline-offset:1px}.pc-sync-mode-toggle-divider{width:1px;align-self:stretch;margin:2px 1px;background:var(--border);flex-shrink:0}.pc-sync-mode-toggle .pc-bpm-trigger{height:28px;padding:0 8px;--tb-lift: 1px;--tb-press: 1px;box-shadow:inset 0 1px color-mix(in srgb,white 35%,transparent),inset 0 -1px color-mix(in srgb,black 14%,transparent),0 1px 1px color-mix(in srgb,black 14%,transparent),0 2px 3px color-mix(in srgb,black 10%,transparent)}.pc-hw-readout{display:flex;align-items:center;justify-content:center;min-width:44px;padding:0 8px;border-radius:8px;background:color-mix(in srgb,black 14%,var(--bg-card));box-shadow:inset 0 1px 3px color-mix(in srgb,black 28%,transparent);color:var(--text-sub);font-variant-numeric:tabular-nums;font-weight:700;font-size:13px}.pc-hw-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text) 100%,black 10%);background:linear-gradient(155deg,color-mix(in srgb,var(--text-sub) 100%,white 12%) 0%,var(--text-sub) 100%);color:#fff;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px color-mix(in srgb,white 25%,transparent),0 2px color-mix(in srgb,black 30%,transparent),0 4px 6px color-mix(in srgb,black 25%,transparent)}.pc-hw-input{padding:6px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 100%,black 10%);background:color-mix(in srgb,var(--bg-app) 100%,black 4%);box-shadow:inset 0 1px 3px color-mix(in srgb,black 22%,transparent);color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.pc-hw-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pc-transpose-fields-row{display:flex;gap:16px;flex-wrap:wrap}.pc-transpose-field{flex:1;min-width:100px}.pc-transpose-key-input{width:100%;box-sizing:border-box;margin-bottom:4px}.pc-hw-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:32px;padding:0 8px;border-radius:10px;background:color-mix(in srgb,var(--bg-app) 100%,black 5%);border:1px solid color-mix(in srgb,var(--border) 100%,black 10%);box-shadow:inset 0 1px 4px color-mix(in srgb,black 25%,transparent);cursor:pointer}.pc-hw-slider::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:color-mix(in srgb,var(--border) 100%,black 8%)}.pc-hw-slider::-moz-range-track{height:6px;border-radius:4px;background:color-mix(in srgb,var(--border) 100%,black 8%)}.pc-hw-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:20px;margin-top:-7px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent-dk) 100%,black 15%);background:linear-gradient(90deg,transparent 46%,color-mix(in srgb,black 25%,transparent) 50%,transparent 54%),radial-gradient(circle at 32% 26%,color-mix(in srgb,white 65%,var(--accent) 35%) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent-dk) 100%,black 6%) 100%) 0 0 / 50% 100% no-repeat,radial-gradient(circle at 68% 26%,color-mix(in srgb,white 65%,var(--accent) 35%) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent-dk) 100%,black 6%) 100%) 100% 0 / 50% 100% no-repeat;box-shadow:inset 0 1px color-mix(in srgb,white 35%,transparent),0 2px color-mix(in srgb,black 22%,transparent),0 4px 6px color-mix(in srgb,black 20%,transparent);transition:transform .13s ease,box-shadow .13s ease}.pc-hw-slider::-moz-range-thumb{width:34px;height:20px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent-dk) 100%,black 15%);background:linear-gradient(90deg,transparent 46%,color-mix(in srgb,black 25%,transparent) 50%,transparent 54%),radial-gradient(circle at 32% 26%,color-mix(in srgb,white 65%,var(--accent) 35%) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent-dk) 100%,black 6%) 100%) 0 0 / 50% 100% no-repeat,radial-gradient(circle at 68% 26%,color-mix(in srgb,white 65%,var(--accent) 35%) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent-dk) 100%,black 6%) 100%) 100% 0 / 50% 100% no-repeat;box-shadow:inset 0 1px color-mix(in srgb,white 35%,transparent),0 2px color-mix(in srgb,black 22%,transparent),0 4px 6px color-mix(in srgb,black 20%,transparent)}.pc-hw-slider:active::-webkit-slider-thumb{transform:translateY(1px);box-shadow:inset 0 2px 3px color-mix(in srgb,black 30%,transparent)}.pc-hw-slider:disabled{opacity:.45;cursor:not-allowed}.pc-hw-slider:focus-visible{outline:none}.pc-hw-slider:focus-visible::-webkit-slider-thumb,.pc-hw-slider:focus-visible::-moz-range-thumb{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.pc-hw-slider::-webkit-slider-thumb{transition:none}.pc-hw-slider:active::-webkit-slider-thumb{transform:none}}@media(prefers-reduced-motion:reduce){.pc-hw-segment{transition:box-shadow 60ms ease,background 60ms ease,color 60ms ease}.pc-hw-segment:hover:not(:disabled),.pc-hw-segment:active:not(:disabled){transform:none}}.pc-speed-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.pc-transpose-step-group{position:relative;display:flex;align-items:center;flex-shrink:0}.pc-transpose-offset-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:2px;font-size:11px;font-weight:600;color:var(--text-muted);white-space:nowrap}.pc-song-view-header:has(.pc-transpose-step-group){padding-bottom:26px}.pc-sync-mode-and-tempo-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.pc-header-right-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-inline-start:auto}.pc-header-right-actions .pc-btn.pc-hw-btn{height:36px;padding-top:0;padding-bottom:0}.pc-header-right-actions .pc-hw-icon-btn[aria-pressed=true]{transform:none}.pc-resume-follow{flex-shrink:0;font-size:13px;padding:8px 14px}.pc-header-icon-group{padding:0;gap:6px;background:none;border:none;box-shadow:none}.pc-font-size-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.pc-font-size-controls .pc-hw-segment{width:36px;height:36px;padding:0}.pc-speed-control{position:relative;flex-shrink:0}.pc-speed-trigger{width:36px;height:36px;padding:0 2px;justify-content:center;font-size:11px;font-weight:700}.pc-speed-popover{z-index:3000;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 16px 40px var(--shadow);padding:14px 16px 16px}.pc-speed-popover-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.pc-speed-popover-title{font-size:13px;font-weight:700;color:var(--text-sub)}.pc-speed-close{width:26px;height:26px;flex-shrink:0}.pc-speed-value{margin:0 0 10px;text-align:center;font-size:20px;font-weight:800;color:var(--text)}.pc-speed-slider-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.pc-speed-slider-row input[type=range]{flex:1;border:none;background:transparent;padding:0}.pc-speed-presets{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:4px;justify-content:space-between}.pc-speed-preset-col{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.pc-speed-preset{font-size:11px;white-space:nowrap}.pc-speed-preset-caption{font-size:10px;color:var(--text-muted)}.pc-font-size-label{min-width:3.2em}.pc-auto-volume-control{position:relative;flex-shrink:0}.pc-auto-volume-popover{z-index:3000;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 16px 40px var(--shadow);padding:14px 16px 16px}.pc-auto-volume-caption{margin:0 0 12px;font-size:12px;color:var(--text-sub)}.pc-bpm-control{position:relative;flex-shrink:0}.pc-bpm-trigger{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:0 10px;height:36px}.pc-bpm-popover{z-index:3000;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 16px 40px var(--shadow);padding:14px 16px 16px}.pc-bpm-caption{margin:0 0 12px;font-size:12px;color:var(--text-sub)}.pc-bpm-input-tap-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.pc-bpm-number-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-app)}.pc-bpm-bpb-row{margin-bottom:12px}.pc-bpm-number-input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:15px;font-weight:700;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.pc-bpm-number-input::-webkit-outer-spin-button,.pc-bpm-number-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.pc-bpm-number-suffix{font-size:12px;font-weight:700;color:var(--text-sub)}.pc-bpm-clear-btn{width:22px;height:22px;flex-shrink:0;color:var(--text-muted)}.pc-bpm-tap-btn{flex-shrink:0;justify-content:center;white-space:nowrap}.pc-bpm-popover-actions{display:flex;align-items:center;gap:8px}.pc-bpm-popover-actions-spacer{flex:1}.pc-song-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.pc-song-scroll{scroll-behavior:auto}}.pc-song-scroll-single-line{display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.3em}.pc-song-section{margin-bottom:24px}.pc-section-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-dk);background:var(--bg-card);display:inline-block;padding:4px 10px;border-radius:20px;margin:0 0 10px}.pc-line{position:relative;border-radius:var(--radius-sm);padding:6px 10px;margin:2px -10px;border-inline-start:3px solid transparent;text-align:start;background:none;width:100%;display:block;opacity:1;transition:opacity .15s ease}.pc-line-scroll{position:relative;overflow-x:auto;overflow-y:hidden}.pc-line-content{position:relative;padding-top:calc(22px * var(--pc-font-scale, 1));width:fit-content}.pc-line-probe{position:absolute;top:0;left:0;right:0;visibility:hidden;pointer-events:none}.pc-line-wrap-rows{display:flex;flex-direction:column;gap:4px}.pc-chord-row{position:absolute;top:0;left:0;height:calc(20px * var(--pc-font-scale, 1));unicode-bidi:isolate}.pc-line[dir=rtl] .pc-chord-row{left:auto;right:0}.pc-char-grid{position:absolute;top:0;bottom:0;left:0;pointer-events:none}.pc-line[dir=rtl] .pc-char-grid{left:auto;right:0}.pc-char-cell{position:absolute;top:0;bottom:0;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--border) 30%,transparent)}.pc-char-cell-merged{background:color-mix(in srgb,var(--accent) 8%,transparent);border-left:none;border-right:none}.pc-char-cell-merge-start{border-left:1px solid color-mix(in srgb,var(--border) 45%,transparent);border-top-left-radius:3px;border-bottom-left-radius:3px}.pc-char-cell-merge-end{border-right:1px solid color-mix(in srgb,var(--border) 45%,transparent);border-top-right-radius:3px;border-bottom-right-radius:3px}.pc-chord{position:absolute;top:0;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800;font-size:calc(14px * var(--pc-font-scale, 1));color:var(--chord-color);white-space:nowrap}.pc-lyric-row{font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(16px * var(--pc-font-scale, 1));line-height:1.5;color:var(--lyric-color);white-space:pre}.pc-line[dir=rtl] .pc-lyric-row{text-align:right}.pc-chord-row-spacer{height:0;overflow:hidden}.pc-line-untimed{border-inline-start-color:var(--border)}.pc-line-clickable{cursor:pointer}.pc-line-clickable:hover{background:var(--bg-card)}.pc-line-active{background:var(--line-active-bg);border-inline-start-color:var(--accent)}.pc-line-active .pc-lyric-row{font-weight:700}.pc-line-completed .pc-lyric-row,.pc-line-completed .pc-chord{color:var(--line-completed-color)}.pc-chord.pc-chord-played{color:var(--pill-strong-text);background:var(--pill-strong-bg);border-radius:var(--radius-sm);padding:1px 5px;margin-block-start:-1px;margin-inline-start:-5px}.pc-line-dimmed{opacity:.38}.pc-chord-sync-btn{border:none;background:transparent;padding:1px 4px;margin-inline-start:-4px;border-radius:4px}.pc-chord-sync-btn:hover{background:var(--bg-card)}.pc-chord-untimed{color:#fff;background:var(--danger)}.pc-chord-sync-btn.pc-chord-untimed:hover{background:var(--danger-h)}.pc-chord-selected,.pc-chord-selected:hover{background:var(--accent);color:#fff}.pc-empty-copy{color:var(--text-muted);font-size:14px;padding:20px}@media(max-width:760px){.pc-song-view .pc-song-view-header{gap:6px;padding:8px 10px}.pc-song-view-header-row{flex-shrink:0}.pc-song-view-header-row>*{flex-shrink:0}.pc-song-view-header-row .pc-control-label{display:none}.pc-song-view-header-row .pc-font-size-controls,.pc-song-view-header-row .pc-speed-group{gap:4px}.pc-song-view-header-row .pc-hw-group,.pc-song-view-header-row .pc-header-icon-group{padding:0;gap:2px;background:none;border:none;box-shadow:none}.pc-song-view-header-row .pc-hw-segment,.pc-song-view-header-row .pc-hw-icon-btn{background:none;border:1px solid transparent;box-shadow:none;color:var(--text-sub);transform:none}.pc-song-view-header-row .pc-hw-segment:active:not(:disabled),.pc-song-view-header-row .pc-hw-icon-btn:active:not(:disabled){background:var(--bg-card);box-shadow:none;transform:none}.pc-song-view-header-row .pc-hw-icon-btn[aria-pressed=true]{background:var(--accent);color:#fff;box-shadow:none;transform:none}.pc-song-view-header-row .pc-speed-trigger{background:color-mix(in srgb,var(--bg-app) 100%,black 5%);border:1px solid var(--border);box-shadow:none;height:auto;padding:6px 10px}.pc-song-view-header-row .pc-resume-follow.pc-hw-btn{background:var(--accent);border:none;box-shadow:none;height:auto;padding:6px 10px;color:#fff}}.pc-sync-panel{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.pc-sync-panel.pc-sync-panel-mobile-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}.pc-sync-panel-mobile-scroll .pc-sync-list,.pc-sync-panel-mobile-scroll .pc-sync-chord-lines,.pc-sync-panel-mobile-scroll .pc-sync-chord-lines-single{flex:none;overflow-y:visible}.pc-sync-copy{margin:0;font-size:13px;color:var(--text-muted)}.pc-sync-copy-standalone{margin:12px 20px 0}.pc-sync-copy kbd{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:12px}.pc-sync-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--border)}.pc-sync-offset{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-sub)}.pc-sync-offset input{width:70px}.pc-sync-list{flex:1;overflow-y:auto;margin:0;padding:8px 12px;list-style:none}.pc-sync-row{padding:8px 10px;border-radius:var(--radius-sm);margin-bottom:4px;cursor:pointer}.pc-sync-row:hover{background:var(--bg-card)}.pc-sync-row-selected{background:var(--line-active-bg);outline:1px solid var(--accent)}.pc-sync-section-group{margin-bottom:12px;padding:10px 10px 6px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel)}.pc-sync-section-group:last-child{margin-bottom:0}.pc-sync-section-lines{display:flex;flex-direction:column}.pc-sync-section-label{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--accent-dk);margin-bottom:4px}.pc-sync-row-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.pc-sync-lyric{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--text)}.pc-sync-time{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent-dk);flex-shrink:0}.pc-sync-row-actions{display:flex;gap:2px;margin-top:4px}.pc-sync-adjust{width:auto;padding:0 6px;font-size:11px}.pc-sync-issue{margin-top:4px;font-size:12px;color:var(--warn)}.pc-sync-line-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.pc-sync-line-header-right{display:flex;align-items:center;gap:8px;margin-left:auto}.pc-sync-line-window{font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-muted);flex-shrink:0}.pc-sync-play-line-btn{width:24px;height:24px;font-size:10px;flex-shrink:0}.pc-sync-chord-lines{flex:1;overflow-y:auto;padding:12px 20px}.pc-sync-chord-lines-single{flex:1;overflow:visible;display:flex;flex-direction:column;justify-content:center;padding:12px 20px}.pc-sync-line-nav{flex-shrink:0}.pc-sync-line-nav:disabled{opacity:.3;cursor:not-allowed}.pc-sync-chord-section-group{margin-bottom:14px;padding:10px 12px 4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel)}.pc-sync-chord-section-group:last-child{margin-bottom:0}.pc-sync-chord-line-group{padding:8px 0 14px;border-bottom:1px dashed var(--border)}.pc-sync-chord-line{margin:0;padding:0;border-left:none}.pc-sync-chord-line-group:last-child{border-bottom:none}.pc-sync-chord-line-group-empty{opacity:.6}.pc-sync-no-chords{font-size:11px;font-style:italic;color:var(--text-muted)}.pc-sync-selected-chord{display:flex;align-items:center;gap:4px;margin-left:auto;padding-left:12px;border-left:1px solid var(--border)}.pc-sync-selected-chord-symbol{font-size:15px;font-weight:800;color:var(--chord-color);margin-right:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 7px}@media(max-width:760px){.pc-split-left:has(.pc-sync-panel-collapsed-mobile){flex:0 0 auto}.pc-sync-panel-collapsed-mobile{height:auto}.pc-sync-panel-collapsed-mobile .pc-review-preview-header{padding:8px 14px;border-bottom:none}.pc-sync-actions-mobile{padding:12px 20px 0;flex-wrap:wrap}.pc-sync-chords-piano{margin:12px 20px 0;padding:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.pc-sync-controls-mobile{gap:10px;padding:10px 20px}.pc-sync-controls-mobile .pc-sync-toggle{gap:5px}.pc-sync-controls-mobile .pc-sync-offset input{width:52px}.pc-sync-controls-divider{width:1px;align-self:stretch;background:var(--border);flex-shrink:0}}.pc-blockstrip-empty{display:flex;align-items:center;justify-content:center;min-height:100px;margin:16px 20px;border:1px dashed var(--border);border-radius:var(--radius-md)}.pc-blockstrip-viewport{position:relative;height:278px;margin:12px 20px 16px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--text);border-radius:0;background:var(--bg-panel)}.pc-blockstrip-viewport-readonly{height:226px;margin:12px 0 0}.pc-blockstrip-strip{position:relative;height:100%}.pc-blockstrip-viewport-wrap{flex:1;min-height:0;height:auto;margin-top:12px;overflow-x:hidden;overflow-y:auto;border:none;background:transparent}.pc-blockstrip-wrap-rows{display:flex;flex-direction:column;gap:20px;padding:12px}.pc-blockstrip-wrap-row{position:relative;height:278px;flex-shrink:0;transition:opacity .2s,box-shadow .2s}.pc-blockstrip-wrap-row-active{z-index:1;box-shadow:0 0 0 2px var(--slate),0 0 18px 3px color-mix(in srgb,var(--slate) 55%,transparent)}.pc-blockstrip-wrap-row-dimmed{opacity:.7}.pc-blockstrip-wrap-row-frame{position:absolute;top:0;left:0;right:0;height:240px;border:1px solid var(--text);background:var(--bg-panel);pointer-events:none}.pc-blockstrip-cell-wrap{position:absolute;top:0;bottom:0}.pc-blockstrip-cell-wrap-measure .pc-blockstrip-cell{border-left-color:var(--text)}.pc-blockstrip-cell{position:absolute;top:72px;bottom:60px;left:0;right:0;padding:0;border:none;border-left:1px solid var(--border);background:transparent;cursor:pointer}.pc-blockstrip-cell:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.pc-blockstrip-cell-action-band{position:absolute;left:3px;right:3px;bottom:62px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-sub);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s,background .12s,color .12s,border-color .12s;z-index:7}.pc-blockstrip-cell-wrap:hover .pc-blockstrip-cell-action-band,.pc-blockstrip-cell-action-band:focus-visible{opacity:1;pointer-events:auto}.pc-blockstrip-cell-add:hover,.pc-blockstrip-cell-lock:hover{background:var(--bg-panel);color:var(--text)}.pc-blockstrip-cell-lock-active{opacity:1;pointer-events:auto;border-color:var(--danger);color:var(--danger);background:color-mix(in srgb,var(--bg-card) 70%,var(--danger) 30%)}.pc-blockstrip-cell-lock-active:hover{background:color-mix(in srgb,var(--bg-panel) 70%,var(--danger) 30%);color:var(--danger)}.pc-blockstrip-cell-start-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 37px));width:18px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--danger);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--danger);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s;z-index:7}.pc-blockstrip-cell-wrap:hover .pc-blockstrip-cell-start-arrow,.pc-blockstrip-cell-start-arrow:focus-visible{opacity:1;pointer-events:auto}.pc-blockstrip-cell-start-arrow:hover{background:var(--danger);color:#fff}.pc-blockstrip-ruler{position:absolute;left:0;right:0;bottom:20px;height:18px;cursor:pointer}.pc-blockstrip-ruler-label{position:absolute;bottom:2px;transform:translate(-50%);font-size:9px;font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap}.pc-blockstrip-section-badges{position:absolute;left:0;right:0;top:2px;height:24px;pointer-events:none}.pc-blockstrip-section-badge{position:absolute;top:0;bottom:0;display:flex;align-items:center;border-left:1px solid;border-right:1px solid;box-sizing:border-box}.pc-blockstrip-section-badge-label{position:sticky;left:8px;padding:2px 8px;color:var(--text);font-size:13px;font-weight:700;white-space:nowrap}.pc-blockstrip-measure-badges{position:absolute;left:0;right:0;top:30px;height:18px;pointer-events:none}.pc-blockstrip-measure-badge{position:absolute;top:0;transform:translate(-50%);padding:1px 6px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-sub);font-size:9px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.pc-blockstrip-beat-numbers{position:absolute;left:0;right:0;top:52px;height:16px;pointer-events:none}.pc-blockstrip-beat-number{position:absolute;top:0;text-align:center;font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.pc-blockstrip-chord-block-wrap{position:absolute;top:0;bottom:0;pointer-events:none}.pc-blockstrip-chord-block{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:44px;display:flex;align-items:center;justify-content:center;padding:0 2px;border:1px solid var(--accent);border-radius:3px;background:color-mix(in srgb,var(--bg-card) 78%,var(--accent) 22%);color:var(--text);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab;pointer-events:auto;touch-action:none}.pc-blockstrip-chord-block:hover{background:color-mix(in srgb,var(--bg-card) 65%,var(--accent) 35%)}.pc-blockstrip-chord-block-locked{cursor:pointer}.pc-blockstrip-chord-block-readonly-seekable{cursor:pointer;touch-action:auto}.pc-blockstrip-chord-block-dragging{cursor:grabbing;z-index:6;box-shadow:0 6px 16px var(--shadow)}.pc-blockstrip-chord-block-invalid{border-color:var(--danger);background:color-mix(in srgb,var(--bg-card) 78%,var(--danger) 22%)}.pc-blockstrip-active-cell{position:absolute;top:50%;transform:translateY(-50%);height:44px;border-radius:3px;background:color-mix(in srgb,var(--success) 45%,transparent);border:1px solid var(--success);pointer-events:none;z-index:4}.pc-blockstrip-chord-block-active{border-color:var(--success);background:color-mix(in srgb,var(--bg-card) 55%,var(--success) 45%);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 55%,transparent)}.pc-blockstrip-line-badges{position:absolute;left:0;right:0;bottom:38px;height:22px}.pc-blockstrip-line-badge{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 5px;border-left:1px solid;border-right:1px solid;box-sizing:border-box;font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-blockstrip-popover{z-index:3000;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 16px 40px var(--shadow);padding:14px 16px 16px}.pc-blockstrip-symbol-input{width:100%;padding:8px 10px;margin-bottom:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-app);color:var(--text);font-size:16px;font-weight:700;text-align:center}.pc-blockstrip-symbol-input-invalid{border-color:var(--danger)}.pc-blockstrip-placement-error{margin:0 0 10px;padding:8px 10px;border:1px solid var(--danger);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-app) 80%,var(--danger) 20%);color:var(--text);font-size:12px;line-height:1.4}.pc-blockstrip-quickpicks{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.pc-blockstrip-quickpick{font-size:11px;padding:4px 8px}.pc-blockstrip-popover-section-label{margin:0 0 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.pc-blockstrip-popover-divider{height:1px;margin:14px 0 12px;background:var(--border);border:none}.pc-blockstrip-popover-block-actions{display:flex;gap:8px;margin-bottom:12px}.pc-blockstrip-popover-block-actions .pc-btn{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.pc-blockstrip-popover-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.pc-blockstrip-popover-actions-left,.pc-blockstrip-popover-actions-right{display:flex;align-items:center;gap:8px}.pc-blockstrip-delete-btn{border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}.pc-blockstrip-delete-btn:hover:not(:disabled){background:#b8383824;border-color:var(--danger);color:var(--danger)}.pc-sync-menu{position:relative}.pc-sync-menu-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:20;min-width:200px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:inset 0 1px color-mix(in srgb,white 20%,transparent),0 10px 28px color-mix(in srgb,var(--shadow) 70%,transparent);padding:6px}.pc-sync-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;background:none;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text);text-align:left;cursor:pointer}.pc-sync-menu-item:hover:not(:disabled){background:var(--bg-card)}.pc-sync-menu-item:disabled{color:var(--text-muted);cursor:not-allowed}.pc-sync-menu-item svg{flex-shrink:0;color:var(--text-muted)}.pc-sync-menu-item:disabled svg{color:var(--text-muted);opacity:.5}.pc-sync-menu-sep{display:block;height:1px;margin:6px 4px;background:var(--border)}.pc-sync-header-2row{flex-direction:column;align-items:stretch}.pc-sync-header-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.pc-sync-header-row-1{justify-content:space-between}.pc-sync-header-right-group{display:flex;align-items:center;gap:10px;margin-left:auto}.pc-piano-settings-btn-group{display:inline-flex;align-items:center;gap:6px}.pc-piano-settings-value-label{font-size:12px;font-weight:700;color:var(--text-muted);white-space:nowrap}.pc-chord-piano-popover{z-index:3000;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 16px 40px var(--shadow);padding:14px 16px 16px}.pc-chord-piano-popover .pc-piano-panel{margin:10px 0 0;padding:0;background:none;border:none;box-shadow:none}.pc-chord-piano-popover .pc-piano-svg{max-height:190px}.pc-chord-piano-popover .pc-speed-popover-title{font-size:16px}.pc-review{height:100%;min-height:0;background:transparent;display:flex;flex-direction:column}.pc-review-copy{color:var(--text-muted);font-size:14px}.pc-review-copy-standalone{margin:12px 20px 0}.pc-review-split{flex:1;min-height:0;padding:20px 24px}.pc-review-edit-panel{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.pc-review-top-fields{padding:16px 16px 0;flex-shrink:0}.pc-review-edit-panel.pc-review-edit-panel-mobile-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}.pc-review-edit-panel-mobile-scroll .pc-plaintext-editor{flex:none}.pc-review-edit-panel-mobile-scroll .pc-review-textarea-full{flex:none;height:45vh;min-height:260px}.pc-review-top-fields input{width:100%}.pc-review-title-input{font-size:22px;font-weight:800;color:var(--text);padding:8px 10px;margin-bottom:10px}.pc-review-artist-input{font-size:14px;font-weight:500;color:var(--text-sub);padding:7px 10px;margin-bottom:8px}.pc-warnings{background:#a070101a;border:1px solid rgba(160,112,16,.35);border-radius:var(--radius-sm);padding:12px 16px;margin:16px 0}.pc-warnings-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.pc-warnings-header .pc-icon-btn{width:26px;height:26px;flex-shrink:0;color:var(--warn)}.pc-warnings h3{margin:0;font-size:13px;color:var(--warn)}.pc-warnings ul{margin:0;padding-left:18px;font-size:13px;color:var(--text-sub)}.pc-plaintext-editor{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px}.pc-review-textarea-full{flex:1;min-height:0;width:100%;resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;white-space:pre;overflow-wrap:normal;overflow-x:auto}.pc-review-textarea-rtl{text-align:right;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px}.pc-review-preview-panel{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.pc-review-preview-header{padding:14px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.pc-review-preview-header-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pc-review-preview-label{margin:0 0 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.pc-preview-title{margin:0;font-size:22px;font-weight:800;color:var(--text)}.pc-preview-artist{margin:2px 0 0;font-size:14px;font-weight:500;color:var(--text-sub)}.pc-review-preview-copy{margin:8px 0 0;font-size:13px;color:var(--text-muted)}.pc-review-preview-scroll{flex:1;min-height:0;overflow-y:auto;padding:20px}.pc-preview-section-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 18px 18px;overflow:hidden}.pc-preview-section-header{display:flex;align-items:center;gap:8px;margin:0 -18px 14px;padding:10px 18px;background:color-mix(in srgb,var(--bg-card) 85%,black 15%)}[data-theme=dark] .pc-preview-section-header{background:color-mix(in srgb,var(--bg-card) 85%,white 15%)}.pc-preview-section-header .pc-icon-btn{flex-shrink:0}.pc-preview-section-header .pc-section-label{margin:0;background:none;padding:0;border-radius:0}.pc-preview-swap-all-btn{margin-top:10px}.pc-preview-swap-all-btn svg{width:16px;height:16px}.pc-preview-line-row{display:flex;align-items:stretch}.pc-preview-line-row .pc-line{flex:1;min-width:0}.pc-preview-line-swap-gutter{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;margin-inline-start:8px;border-inline-start:1px solid var(--border)}.pc-preview-line-swap-btn{width:28px;height:28px}.pc-preview-line-swap-btn svg{width:15px;height:15px}.pc-review-section-summary{font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}@media(max-width:760px){.pc-review-split{padding:12px}.pc-split-right:has(.pc-preview-collapsed-mobile){flex:0 0 auto}.pc-preview-collapsed-mobile{height:auto}.pc-preview-collapsed-mobile .pc-review-preview-header{padding:8px 14px;border-bottom:none}.pc-preview-collapsed-mobile .pc-preview-title{font-size:16px}.pc-split-left:has(.pc-edit-collapsed-mobile){flex:0 0 auto}.pc-edit-collapsed-mobile{height:auto}.pc-edit-collapsed-mobile .pc-review-preview-header{padding:8px 14px;border-bottom:none}.pc-review-edit-actions-mobile{padding:12px 16px 0}.pc-preview-title-inline{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}}.pc-manual-help-card{margin:16px 16px 0;padding:14px 16px;background:#2878a00f;border:1px solid var(--border);border-radius:var(--radius-md)}.pc-manual-help-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.pc-manual-help-header h3{margin:0;font-size:13px;color:var(--text-sub)}.pc-manual-help-card ol{margin:0 0 10px;padding-left:18px;font-size:13px;color:var(--text-sub);line-height:1.6}.pc-manual-help-card ol:last-child{margin-bottom:0}.pc-manual-help-example{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;white-space:pre;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text);overflow-x:auto}.pc-manual-help-example .pc-manual-help-example-chords{color:var(--chord-color);font-weight:800}.pc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a141e80;display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000}.pc-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;width:100%;max-width:480px;box-shadow:0 24px 60px var(--shadow)}.pc-modal h2{margin:0 0 8px}.pc-modal-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pc-modal-header-row h2{margin:0}.pc-modal-copy{color:var(--text-muted);font-size:13px;line-height:1.5;margin:0 0 16px}.pc-modal-copy-warning{color:var(--warn);font-weight:600}.pc-modal-list{color:var(--text-muted);font-size:13px;line-height:1.5;margin:0 0 16px;padding-inline-start:20px}.pc-modal-list li+li{margin-top:6px}.pc-piano-settings-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pc-piano-settings-row .pc-control-label{width:130px;flex-shrink:0}.pc-piano-settings-input{width:10.5ch;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-panel);color:var(--text);font-size:15px;font-weight:700;text-align:right}.pc-piano-settings-calc{margin-top:4px;text-align:left}.pc-piano-settings-calc-title{font-weight:700;color:var(--text-muted)}.pc-piano-settings-calc-line{margin:0 0 10px;font-size:14px;font-weight:400;color:var(--text)}.pc-piano-settings-recommendation{margin:0;font-size:14px;font-weight:400;color:var(--text)}.pc-piano-settings-octave-note{margin:8px 0 0;font-size:13px;font-weight:600;color:var(--warn)}.pc-piano-settings-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:15px;font-weight:800}.pc-detect-transposition-waiting{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-muted);font-size:13px}.pc-detect-transposition-outcome{margin:0;font-size:14px;font-weight:600;color:var(--text)}.pc-dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);padding:40px 20px;text-align:center;color:var(--text-sub);font-size:14px;cursor:pointer}.pc-dropzone:hover,.pc-dropzone-active{border-color:var(--accent);background:#2878a00f}.pc-import-modal{max-width:560px}.pc-paste-modal{max-width:640px}.pc-import-grid-file-frame{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel)}.pc-import-grid-file-frame span{font-size:12px;color:var(--text-muted)}.pc-import-grid-offset-row{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);font-size:12px;color:var(--text-muted)}.pc-import-grid-offset-row label{white-space:nowrap}.pc-import-grid-offset-input{width:64px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-app);color:var(--text);font-size:13px;font-weight:700;padding:4px 8px;text-align:center}.pc-import-grid-offset-input-invalid{border-color:var(--danger)}.pc-paste-modal .pc-modal-copy code{background:var(--bg-card);border-radius:4px;padding:1px 5px;font-size:12px}.pc-paste-direction-group{margin-bottom:12px}.pc-textarea{width:100%;min-height:320px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;white-space:pre;overflow-wrap:normal;overflow-x:auto}.pc-staged-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.pc-staged-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;background:var(--bg-card)}.pc-staged-kind{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:2px 6px;flex-shrink:0}.pc-staged-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.pc-staged-status{display:flex;align-items:center;gap:6px;flex-shrink:0}.pc-staged-progress{font-size:12px;color:var(--text-muted)}.pc-staged-done{color:var(--accent);font-weight:700}.pc-staged-actions{display:flex;gap:2px;flex-shrink:0}.pc-staged-error{flex-basis:100%;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--danger);background:var(--bg-app);border-radius:var(--radius-sm);padding:6px 8px}.pc-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.pc-instrument-picker-modal{max-width:420px}.pc-instrument-picker-list{max-height:min(360px,50vh);overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 0}.pc-new-song-choices{display:flex;flex-direction:column;gap:10px}.pc-export-chords-subtitle-input{width:100%;box-sizing:border-box;margin-bottom:14px}.pc-new-song-choice{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer}.pc-new-song-choice:has(input:checked){border-color:var(--accent);background:#2878a00f}.pc-new-song-choice input[type=radio]{margin-top:3px;flex-shrink:0;cursor:pointer}.pc-new-song-choice strong{display:block}.pc-new-song-choice-copy{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.pc-modal-wide{max-width:640px}.pc-about-modal{position:relative;max-width:320px;text-align:center;padding-top:36px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.pc-about-close{cursor:pointer;position:absolute;top:12px;right:12px}.pc-about-icon{width:56px;height:56px;margin:0 auto 12px;display:block}.pc-modal h2.pc-about-name{margin:0 0 4px;font-size:22px}.pc-about-version{margin:0;font-size:13px;color:var(--text-muted)}.pc-about-date{margin:2px 0 20px;font-size:12px;color:var(--text-muted)}.pc-about-footer{margin:0;font-size:12px;line-height:1.6;color:var(--text-muted);border-top:1px solid var(--border);padding-top:14px}.pc-settings-screen{height:100%;min-height:0;display:flex;flex-direction:column}.pc-settings-inner{max-width:1100px;width:100%;padding:0 24px}.pc-settings-fixed{flex-shrink:0;padding-top:32px;box-shadow:0 8px 10px -6px var(--shadow)}.pc-settings-inner-scroll{padding-top:24px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.pc-settings-inner .pc-song-view-header{margin:0}.pc-settings-fixed>.pc-song-view-header{margin-top:0}.pc-settings-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain}.pc-settings-copy{color:var(--text-muted);font-size:13px;line-height:1.5;margin:0;max-width:640px}.pc-settings-copy-wide{max-width:none}.pc-settings-divider{height:1px;margin:20px 0;background:var(--border);border:none}.pc-settings-intro{margin-top:14px;margin-bottom:24px}.pc-settings-section+.pc-settings-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.pc-settings-section h2{font-size:16px;margin:0 0 6px}.pc-settings-section .pc-settings-copy{margin-bottom:16px}.pc-nav-style-toggle-row{display:inline-flex;align-items:center;gap:10px}.pc-nav-style-toggle-label{font-size:14px;font-weight:600;color:var(--text-muted);cursor:default;transition:color .16s ease}.pc-nav-style-toggle-label-active{color:var(--text)}.pc-settings-tabs{width:fit-content;gap:2px;padding:3px;background:color-mix(in srgb,var(--bg-app) 100%,black 5%);border:1px solid color-mix(in srgb,var(--border) 100%,black 10%);border-radius:12px;box-shadow:inset 0 1px 3px color-mix(in srgb,black 22%,transparent)}.pc-settings-tabs .pc-tab{flex:none;padding:8px 20px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 100%,black 14%);background:linear-gradient(155deg,color-mix(in srgb,var(--bg-card) 100%,white 12%),color-mix(in srgb,var(--bg-card) 100%,black 7%));box-shadow:inset 0 1px color-mix(in srgb,white 40%,transparent),0 1px color-mix(in srgb,black 20%,transparent),0 2px 3px color-mix(in srgb,black 18%,transparent);transform:translateY(0);transition:transform .13s cubic-bezier(.2,.8,.2,1),box-shadow .13s ease,background .13s ease,color .13s ease}.pc-settings-tabs .pc-tab:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(155deg,color-mix(in srgb,var(--bg-card) 100%,white 12%),color-mix(in srgb,var(--bg-card) 100%,black 7%));box-shadow:inset 0 1px color-mix(in srgb,white 50%,transparent),0 2px color-mix(in srgb,black 20%,transparent),0 3px 5px color-mix(in srgb,black 20%,transparent),0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.pc-settings-tabs .pc-tab.active{transform:translateY(1px);background:linear-gradient(155deg,var(--hw-face-pressed-top) 0%,var(--hw-face-pressed-bottom) 100%);color:var(--tab-selected-accent);box-shadow:inset 0 2px 2px color-mix(in srgb,black 30%,transparent),inset 0 0 6px 1px color-mix(in srgb,var(--tab-selected-accent) 45%,transparent)}.pc-settings-tabs .pc-tab.active:hover:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 2px color-mix(in srgb,black 30%,transparent),inset 0 0 8px 1px color-mix(in srgb,var(--tab-selected-accent) 55%,transparent)}.pc-settings-tabs .pc-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pc-settings-tabs-divider{align-self:stretch;width:1px;margin:2px 3px;background:color-mix(in srgb,var(--border) 100%,black 10%);box-shadow:1px 0 color-mix(in srgb,white 25%,transparent)}@media(prefers-reduced-motion:reduce){.pc-settings-tabs .pc-tab{transition:box-shadow 60ms ease,background 60ms ease,color 60ms ease}.pc-settings-tabs .pc-tab:hover:not(:disabled){transform:none}}.pc-settings-section .pc-password-field{max-width:280px}.pc-checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-sub);cursor:pointer;margin-bottom:8px}.pc-chordkeys-subhead{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.pc-chordkeys-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.pc-chordkeys-header-row h2{margin:0}.pc-chordkeys-section-header{display:flex;align-items:center;gap:6px;cursor:pointer;margin:20px 0 4px}.pc-chordkeys-section-header:first-of-type{margin-top:0}.pc-chordkeys-section-header .pc-review-section-summary{margin-inline-start:2px}.pc-chordkeys-section-position{display:flex;align-items:center;gap:12px;margin-inline-start:auto;margin-inline-end:14px;flex-shrink:0}.pc-chordkeys-section-position-label{font-size:12px;font-weight:600;color:var(--text-muted)}.pc-midi-settings-title-row{display:flex;align-items:center;gap:12px}.pc-info-popover:has(.pc-midi-info-content){max-width:380px}.pc-midi-settings-title-row h2{margin:0}.pc-midi-info-title{margin:0 0 8px;font-size:14px;font-weight:800;color:var(--text)}.pc-midi-info-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:4px 0}.pc-midi-info-row+.pc-midi-info-row{border-top:1px solid var(--border)}.pc-midi-info-label{color:var(--text-muted);font-weight:600;flex-shrink:0}.pc-midi-info-value{color:var(--text);font-weight:600;text-align:right;word-break:break-word}.pc-midi-sound-toggle-row{margin-top:10px;margin-bottom:6px}.pc-midi-sound-toggle-copy{margin-bottom:16px}.pc-midi-volume-note{display:flex;align-items:center;gap:10px;margin-bottom:16px}.pc-midi-volume-note-icon{flex-shrink:0;color:var(--accent)}.pc-midi-section-intro{margin-top:6px}.pc-midi-instrument-row{display:flex;align-items:center;gap:8px;margin-top:10px;margin-bottom:16px}.pc-midi-instrument-select{flex:1;max-width:420px}.pc-midi-connection-card{min-height:84px;display:flex;flex-direction:column;justify-content:center}.pc-midi-volume-controls{display:flex;align-items:center;gap:24px;margin-top:10px}.pc-midi-knob-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.pc-midi-knob-value{font-size:12px;font-weight:700;color:var(--text-sub);font-variant-numeric:tabular-nums;width:72px;text-align:center}.pc-midi-volume-controls .pc-midi-slider-row{flex:1;margin-top:0}.pc-midi-slider-row{display:flex;align-items:center;gap:12px;max-width:420px;margin-top:10px}.pc-midi-slider-row .pc-hw-slider{flex:1}.pc-midi-slider-value{flex-shrink:0;width:104px;padding-left:20px;padding-right:20px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.pc-chordkeys-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pc-chordkeys-row{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px}.pc-chordkeys-row-selected{background:var(--line-active-bg);border-color:var(--accent)}.pc-chordkeys-octave-editor-wrap{display:block}.pc-chordkeys-row-line1{display:flex;align-items:center;flex-wrap:wrap;gap:12px;cursor:pointer}.pc-chordkeys-label{font-weight:600;font-size:13px;width:160px;flex-shrink:0}.pc-chordkeys-section-moves{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.pc-chordkeys-section-move-btn{width:18px;height:14px;line-height:1}.pc-chordkeys-section-move-btn:disabled{opacity:.3}.pc-chordkeys-octave-editor{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}.pc-chordkeys-octave-hint{margin-bottom:10px}.pc-chordkeys-octave-piano-wrap{max-width:640px}.pc-chordkeys-octave-caption{margin-top:6px;font-size:12px;font-weight:600;color:var(--text-muted);min-height:16px}.pc-chordkeys-pills{display:flex;flex-wrap:wrap;gap:6px;flex:1}.pc-chordkeys-row-line1 .pc-btn-ghost{border-color:var(--border)}.pc-chordkeys-pill{display:flex;align-items:center;gap:2px;background:var(--pill-strong-bg);border:1px solid var(--pill-strong-bg);border-radius:var(--radius-sm);padding:2px 2px 2px 10px}.pc-chordkeys-pill-note{font-weight:700;color:var(--pill-strong-text);font-size:13px}.pc-chordkeys-pill-moves{display:flex}.pc-chordkeys-pill-btn{width:22px;height:22px;color:var(--pill-strong-text);opacity:.7}.pc-chordkeys-pill-btn:hover:not(:disabled){opacity:1}.pc-chordkeys-pill-btn:disabled{opacity:.3}.pc-chordkeys-inversion{flex-shrink:0}.pc-chordkeys-inversion-trigger{width:auto;min-width:132px;padding:5px 10px;font-size:12px;border-inline-start:4px solid var(--tb-edge)}.pc-chordkeys-inversion-trigger-root{border-inline-start-color:var(--accent)}.pc-chordkeys-inversion-trigger-root .pc-dropdown-trigger-label{color:var(--accent)}.pc-chordkeys-inversion-trigger-1st{border-inline-start-color:var(--success)}.pc-chordkeys-inversion-trigger-1st .pc-dropdown-trigger-label{color:var(--success)}.pc-chordkeys-inversion-trigger-2nd{border-inline-start-color:var(--warn)}.pc-chordkeys-inversion-trigger-2nd .pc-dropdown-trigger-label{color:var(--warn)}.pc-chordkeys-inversion-trigger-3rd{border-inline-start-color:var(--inversion-3rd)}.pc-chordkeys-inversion-trigger-3rd .pc-dropdown-trigger-label{color:var(--inversion-3rd)}.pc-chordkeys-inversion-trigger-4th{border-inline-start-color:var(--inversion-4th)}.pc-chordkeys-inversion-trigger-4th .pc-dropdown-trigger-label{color:var(--inversion-4th)}.pc-chordkeys-inversion-trigger-custom{border-inline-start-color:var(--border-h)}.pc-chordkeys-inversion-trigger-custom .pc-dropdown-trigger-label{color:var(--text-muted)}.pc-user-mgmt-row-actions{display:flex;align-items:center;gap:4px}.pc-user-mgmt-table-wrap{max-height:65vh;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.pc-user-mgmt-table{width:100%;border-collapse:collapse;font-size:13px}.pc-user-mgmt-table th,.pc-user-mgmt-table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border)}.pc-user-mgmt-table th{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:var(--bg-card)}.pc-user-mgmt-table tbody tr:last-child td{border-bottom:none}.pc-role-pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize;background:var(--bg-card);color:var(--text-sub)}.pc-role-pill-admin{background:var(--accent);color:#fff}.pc-status-pill{display:inline-flex;align-items:center;font-size:10px;font-weight:700;white-space:nowrap;padding:2px 7px;border-radius:var(--radius-sm)}.pc-status-pill-danger{background:#b838381f;color:var(--danger);border:1px solid rgba(184,56,56,.3)}.pc-status-pill-warn{background:#a070101f;color:var(--warn);border:1px solid rgba(160,112,16,.3)}.pc-user-mgmt-row-disabled{opacity:.55}.pc-user-mgmt-name{display:inline-flex;align-items:center;gap:4px}.pc-user-mgmt-rename-btn{width:22px;height:22px;opacity:.6}.pc-user-mgmt-rename-btn:hover{opacity:1}.pc-user-mgmt-rename-input{font-size:13px;padding:4px 6px;width:140px}.pc-user-mgmt-role-select{font-size:12px;padding:4px 8px;width:auto}.pc-user-mgmt-cards{display:flex;flex-direction:column;gap:10px}.pc-user-mgmt-card{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel)}.pc-user-mgmt-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pc-user-mgmt-card-email{margin:4px 0 0;font-size:13px;color:var(--text-sub);word-break:break-all}.pc-user-mgmt-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.pc-user-mgmt-card-joined{font-size:12px;color:var(--text-muted)}.pc-user-mgmt-add-btn{margin-top:12px}.pc-user-mgmt-add-form{width:308px;margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card)}.pc-user-mgmt-add-form h3{margin:0 0 10px;font-size:14px}.pc-user-mgmt-add-form input{width:100%;max-width:280px;background:#fff}.pc-user-mgmt-add-form .pc-dropdown-trigger{max-width:280px}[data-theme=dark] .pc-user-mgmt-add-form input{background:var(--bg-input)}.pc-user-mgmt-add-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.pc-site-form-field{width:100%}.pc-site-mgmt-url{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.pc-site-mgmt-divider-label{color:var(--text-muted);font-style:italic;font-size:13px}.pc-site-mgmt-divider-hr{flex:1;margin:0;border:none;border-top:1px solid var(--border)}.pc-site-mgmt-divider-name-slot{flex:1}.pc-site-mgmt-add-row{display:flex;gap:10px}.pc-icon-btn-spacer{display:inline-block;width:36px;height:36px}.pc-cdp-s110-form-field{width:100%}.pc-cdp-s110-comments-field{min-height:70px;resize:vertical}.pc-cdp-s110-buttons-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 14%,var(--bg-card));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));font-size:12px;font-weight:700;color:var(--accent-dk);white-space:nowrap}.pc-cdp-s110-comments{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.pc-cdp-s110-comments-cell{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.pc-cdp-s110-modal .pc-modal-header-row{margin:-28px -28px 16px;padding:18px 24px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(155deg,var(--accent) 0%,var(--accent-dk) 100%)}.pc-cdp-s110-modal .pc-modal-header-row h2{color:#fff}.pc-cdp-s110-shortcut-list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto}.pc-cdp-s110-shortcut-row{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;background:var(--bg-card)}.pc-cdp-s110-shortcut-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pc-cdp-s110-shortcut-name{font-weight:700}.pc-cdp-s110-test-key{border-top:1px solid var(--border);padding-top:16px}.pc-cdp-s110-test-key-title{margin:0 0 10px;font-size:14px}.pc-cdp-s110-test-key-waiting{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.pc-cdp-s110-test-key-result{margin:0;font-size:20px}.pc-cdp-s110-test-key-midi{font-size:13px;font-weight:400;color:var(--text-muted)}.pc-cdp-s110-zoom-toggle{margin-bottom:16px}.pc-cdp-s110-function-hint{margin:0 0 10px;font-size:12px;color:var(--text-muted)}.pc-cdp-s110-function-image-wrap{max-height:60vh;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.pc-magnifier{position:relative;display:block;line-height:0}.pc-magnifier-image{display:block;width:100%;height:auto;cursor:zoom-in;touch-action:pan-y}.pc-magnifier-lens{position:absolute;border-radius:50%;border:3px solid var(--accent);box-shadow:0 8px 24px color-mix(in srgb,black 35%,transparent),inset 0 0 0 2px color-mix(in srgb,white 60%,transparent);background-repeat:no-repeat;background-color:var(--bg-panel);pointer-events:none}.pc-mysongs{height:100%;min-height:0;display:flex;flex-direction:column}.pc-mysongs-header{flex-shrink:0;max-width:900px;padding:32px 24px 0;box-shadow:0 8px 10px -6px var(--shadow)}.pc-mysongs-header-inline{padding:0;max-width:none;box-shadow:none}.pc-mysongs-split{gap:14px}.pc-mysongs-split .pc-mysongs-header{max-width:none;padding:16px 20px 4px;box-shadow:none;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md)}.pc-mysongs-split .pc-mysongs-scroll{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md)}.pc-mysongs-split .pc-mysongs-inner{max-width:none;padding:16px 20px 24px}.pc-mysongs-scroll{flex:1;min-height:0;overflow-y:auto}.pc-mysongs-inner{max-width:900px;padding:20px 24px 48px}.pc-mysongs-toolbar{margin:0 0 24px}.pc-mysongs-tabs-row{margin-bottom:16px}.pc-mysongs-tabs-row .pc-tabs{margin-bottom:0;width:fit-content;gap:2px;padding:3px;background:color-mix(in srgb,var(--bg-app) 100%,black 5%);border:1px solid color-mix(in srgb,var(--border) 100%,black 10%);border-radius:12px;box-shadow:inset 0 1px 3px color-mix(in srgb,black 22%,transparent)}.pc-mysongs-tabs-row .pc-tab{border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 100%,black 14%);background:linear-gradient(155deg,color-mix(in srgb,var(--bg-card) 100%,white 12%),color-mix(in srgb,var(--bg-card) 100%,black 7%));box-shadow:inset 0 1px color-mix(in srgb,white 40%,transparent),0 1px color-mix(in srgb,black 20%,transparent),0 2px 3px color-mix(in srgb,black 18%,transparent);transform:translateY(0);transition:transform .13s cubic-bezier(.2,.8,.2,1),box-shadow .13s ease,background .13s ease,color .13s ease}.pc-mysongs-tabs-row .pc-tab:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(155deg,color-mix(in srgb,var(--bg-card) 100%,white 12%),color-mix(in srgb,var(--bg-card) 100%,black 7%));box-shadow:inset 0 1px color-mix(in srgb,white 50%,transparent),0 2px color-mix(in srgb,black 20%,transparent),0 3px 5px color-mix(in srgb,black 20%,transparent),0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.pc-mysongs-tabs-row .pc-tab.active{transform:translateY(1px);background:linear-gradient(155deg,var(--hw-face-pressed-top) 0%,var(--hw-face-pressed-bottom) 100%);color:var(--tab-selected-accent);box-shadow:inset 0 2px 2px color-mix(in srgb,black 30%,transparent),inset 0 0 6px 1px color-mix(in srgb,var(--tab-selected-accent) 45%,transparent)}.pc-mysongs-tabs-row .pc-tab.active:hover:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 2px color-mix(in srgb,black 30%,transparent),inset 0 0 8px 1px color-mix(in srgb,var(--tab-selected-accent) 55%,transparent)}.pc-mysongs-tabs-row .pc-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media(prefers-reduced-motion:reduce){.pc-mysongs-tabs-row .pc-tab{transition:box-shadow 60ms ease,background 60ms ease,color 60ms ease}.pc-mysongs-tabs-row .pc-tab:hover:not(:disabled){transform:none}}.pc-mysongs-sort-menu{position:relative}.pc-mysongs-sort-menu-trigger{width:auto;padding:0 10px;gap:4px}.pc-mysongs-sort-menu-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:20;min-width:160px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:inset 0 1px color-mix(in srgb,white 20%,transparent),0 10px 28px color-mix(in srgb,var(--shadow) 70%,transparent);padding:6px;display:flex;flex-direction:column;gap:2px}.pc-mysongs-sort-menu-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;background:none;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text);text-align:left}.pc-mysongs-sort-menu-item:hover{background:var(--bg-card)}.pc-mysongs-sort-menu-item-active{color:var(--accent)}.pc-mysongs-sort-menu-item svg{flex-shrink:0;transition:transform .15s ease}.pc-mysongs-search{position:relative;margin-bottom:20px}.pc-mysongs-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.pc-mysongs-search input{width:100%;padding-left:38px}.pc-mysongs-chord-filter{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:-10px;margin-bottom:20px}.pc-mysongs-chord-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.pc-chord-filter-chip{font-size:12px;font-weight:700;line-height:1;padding:6px 11px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 100%,black 14%);background:linear-gradient(155deg,color-mix(in srgb,var(--bg-card) 100%,white 12%),color-mix(in srgb,var(--bg-card) 100%,black 7%));color:var(--chord-color);box-shadow:inset 0 1px color-mix(in srgb,white 40%,transparent),0 1px color-mix(in srgb,black 20%,transparent),0 2px 3px color-mix(in srgb,black 18%,transparent);transform:translateY(0);transition:transform .13s cubic-bezier(.2,.8,.2,1),box-shadow .13s ease,background .13s ease,color .13s ease}.pc-mysongs-chord-filter-actions{display:flex;gap:6px;flex-shrink:0}.pc-chord-filter-clear,.pc-chord-filter-select-all{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.pc-chord-filter-select-all{color:var(--success)}.pc-chord-filter-chip:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px color-mix(in srgb,white 50%,transparent),0 2px color-mix(in srgb,black 20%,transparent),0 3px 5px color-mix(in srgb,black 20%,transparent),0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.pc-chord-filter-chip[aria-pressed=true]{transform:translateY(1px);background:linear-gradient(155deg,var(--hw-face-pressed-top) 0%,var(--hw-face-pressed-bottom) 100%);color:var(--accent);box-shadow:inset 0 2px 2px color-mix(in srgb,black 30%,transparent),inset 0 0 6px 1px color-mix(in srgb,var(--accent) 45%,transparent)}.pc-chord-filter-chip[aria-pressed=true]:hover:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 2px color-mix(in srgb,black 30%,transparent),inset 0 0 8px 1px color-mix(in srgb,var(--accent) 55%,transparent)}@media(prefers-reduced-motion:reduce){.pc-chord-filter-chip{transition:box-shadow 60ms ease,background 60ms ease,color 60ms ease}.pc-chord-filter-chip:hover:not(:disabled){transform:none}}.pc-song-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pc-song-list-item{display:flex;align-items:center;gap:14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;box-shadow:0 2px 10px var(--shadow);transition:transform .28s ease,box-shadow .28s ease,border-color .25s ease}.pc-song-list-item:hover{transform:translateY(-4px);border-color:var(--border-h);box-shadow:0 0 28px #a0d2ff47,0 16px 32px var(--shadow)}.pc-song-list-item-current{background:color-mix(in srgb,var(--bg-panel) 85%,black 15%);border-color:var(--accent)}[data-theme=dark] .pc-song-list-item-current{background:color-mix(in srgb,var(--bg-panel) 85%,white 15%)}.pc-song-list-item-current:hover{border-color:var(--accent-h);box-shadow:0 0 28px #2878a059,0 16px 32px var(--shadow)}.pc-song-thumb{width:96px;height:54px;object-fit:cover;border-radius:6px;background:var(--bg-card);flex-shrink:0}.pc-song-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pc-song-list-title-row{display:flex;align-items:center;gap:6px;min-width:0}.pc-song-list-title{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-song-visibility-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;color:#fff}.pc-song-visibility-badge-private{background:var(--visibility-private)}.pc-song-visibility-badge-public{background:var(--visibility-public)}.pc-song-lock-badge{background:var(--warn)}.pc-song-list-artist{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-song-list-meta{font-size:12px;color:var(--text-muted)}.pc-song-list-shared-by{font-size:12px;color:var(--text-muted);font-style:italic}.pc-song-chords-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.pc-chord-badge{font-size:11px;font-weight:700;line-height:1;color:var(--chord-color);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 7px}.pc-chord-badge-clickable{margin:0}.pc-chord-badge-clickable:hover{background:var(--bg-panel);border-color:var(--border-h)}.pc-chord-badge-large{font-size:16px;padding:10px 18px}.pc-song-list-actions{display:flex;gap:6px;flex-shrink:0}.pc-song-list-divider{width:1px;align-self:stretch;margin:24px 0 2px;background:var(--border);flex-shrink:0}.pc-song-action-divider{width:1px;align-self:stretch;margin:0 2px;background:var(--border);flex-shrink:0}.pc-song-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:44px;height:48px;padding:5px 3px 4px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 100%,black 14%);background:linear-gradient(155deg,color-mix(in srgb,var(--bg-card) 100%,white 12%),color-mix(in srgb,var(--bg-card) 100%,black 7%));color:var(--text-sub);font-size:9.5px;cursor:pointer;box-shadow:inset 0 1px color-mix(in srgb,white 40%,transparent),0 1px color-mix(in srgb,black 20%,transparent),0 2px 3px color-mix(in srgb,black 18%,transparent);transform:translateY(0);transition:transform .13s cubic-bezier(.2,.8,.2,1),box-shadow .13s ease,background .13s ease,color .13s ease}.pc-song-action-btn svg{width:14px;height:14px}.pc-song-action-btn:hover:not(:disabled){transform:translateY(-1px);color:var(--text);box-shadow:inset 0 1px color-mix(in srgb,white 50%,transparent),0 2px color-mix(in srgb,black 20%,transparent),0 3px 5px color-mix(in srgb,black 20%,transparent),0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.pc-song-action-btn:active:not(:disabled){transform:translateY(1px);background:linear-gradient(155deg,var(--hw-face-pressed-top) 0%,var(--hw-face-pressed-bottom) 100%);box-shadow:inset 0 2px 2px color-mix(in srgb,black 30%,transparent)}.pc-song-action-btn:disabled{opacity:.5;cursor:default;transform:translateY(0)}.pc-song-action-danger{border-color:color-mix(in srgb,var(--danger) 100%,black 20%);background:linear-gradient(155deg,color-mix(in srgb,var(--danger) 100%,white 10%) 0%,var(--danger) 100%);color:#fff}.pc-song-action-danger:hover:not(:disabled){color:#fff;box-shadow:inset 0 1px color-mix(in srgb,white 50%,transparent),0 2px color-mix(in srgb,black 20%,transparent),0 3px 5px color-mix(in srgb,black 20%,transparent),0 0 0 2px color-mix(in srgb,var(--danger) 30%,transparent)}.pc-song-action-danger:active:not(:disabled){background:linear-gradient(155deg,color-mix(in srgb,var(--danger) 100%,black 15%),color-mix(in srgb,var(--danger) 100%,black 30%))}.pc-song-action-visibility-private{border-color:color-mix(in srgb,var(--visibility-private) 100%,black 20%);background:linear-gradient(155deg,color-mix(in srgb,var(--visibility-private) 100%,white 10%) 0%,var(--visibility-private) 100%);color:#fff}.pc-song-action-visibility-private:hover:not(:disabled){color:#fff;box-shadow:inset 0 1px color-mix(in srgb,white 50%,transparent),0 2px color-mix(in srgb,black 20%,transparent),0 3px 5px color-mix(in srgb,black 20%,transparent),0 0 0 2px color-mix(in srgb,var(--visibility-private) 30%,transparent)}.pc-song-action-visibility-private:active:not(:disabled){background:linear-gradient(155deg,color-mix(in srgb,var(--visibility-private) 100%,black 15%),color-mix(in srgb,var(--visibility-private) 100%,black 30%))}.pc-song-action-visibility-public{border-color:color-mix(in srgb,var(--visibility-public) 100%,black 20%);background:linear-gradient(155deg,color-mix(in srgb,var(--visibility-public) 100%,white 10%) 0%,var(--visibility-public) 100%);color:#fff}.pc-song-action-visibility-public:hover:not(:disabled){color:#fff;box-shadow:inset 0 1px color-mix(in srgb,white 50%,transparent),0 2px color-mix(in srgb,black 20%,transparent),0 3px 5px color-mix(in srgb,black 20%,transparent),0 0 0 2px color-mix(in srgb,var(--visibility-public) 30%,transparent)}.pc-song-action-visibility-public:active:not(:disabled){background:linear-gradient(155deg,color-mix(in srgb,var(--visibility-public) 100%,black 15%),color-mix(in srgb,var(--visibility-public) 100%,black 30%))}@media(prefers-reduced-motion:reduce){.pc-song-action-btn{transition:box-shadow 60ms ease,background 60ms ease,color 60ms ease}.pc-song-action-btn:hover:not(:disabled){transform:none}}@media(max-width:600px){.pc-song-list-item{flex-direction:column;align-items:stretch}.pc-song-thumb,.pc-song-list-divider{display:none}.pc-song-list-actions{flex-wrap:wrap}.pc-song-action-btn{flex:1 1 0;width:auto;height:auto;min-width:0;gap:2px;padding:6px 2px;border:1px solid transparent;background:none;box-shadow:none;transform:none;font-size:9px}.pc-song-action-btn svg{width:15px;height:15px}.pc-song-action-btn span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-song-action-btn:hover:not(:disabled){transform:none;background:var(--bg-card);border-color:var(--border-h);box-shadow:none}.pc-song-action-btn:active:not(:disabled){transform:none;background:var(--bg-card);box-shadow:none}.pc-song-action-danger{border-color:transparent;background:none;color:var(--danger)}.pc-song-action-danger:hover:not(:disabled),.pc-song-action-danger:active:not(:disabled){background:var(--bg-card);border-color:var(--border-h);color:var(--danger);box-shadow:none}.pc-song-action-visibility-private{border-color:transparent;background:none;color:var(--visibility-private)}.pc-song-action-visibility-private:hover:not(:disabled),.pc-song-action-visibility-private:active:not(:disabled){background:var(--bg-card);border-color:var(--border-h);color:var(--visibility-private);box-shadow:none}.pc-song-action-visibility-public{border-color:transparent;background:none;color:var(--visibility-public)}.pc-song-action-visibility-public:hover:not(:disabled),.pc-song-action-visibility-public:active:not(:disabled){background:var(--bg-card);border-color:var(--border-h);color:var(--visibility-public);box-shadow:none}}.pc-chordkeys-reset-btn svg{display:none}@media(max-width:760px){.pc-chordkeys-row-line1{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"label label label" "pills inversion reset";gap:8px 12px}.pc-chordkeys-label{grid-area:label;width:auto;justify-self:start;display:inline-flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 9px;font-size:12px}.pc-chordkeys-pills{grid-area:pills}.pc-chordkeys-inversion{grid-area:inversion;align-self:start}.pc-chordkeys-inversion-trigger{min-width:0}.pc-chordkeys-reset-btn{grid-area:reset;align-self:start;padding:6px;color:var(--accent-dk)}.pc-chordkeys-reset-btn span{display:none}.pc-chordkeys-reset-btn svg{display:block}}.pc-trainer-status-region{min-height:var(--trainer-status-min-height, 0px)}.pc-trainer-card{flex-shrink:0;margin:6px 16px 8px;padding:8px 16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px var(--shadow);color:var(--text);text-align:center}.pc-trainer-card p{margin:3px 0}.pc-trainer-card-title{margin:0 0 3px;font-size:15px}.pc-trainer-card-note{color:var(--text-sub);font-size:12px}.pc-trainer-device{color:var(--success, #2f9e44);font-weight:600;font-size:13px}.pc-trainer-difficulty{display:inline-flex;gap:6px;margin:6px 0 8px}.pc-trainer-difficulty-btn{flex-direction:column;gap:0}.pc-trainer-difficulty-tol{font-size:11px;font-weight:400;opacity:.75}.pc-trainer-precard-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:14px;row-gap:6px}.pc-trainer-connected-text{grid-column:2;grid-row:1;justify-self:center;margin:0}.pc-trainer-pre-left{grid-column:1;grid-row:2;justify-self:end;display:flex;align-items:center;gap:14px}.pc-trainer-pre-divider{width:1px;align-self:stretch;background:var(--border);flex-shrink:0}.pc-trainer-start-btn{grid-column:2;grid-row:2;justify-self:center;flex-shrink:0}.pc-trainer-pre-status{grid-column:3;grid-row:2;justify-self:start;max-width:300px;margin:0;text-align:left}@container (max-width: 340px){.pc-trainer-pre-left,.pc-trainer-pre-status{display:none}.pc-trainer-precard-grid{grid-template-columns:1fr}.pc-trainer-connected-text,.pc-trainer-start-btn{grid-column:1}}@container (max-width: 200px){.pc-trainer-start-btn-count{display:none}}.pc-trainer-auto-chord-row{align-items:center;gap:10px}.pc-trainer-auto-chord-row .pc-practice-setup-label{margin-bottom:0;color:#cfd9e4}.pc-active-chord-badge-bass{font-size:15px;padding:2px 12px;opacity:.85}.pc-trainer-strip{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px 20px;padding:4px 16px 6px}.pc-trainer-badges{display:flex;gap:22px}.pc-trainer-pill,.pc-trainer-counters{margin-inline-start:auto}.pc-trainer-badge-block{display:flex;flex-direction:column;align-items:center;gap:2px}.pc-trainer-badge-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.pc-trainer-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.pc-trainer-pill-hidden{visibility:hidden}.pc-trainer-pill-hit{background:#2f9e442e;color:var(--success)}.pc-trainer-pill-early,.pc-trainer-pill-late{background:#f0ad1e2e;color:var(--warn)}.pc-trainer-pill-miss{background:#e53e3e2e;color:var(--danger)}.pc-trainer-counters{font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-muted)}.pc-trainer-stars{font-size:24px;line-height:1.1;color:gold}.pc-trainer-stars-empty{color:var(--border)}.pc-trainer-summary-line{font-weight:600}.pc-trainer-summary-divider{width:100%;height:0;margin:2px 0 14px;border:none;border-top:1px solid var(--border)}.pc-trainer-summary-score{margin:0;font-weight:800;font-size:1.15em;color:var(--chord-color)}.pc-practice-score-info-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:-3px;margin-left:6px;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-sub);cursor:pointer}.pc-practice-score-info-btn:hover,.pc-practice-score-info-btn:focus-visible{color:var(--accent)}.pc-trainer-summary-actions{display:flex;justify-content:center;gap:10px;margin-top:8px}.pc-trainer-root-hint{color:#e53e3e;font-weight:700}.pc-trainer-root-bonus-note{color:#e0a300;font-weight:600}.pc-trainer-difficulty-btn-easy{background:#2f9e4424;border-color:#2f9e4459;color:var(--success)}.pc-trainer-difficulty-btn-easy:hover:not(:disabled){background:#2f9e4438}.pc-trainer-difficulty-btn-easy.pc-btn-active{background:#2f9e4499;border-color:var(--success);color:#fff;box-shadow:0 0 0 3px #2f9e444d}.pc-trainer-difficulty-btn-easy.pc-btn-active:hover:not(:disabled){background:#2f9e44ad;border-color:var(--success);color:#fff}.pc-trainer-difficulty-btn-medium{background:#f0ad1e29;border-color:#f0ad1e66;color:var(--warn)}.pc-trainer-difficulty-btn-medium:hover:not(:disabled){background:#f0ad1e3d}.pc-trainer-difficulty-btn-medium.pc-btn-active{background:#f0ad1e9e;border-color:var(--warn);color:#fff;box-shadow:0 0 0 3px #f0ad1e4d}.pc-trainer-difficulty-btn-medium.pc-btn-active:hover:not(:disabled){background:#f0ad1eb3;border-color:var(--warn);color:#fff}.pc-trainer-difficulty-btn-strict{background:#e53e3e24;border-color:#e53e3e59;color:var(--danger)}.pc-trainer-difficulty-btn-strict:hover:not(:disabled){background:#e53e3e38}.pc-trainer-difficulty-btn-strict.pc-btn-active{background:#e53e3e99;border-color:var(--danger);color:#fff;box-shadow:0 0 0 3px #e53e3e4d}.pc-trainer-difficulty-btn-strict.pc-btn-active:hover:not(:disabled){background:#e53e3ead;border-color:var(--danger);color:#fff}.pc-log{height:100%;min-height:0;display:flex;flex-direction:column}.pc-log-header{flex-shrink:0;padding:32px 24px 0;max-width:none;box-shadow:0 8px 10px -6px var(--shadow)}.pc-log-header-inline{padding:0;max-width:none;box-shadow:none}.pc-log-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.pc-log-inner{padding:20px 24px 48px;min-height:100%;flex-shrink:0}.pc-log-stats-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.pc-log-stat{flex:1 1 120px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md)}.pc-log-stat:nth-child(1){background:#4a90e229}.pc-log-stat:nth-child(2){background:#48bb7829}.pc-log-stat:nth-child(3){background:#ed89362e}.pc-log-stat:nth-child(4){background:#9f7aea29}.pc-log-stat-value{font-size:24px;font-weight:800;color:var(--text)}.pc-log-stat-label{font-size:12px;color:var(--text-sub)}.pc-log-section{margin-bottom:28px}.pc-log-narrow{max-width:900px}.pc-log-section-title{font-size:15px;margin:0 0 10px}.pc-log-badges{display:flex;flex-wrap:wrap;gap:10px}.pc-log-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;font-size:13px;font-weight:600}.pc-log-badge-locked{opacity:.4}.pc-log-badge-emoji{font-size:18px}.pc-log-chord-stats{display:flex;flex-direction:column;gap:6px}.pc-log-chord-stat-row{display:grid;grid-template-columns:56px 1fr 80px;align-items:center;gap:10px;font-size:13px}.pc-log-chord-stat-symbol{font-weight:700}.pc-log-chord-stat-bar-track{height:8px;background:var(--bg-card);border-radius:4px;overflow:hidden}.pc-log-chord-stat-bar{height:100%;background:var(--accent);border-radius:4px}.pc-log-chord-stat-percent{text-align:right;color:var(--text-sub);font-variant-numeric:tabular-nums}.pc-logs-screen{height:100%;min-height:0;display:flex;flex-direction:column}.pc-logs-fixed{flex-shrink:0;padding:24px 24px 16px;display:flex;flex-direction:column;gap:16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md)}.pc-logs-screen{gap:14px}.pc-logs-screen>.pc-logs-scroll{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md)}.pc-logs-scroll{flex:1;min-height:0;overflow-y:auto}.pc-logs-scroll-inner{padding:16px 24px 24px;display:flex;flex-direction:column;gap:16px;height:100%}.pc-logs-header{display:flex;align-items:center;justify-content:space-between}.pc-logs-header-actions{display:flex;align-items:center;gap:8px}.pc-logs-title{margin:0;font-size:20px}.pc-logs-filters{display:flex;align-items:center;gap:18px;flex-wrap:nowrap;overflow-x:auto;padding:10px 0 2px}.pc-logs-filter-field{display:flex;align-items:center;gap:8px;flex-shrink:0}.pc-logs-filter-label{font-size:12px;font-weight:600;color:var(--text-sub);white-space:nowrap}.pc-logs-filter-select{width:auto;flex-shrink:0}.pc-logs-bar-row{display:grid;grid-template-columns:minmax(140px,260px) 1fr 70px;align-items:center;gap:10px;font-size:13px}.pc-logs-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-logs-bar-track{width:100%}.pc-logs-stat-value-text{font-size:14px;text-align:center}.pc-logs-settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}.pc-logs-settings-hint{margin:4px 0 0;font-size:12px;color:var(--text-sub)}.pc-logs-settings-footer{justify-content:space-between}.pc-logs-settings-footer-actions{display:flex;gap:10px}.pc-logs-retention-input{background:#fff}.pc-logs-session-row{cursor:pointer}.pc-logs-session-row:hover{background:var(--bg-card)}.pc-logs-session-row-selected,.pc-logs-session-row-selected:hover{background:color-mix(in srgb,var(--accent) 16%,var(--bg-panel))}.pc-logs-sessions-section{display:flex;flex-direction:column;flex:1;min-height:420px}.pc-logs-split{display:flex;align-items:stretch;gap:16px;flex:1;min-height:0}.pc-logs-split-left{flex:1 1 60%;min-width:0;min-height:0}.pc-logs-hsplit{gap:0}.pc-logs-hsplit-divider{flex-shrink:0;width:10px;margin:0 8px;cursor:col-resize;display:flex;align-items:center;justify-content:center}.pc-logs-hsplit-handle{width:2px;height:100%;background:var(--border)}.pc-logs-hsplit-divider:hover .pc-logs-hsplit-handle,.pc-logs-hsplit-divider:focus-visible .pc-logs-hsplit-handle{background:var(--accent)}.pc-logs-split-right{flex:1 1 40%;min-width:280px;min-height:0}.pc-logs-vsplit{height:100%;min-height:320px;display:flex;flex-direction:column}.pc-logs-vsplit-pane{min-height:0;overflow:hidden}.pc-logs-vsplit-pane>*{height:100%}.pc-logs-statistics-panel{box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;overflow:hidden}[data-theme=dark] .pc-logs-statistics-panel{background:var(--bg-panel)}.pc-logs-statistics-title{flex-shrink:0;margin-bottom:14px}.pc-logs-statistics-content{flex:1;min-height:0;overflow-y:auto}.pc-logs-vsplit-divider{flex-shrink:0;height:10px;cursor:row-resize;display:flex;align-items:center;justify-content:center}.pc-logs-vsplit-handle{width:100%;height:2px;background:var(--border)}.pc-logs-vsplit-divider:hover .pc-logs-vsplit-handle,.pc-logs-vsplit-divider:focus-visible .pc-logs-vsplit-handle{background:var(--accent)}body.pc-resizing-row{cursor:row-resize;-webkit-user-select:none;user-select:none}.pc-logs-detail-panel{height:100%;box-sizing:border-box;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;min-height:0}[data-theme=dark] .pc-logs-detail-panel{background:var(--bg-panel)}.pc-logs-detail-panel .pc-user-mgmt-table-wrap{flex:1;max-height:none;min-height:0}.pc-logs-vsplit-pane>.pc-user-mgmt-table-wrap{height:100%;max-height:none;box-sizing:border-box}.pc-logs-vsplit-pane .pc-user-mgmt-table th{position:sticky;top:0;z-index:1;color:var(--text)}.pc-logs-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-shrink:0}.pc-logs-view-pills{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.pc-logs-view-pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.pc-logs-view-pill-more{background:var(--bg-card);color:var(--text-sub);cursor:default}.pc-logs-action-row{background:#9f7aea1f;font-style:italic}.pc-logs-detail-header .pc-log-section-title{margin:0}[data-theme=dark] .pc-logs-retention-input{background:var(--bg-input)}.pc-log-history-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px}.pc-log-history-header-row .pc-log-section-title{margin:0}.pc-log-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pc-log-range-select{width:auto;flex-shrink:0;font-size:13px}.pc-log-search{position:relative}.pc-log-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.pc-log-search input{width:200px;padding-left:34px;font-size:13px}.pc-log-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pc-log-history-row{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px}.pc-log-history-top-row{display:flex;align-items:flex-start;gap:6px}.pc-log-history-summary{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:none;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.pc-log-history-delete{display:flex;align-items:center;gap:2px;flex-shrink:0}.pc-log-history-delete-btn{width:30px;height:30px;color:var(--danger)}.pc-log-history-delete-btn:hover:not(:disabled){background:#b8383824;border-color:var(--danger);color:var(--danger)}.pc-log-history-delete-error{color:var(--danger)}.pc-log-history-main{display:flex;flex-direction:column;gap:2px;min-width:0}.pc-log-history-song{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-log-history-meta{font-size:12px;color:var(--text-sub)}.pc-log-history-score{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.pc-log-history-stars{color:gold;font-size:14px}.pc-log-history-percent{display:inline-flex;padding:2px 9px;border-radius:999px;font-weight:700;font-variant-numeric:tabular-nums}.pc-log-history-percent-good{background:#2f9e442e;color:var(--success)}.pc-log-history-percent-poor{background:#e53e3e29;color:#e53e3e}.pc-log-history-suggestion{margin:8px 0 0;font-size:13px;color:var(--text-sub)}.pc-log-history-detail{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.pc-log-history-detail-counts{margin:0 0 8px;font-size:13px;color:var(--text-sub)}.pc-log-history-chords{display:flex;flex-wrap:wrap;gap:6px}.pc-log-chord-pill{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}.pc-log-chord-pill-hit{background:#2f9e442e;color:var(--success)}.pc-log-chord-pill-miss{background:var(--danger);color:#fff}.pc-trainer-view{height:100%;min-height:0;display:flex;flex-direction:column}.pc-trainer-subtabs-row{flex-shrink:0;padding:16px 24px 0}.pc-trainer-subtabs-row .pc-tabs{width:fit-content;margin-bottom:0;gap:2px;padding:3px;background:color-mix(in srgb,var(--bg-app) 100%,black 5%);border:1px solid color-mix(in srgb,var(--border) 100%,black 10%);border-radius:12px;box-shadow:inset 0 1px 3px color-mix(in srgb,black 22%,transparent)}.pc-trainer-subtabs-row .pc-tab{min-width:90px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 100%,black 14%);background:linear-gradient(155deg,color-mix(in srgb,var(--bg-card) 100%,white 12%),color-mix(in srgb,var(--bg-card) 100%,black 7%));box-shadow:inset 0 1px color-mix(in srgb,white 40%,transparent),0 1px color-mix(in srgb,black 20%,transparent),0 2px 3px color-mix(in srgb,black 18%,transparent);transform:translateY(0);transition:transform .13s cubic-bezier(.2,.8,.2,1),box-shadow .13s ease,background .13s ease,color .13s ease}.pc-practice-exercise-tabs-row .pc-tab{max-width:90px;padding:8px 4px;white-space:normal;line-height:1.2;text-align:center}.pc-practice-exercise-tabs-row .pc-tabs{gap:4px;flex-wrap:wrap}.pc-trainer-subtabs-row .pc-tab:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(155deg,color-mix(in srgb,var(--bg-card) 100%,white 12%),color-mix(in srgb,var(--bg-card) 100%,black 7%));box-shadow:inset 0 1px color-mix(in srgb,white 50%,transparent),0 2px color-mix(in srgb,black 20%,transparent),0 3px 5px color-mix(in srgb,black 20%,transparent),0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.pc-trainer-subtabs-row .pc-tab.active{transform:translateY(1px);background:linear-gradient(155deg,var(--hw-face-pressed-top) 0%,var(--hw-face-pressed-bottom) 100%);color:var(--tab-selected-accent);box-shadow:inset 0 2px 2px color-mix(in srgb,black 30%,transparent),inset 0 0 6px 1px color-mix(in srgb,var(--tab-selected-accent) 45%,transparent)}.pc-trainer-subtabs-row .pc-tab.active:hover:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 2px color-mix(in srgb,black 30%,transparent),inset 0 0 8px 1px color-mix(in srgb,var(--tab-selected-accent) 55%,transparent)}.pc-trainer-subtabs-row .pc-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media(prefers-reduced-motion:reduce){.pc-trainer-subtabs-row .pc-tab{transition:box-shadow 60ms ease,background 60ms ease,color 60ms ease}.pc-trainer-subtabs-row .pc-tab:hover:not(:disabled){transform:none}}.pc-practice-exercise-tab-showMeTheChord{--practice-tab-color: #7fc9a8}.pc-practice-exercise-tab-chordTiming{--practice-tab-color: #f0b46e}.pc-practice-exercise-tab-steadyStrum{--practice-tab-color: #b79bea}.pc-practice-exercise-tab-chordProgression{--practice-tab-color: #7bb8ec}.pc-practice-exercise-tab-chordShapeRecall{--practice-tab-color: #ea94b6}.pc-practice-exercise-tab-rhythms{--practice-tab-color: #e0c85a}.pc-practice-exercise-tab-bassKeys{--practice-tab-color: #5fb3b3}.pc-practice-exercise-tabs-row .pc-practice-exercise-tab{border-color:color-mix(in srgb,var(--practice-tab-color) 45%,var(--border) 55%);background:linear-gradient(155deg,color-mix(in srgb,var(--practice-tab-color) 38%,var(--bg-card) 62%),color-mix(in srgb,var(--practice-tab-color) 26%,var(--bg-card) 74%))}.pc-practice-exercise-tabs-row .pc-practice-exercise-tab:hover:not(:disabled){background:linear-gradient(155deg,color-mix(in srgb,var(--practice-tab-color) 52%,var(--bg-card) 48%),color-mix(in srgb,var(--practice-tab-color) 38%,var(--bg-card) 62%));box-shadow:inset 0 1px color-mix(in srgb,white 50%,transparent),0 2px color-mix(in srgb,black 20%,transparent),0 3px 5px color-mix(in srgb,black 20%,transparent),0 0 0 2px color-mix(in srgb,var(--practice-tab-color) 45%,transparent)}.pc-practice-exercise-tabs-row .pc-practice-exercise-tab.active{background:linear-gradient(155deg,color-mix(in srgb,var(--practice-tab-color) 78%,var(--hw-face-pressed-top) 22%),color-mix(in srgb,var(--practice-tab-color) 68%,var(--hw-face-pressed-bottom) 32%));color:#1a2230;box-shadow:inset 0 2px 2px color-mix(in srgb,black 30%,transparent),inset 0 0 6px 1px color-mix(in srgb,var(--practice-tab-color) 55%,transparent)}.pc-practice-exercise-tabs-row .pc-practice-exercise-tab.active:hover:not(:disabled){box-shadow:inset 0 2px 2px color-mix(in srgb,black 30%,transparent),inset 0 0 8px 1px color-mix(in srgb,var(--practice-tab-color) 65%,transparent)}.pc-trainer-subtabs-divider{height:0;margin:14px 0 0;border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--bg-app)}.pc-trainer-panel{flex:1;min-height:0;display:flex;flex-direction:column}.pc-trainer-panel-hidden{display:none}.pc-trainer-panel .pc-piano-svg{max-height:190px}.pc-practice-intro{margin:0 0 16px}.pc-practice-transposition-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pc-practice-transposition-alert-text{margin:0;flex:1 1 320px}.pc-practice-transposition-alert-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.pc-rhythm-grid{display:grid;row-gap:4px;align-items:center;position:relative;width:fit-content;--rhythm-cell-size: 30px;--rhythm-pair-gap: 12px;--rhythm-column-gap: 12px}.pc-rhythm-grid-card{--rhythm-cell-size: 26px;--rhythm-pair-gap: 11px;--rhythm-column-gap: 11px}.pc-rhythm-grid-editor{--rhythm-cell-size: 44px;--rhythm-pair-gap: 14px;--rhythm-column-gap: 14px}.pc-rhythm-grid-practice{--rhythm-cell-size: clamp(16px, 7.8cqi, 78px);--rhythm-pair-gap: clamp(2px, 3cqi, 30px);--rhythm-column-gap: clamp(2px, 3cqi, 30px);row-gap:30px}.pc-rhythm-grid-corner{width:calc(var(--rhythm-cell-size) * .7)}.pc-rhythm-grid-divider{height:0;align-self:center;margin:6px 0;border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--bg-app)}.pc-rhythm-grid-beat-label{text-align:center;font-size:12px;font-weight:700;color:var(--text-sub)}.pc-rhythm-grid-practice .pc-rhythm-grid-beat-label{font-size:clamp(11px,1.6cqi,16px)}.pc-rhythm-grid-hand-label{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--text-sub);padding-right:6px;text-align:center}.pc-rhythm-grid-practice .pc-rhythm-grid-hand-label{font-size:clamp(9px,1.5cqi,15px);max-width:clamp(28px,11cqi,110px);white-space:normal;line-height:1.25}.pc-rhythm-grid-hand-select-wrap{display:flex;align-items:center;margin-right:14px}.pc-rhythm-hand-select{width:var(--rhythm-cell-size);height:var(--rhythm-cell-size);min-width:0;justify-content:center;padding:0 4px;font-size:13px;font-weight:800;gap:2px}.pc-rhythm-hand-select .pc-dropdown-chevron{width:12px;height:12px}.pc-rhythm-cell{width:var(--rhythm-cell-size);height:var(--rhythm-cell-size);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);padding:0;position:relative;box-sizing:border-box;transition:border-color .12s ease}.pc-rhythm-cell-active{background:var(--slate);color:#fff;border-color:color-mix(in srgb,var(--slate) 70%,black 20%)}.pc-rhythm-cell-chord-label{font-size:clamp(9px,2cqi,20px);font-weight:800;line-height:1;color:inherit;text-align:center;padding:0 4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:1}.pc-rhythm-cell-active-current{background:var(--slate);color:#fff;border-color:color-mix(in srgb,var(--slate) 70%,black 20%)}.pc-rhythm-cell-active-dimmed{background:color-mix(in srgb,var(--slate) 38%,var(--bg-card) 62%);color:color-mix(in srgb,var(--slate) 65%,var(--text-muted) 35%);border-color:var(--border)}.pc-rhythm-cell-inactive{background:var(--bg-card);color:var(--text-muted)}.pc-rhythm-cell-btn:hover>.pc-rhythm-cell,.pc-rhythm-cell-btn:hover .pc-rhythm-subcell{border-color:var(--border-h)}.pc-rhythm-cell-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;display:block}.pc-rhythm-cell-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pc-rhythm-cell-divided-wrap{display:block;width:var(--rhythm-cell-size);height:var(--rhythm-cell-size);box-sizing:border-box}.pc-rhythm-cell-stack{display:flex;width:100%;height:100%;gap:2px}.pc-rhythm-cell-stack-thirds{flex-direction:column}.pc-rhythm-cell-stack-halves{flex-direction:row}.pc-rhythm-subcell{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);padding:0;position:relative;box-sizing:border-box;transition:border-color .12s ease}.pc-rhythm-grid-cursor{align-self:stretch;border:2px solid var(--warn);border-radius:calc(var(--radius-sm) + 2px);pointer-events:none;z-index:2;box-shadow:0 0 0 2px color-mix(in srgb,var(--warn) 25%,transparent)}.pc-rhythm-cell-needs-play{border:3px solid var(--accent);z-index:1;animation:pc-rhythm-cell-glow .7s ease-in-out infinite}@keyframes pc-rhythm-cell-glow{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 55%,transparent);transform:scale(1)}50%{box-shadow:0 0 0 11px color-mix(in srgb,var(--accent) 20%,transparent);transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.pc-rhythm-cell-needs-play{animation:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 45%,transparent)}}.pc-rhythm-grid-paused .pc-rhythm-cell-needs-play{animation-play-state:paused}.pc-rhythm-cell-hit-fx{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:color-mix(in srgb,var(--success) 45%,white 55%);animation:pc-rhythm-cell-hit-flash 1s ease-out forwards}@keyframes pc-rhythm-cell-hit-flash{0%,70%{opacity:.85}to{opacity:0}}.pc-rhythm-cell-wrong-fx{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:var(--danger);animation:pc-rhythm-cell-wrong-flash 1s ease-out forwards}@keyframes pc-rhythm-cell-wrong-flash{0%,70%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.pc-rhythm-cell-hit-fx{animation:none;opacity:.7}.pc-rhythm-cell-wrong-fx{animation:none;opacity:.85}}.pc-rhythm-list-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.pc-rhythm-badge-filter{width:auto;min-width:120px;padding:5px 10px;font-size:12px}.pc-rhythm-list-empty{margin:14px 0 0;font-size:13px;color:var(--text-muted)}.pc-rhythm-list{display:grid;grid-template-columns:1fr;gap:8px;margin:14px 0 10px;width:100%;max-height:420px;overflow-y:auto;overflow-x:hidden;padding-right:4px}@container (min-width: 700px){.pc-rhythm-list{grid-template-columns:1fr 1fr}}.pc-rhythm-list-row{container-type:inline-size}.pc-rhythm-row{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);padding:8px}.pc-rhythm-row-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-card))}.pc-rhythm-row-select{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1;min-width:0;background:none;border:none;padding:4px;cursor:pointer;color:var(--text);text-align:left}.pc-rhythm-row-select svg{flex:none;color:var(--accent)}.pc-rhythm-row-header{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}.pc-rhythm-form-modal{max-width:620px;width:100%}.pc-rhythm-form-aligned{width:fit-content;max-width:100%}.pc-rhythm-form-name-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.pc-rhythm-form-name-field{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);padding:8px 10px}.pc-rhythm-form-pattern-header{margin-top:10px}.pc-rhythm-form-grid-wrap{margin:8px 0 4px;overflow-x:auto;overflow-y:hidden}.pc-rhythm-form-pattern-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.pc-rhythm-form-beatcount{display:flex;align-items:center;gap:8px}.pc-rhythm-form-beatcount-label{font-size:13px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.pc-rhythm-form-beatcount-label-active{color:var(--text);font-weight:700}.pc-rhythm-form-division-toggle{display:flex;align-items:center;gap:8px}.pc-rhythm-form-division-hint{font-size:12px;color:var(--text-muted);margin:2px 0 0}.pc-rhythm-division-popup{max-width:340px}.pc-rhythm-division-popup h3{margin:0 0 12px}.pc-rhythm-division-popup-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pc-rhythm-division-option{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:13px;text-align:left;cursor:pointer}.pc-rhythm-division-option:hover{border-color:var(--border-h)}.pc-rhythm-division-option-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-card))}.pc-rhythm-division-preview-part,.pc-rhythm-division-preview-stack{width:22px;height:22px;border-radius:4px;flex:none}.pc-rhythm-division-preview-part{border:1px solid var(--border);background:var(--bg-card);box-sizing:border-box}.pc-rhythm-division-preview-part-active{background:var(--slate);border-color:color-mix(in srgb,var(--slate) 70%,black 20%)}.pc-rhythm-division-preview-stack{display:flex;gap:2px}.pc-rhythm-division-preview-stack .pc-rhythm-division-preview-part{width:auto;height:auto;flex:1;border-radius:3px}.pc-rhythm-division-preview-thirds{flex-direction:column}.pc-rhythm-division-preview-halves{flex-direction:row}.pc-rhythms-running-row{display:flex;align-items:center;justify-content:center;gap:20px}.pc-rhythms-chord-display{display:flex;flex-direction:column;align-items:center;gap:4px}.pc-rhythms-chord-name{font-size:40px;font-weight:800;color:var(--chord-color)}.pc-rhythms-metronome-bpm{font-size:12px;font-weight:700;color:var(--text-sub)}.pc-rhythms-sequence-section{margin-top:16px}.pc-rhythms-sequence-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.pc-rhythms-sequence-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);padding:4px 6px 4px 8px;font-weight:600}.pc-rhythms-sequence-chip-index{font-size:11px;font-weight:700;color:var(--text-sub)}.pc-rhythms-sequence-chip-actions{display:inline-flex;align-items:center;gap:2px;margin-inline-start:4px}.pc-rhythms-sequence-chip-move{border:none;background:none;color:var(--text-sub);cursor:pointer;font-size:13px;line-height:1;padding:2px 4px;border-radius:var(--radius-sm)}.pc-rhythms-sequence-chip-move:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.pc-rhythms-sequence-chip-move:disabled{opacity:.35;cursor:not-allowed}.pc-rhythms-grid-wrap{display:flex;justify-content:center;margin:18px 0;padding:24px 20px;overflow-x:auto;container-type:inline-size}.pc-rhythms-chord-sequence{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:10px;margin:4px 0 14px}.pc-rhythms-chord-seq-item{font-size:26px;font-weight:700;color:var(--text-muted);transform:scale(.6154);transform-origin:center bottom;transition:transform .15s ease,color .15s ease}.pc-rhythms-chord-seq-item+.pc-rhythms-chord-seq-item:before{content:"|";margin-right:10px;color:var(--border-h);font-weight:400}.pc-rhythms-chord-seq-item-current{transform:scale(1);color:var(--chord-color)}.pc-rhythms-status-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.pc-rhythms-status-wrap .pc-progression-progress-row,.pc-rhythms-status-wrap .pc-practice-feedback-row{justify-content:center;margin:0}.pc-rhythms-keyblocks-viewport{width:100%;min-width:0;display:flex;flex-direction:column;gap:10px}.pc-rhythms-keyblocks-line{display:flex;align-items:center;gap:10px;width:100%}.pc-rhythms-keyblocks-row-label{flex:0 0 84px;font-size:13px;font-weight:600;color:var(--text-sub)}.pc-rhythms-keyblocks-row{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;column-gap:4px;row-gap:8px;justify-content:center}.pc-rhythms-keyblocks-row-label+.pc-rhythms-keyblocks-row{justify-content:flex-start}.pc-rhythms-keyblock{flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;font-weight:700;border:1px solid color-mix(in srgb,var(--chord-divider) 55%,transparent);border-radius:var(--radius-sm);box-sizing:border-box;overflow:hidden;white-space:nowrap;position:relative;transition:background .12s ease,border-color .12s ease,color .12s ease}.pc-rhythms-keyblock-label{position:relative;z-index:1}.pc-rhythms-keyblock-step{background:color-mix(in srgb,var(--slate) 38%,var(--bg-card) 62%);color:color-mix(in srgb,var(--slate) 65%,var(--text-muted) 35%)}.pc-rhythms-keyblock-rest{background:var(--bg-card);color:var(--text-muted)}.pc-rhythms-keyblock-divider{flex-shrink:0;width:3px;border-radius:1px;background:var(--chord-divider);margin:-5px 3px}.pc-rhythms-keyblock-cursor{outline:2px solid var(--warn);outline-offset:-2px}.pc-rhythms-keyblock-glow{color:#fff;border:3px solid var(--accent);animation:pc-rhythms-keyblock-glow-pulse .7s ease-in-out infinite}@keyframes pc-rhythms-keyblock-glow-pulse{0%,to{background:var(--slate);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 70%,transparent)}50%{background:color-mix(in srgb,var(--slate) 65%,var(--accent) 35%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 55%,transparent)}}@media(prefers-reduced-motion:reduce){.pc-rhythms-keyblock-glow{animation:none;background:color-mix(in srgb,var(--slate) 65%,var(--accent) 35%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 55%,transparent)}}.pc-rhythms-keyblocks-paused .pc-rhythms-keyblock-glow{animation-play-state:paused}.pc-rhythms-keyblock-hit-fx{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:color-mix(in srgb,var(--success) 45%,white 55%);animation:pc-rhythm-cell-hit-flash 1s ease-out forwards}.pc-rhythms-keyblock-wrong-fx{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:var(--danger);animation:pc-rhythm-cell-wrong-flash 1s ease-out forwards}@media(prefers-reduced-motion:reduce){.pc-rhythms-keyblock-hit-fx{animation:none;opacity:.7}.pc-rhythms-keyblock-wrong-fx{animation:none;opacity:.85}}.pc-practice-drill-inner{max-width:none;padding-bottom:var(--practice-piano-clearance, 420px);display:flex;flex-direction:column;flex-shrink:0}.pc-practice-drill{max-width:640px;margin:0 auto;flex-shrink:0}.pc-practice-drill-ended{margin:24px 0 0}.pc-practice-drill-ended .pc-trainer-card{margin:0;padding:24px 24px 20px}.pc-practice-drill-ended .pc-trainer-stars{margin-bottom:10px}.pc-practice-drill-ended .pc-trainer-card-title{margin-bottom:12px}.pc-practice-drill-ended .pc-trainer-summary-line{margin-bottom:14px}.pc-practice-drill-ended .pc-practice-coaching+.pc-practice-coaching{margin-top:10px}.pc-practice-drill-ended .pc-practice-coaching{margin-bottom:14px}.pc-practice-drill-ended .pc-trainer-summary-actions{margin-top:18px}.pc-practice-running-wide{width:100%}.pc-practice-running-wide:not(.pc-practice-recognize-wrap):not(.pc-practice-recall-running-wrap){flex-shrink:0}.pc-practice-drill-header-wide{width:100%}.pc-practice-body{flex:1 0 auto;display:flex;flex-direction:column}.pc-practice-drill-inner .pc-piano-svg{max-height:340px}@media(max-height:760px){.pc-practice-drill-inner .pc-piano-svg{max-height:220px}}.pc-practice-drill-header{padding:0 24px;margin-top:10px;margin-bottom:14px}.pc-practice-drill-toolbar{display:flex;align-items:center;gap:4px;width:100%;padding:8px;border-radius:12px;background:color-mix(in srgb,var(--bg-app) 100%,black 5%);border:1px solid color-mix(in srgb,var(--border) 100%,black 10%);box-shadow:inset 0 1px 3px color-mix(in srgb,black 22%,transparent)}.pc-practice-toolbar-actions{display:flex;align-items:center;gap:4px;margin-inline-start:auto}.pc-practice-toolbar-transport-slot{display:contents}.pc-practice-piano-sticky{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--bg-app);box-shadow:0 -6px 16px -2px #00000059}.pc-practice-setup{text-align:left}.pc-practice-setup-row{margin-top:16px}.pc-practice-setup-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-sub);margin-bottom:6px}.pc-practice-setup-divider{display:block;height:1px;margin:16px 0 0;background:var(--border)}.pc-practice-setup-divider-spaced-after{margin-bottom:16px}.pc-practice-chordline-width-divider{width:100%;max-width:none;margin-left:0;margin-right:0}.pc-practice-chord-picker,.pc-practice-chip-row{flex-wrap:wrap;gap:6px;padding:10px}.pc-practice-chord-chip{min-width:58px}.pc-practice-chord-tier-group{margin-top:39px}.pc-practice-chord-tier-group:first-child{margin-top:10px}.pc-practice-chord-tier-label{display:block;margin-bottom:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.pc-practice-chord-tier-header{display:flex;align-items:center;margin-bottom:8px}.pc-practice-chord-tier-header .pc-practice-chord-tier-label,.pc-practice-chord-tier-header .pc-practice-select-all-row{margin-bottom:0}.pc-practice-chord-tier-header-divider{align-self:stretch;width:1px;margin:0 14px;background:var(--border)}.pc-practice-chord-picker.pc-practice-chord-tier-gold,.pc-practice-chord-picker.pc-practice-chord-tier-silver,.pc-practice-chord-picker.pc-practice-chord-tier-bronze{position:relative;isolation:isolate;overflow:hidden}.pc-practice-chord-picker.pc-practice-chord-tier-gold:before,.pc-practice-chord-picker.pc-practice-chord-tier-silver:before,.pc-practice-chord-picker.pc-practice-chord-tier-bronze:before{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;z-index:-1;filter:blur(16px)}.pc-practice-chord-picker.pc-practice-chord-tier-gold{border-color:color-mix(in srgb,#a9781b 55%,var(--border))}.pc-practice-chord-picker.pc-practice-chord-tier-gold:before{background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.55) 46%,transparent 62%),linear-gradient(135deg,#fbe7ad,#e7b93f 24%,#a9781b 46%,#f6d876,#8f6314,#ecc665)}.pc-practice-chord-picker.pc-practice-chord-tier-silver{border-color:color-mix(in srgb,#8b929c 55%,var(--border))}.pc-practice-chord-picker.pc-practice-chord-tier-silver:before{background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.55) 46%,transparent 62%),linear-gradient(135deg,#f4f6f8,#cfd4da 24%,#8b929c 46%,#e7eaee,#6f747c,#c3c9d1)}.pc-practice-chord-picker.pc-practice-chord-tier-bronze{border-color:color-mix(in srgb,#8f5326 55%,var(--border))}.pc-practice-chord-picker.pc-practice-chord-tier-bronze:before{background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.4) 46%,transparent 62%),linear-gradient(135deg,#eec9a0,#cb8f57 24%,#8f5326 46%,#e3ac72,#703c1c,#c88755)}[data-theme=dark] .pc-practice-chord-picker.pc-practice-chord-tier-gold:before,[data-theme=dark] .pc-practice-chord-picker.pc-practice-chord-tier-silver:before,[data-theme=dark] .pc-practice-chord-picker.pc-practice-chord-tier-bronze:before{filter:blur(16px) brightness(.82) saturate(.92)}.pc-practice-chord-tier-label.pc-practice-chord-tier-gold{color:#a9781b}.pc-practice-chord-tier-label.pc-practice-chord-tier-silver{color:#6b7580}.pc-practice-chord-tier-label.pc-practice-chord-tier-bronze{color:#8f5326}[data-theme=dark] .pc-practice-chord-tier-label.pc-practice-chord-tier-gold{color:#e3c565}[data-theme=dark] .pc-practice-chord-tier-label.pc-practice-chord-tier-silver{color:#c7cdd6}[data-theme=dark] .pc-practice-chord-tier-label.pc-practice-chord-tier-bronze{color:#d79a68}.pc-practice-select-all-row{display:flex;gap:6px;margin-bottom:6px}.pc-practice-select-all-btn{--tb-face-top: color-mix(in srgb, #5f7d99 55%, var(--bg-card));--tb-face-bottom: color-mix(in srgb, #5f7d99 40%, var(--bg-card));--tb-edge: color-mix(in srgb, #46617c 100%, black 10%);color:var(--text)}.pc-practice-setup-error{margin:8px 0 0;font-size:13px;font-weight:600;color:var(--danger)}.pc-practice-setup-hint{margin:8px 0 0;font-size:13px;font-weight:600;color:var(--text-sub)}.pc-practice-setup-hint-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700}.pc-practice-setup-hint-sep{margin:0 6px}.pc-progression-list{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px;width:100%}.pc-progression-row{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);padding:4px 8px}.pc-progression-row-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-card))}.pc-progression-row-select{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:none;border:none;padding:6px 4px;cursor:pointer;color:var(--text);text-align:left}.pc-progression-row-select svg{flex:none;color:var(--accent)}.pc-progression-row-check-spacer{display:inline-block;width:18px;height:18px;flex:none}.pc-progression-row-name{font-weight:600;flex:none}.pc-progression-builtin-tag{font-size:11px;font-weight:600;color:var(--text-sub);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 6px;flex:none}.pc-rhythm-row-badge{font-size:11px;font-weight:600;color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent);border:1px solid color-mix(in srgb,var(--success) 45%,transparent);border-radius:var(--radius-sm);padding:1px 6px;flex:none}.pc-rhythm-row-badge-intermediate{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.pc-rhythm-row-badge-advanced{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.pc-rhythm-row-badge-other{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.pc-progression-row-chords{color:var(--text-sub);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-progression-row-actions,.pc-progression-row-confirm{display:flex;align-items:center;gap:6px;flex:none}.pc-progression-row-divider{width:1px;height:20px;background:var(--border);flex:none}.pc-progression-row-divider-hidden{background:transparent}.pc-progression-row-confirm span{font-size:13px;color:var(--text-sub);margin-inline-end:4px}.pc-progression-form-modal{max-width:640px;width:100%}.pc-progression-form-name-field{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);padding:8px 10px;margin-bottom:4px}.pc-progression-form-sequence{margin:10px 0}.pc-progression-form-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.pc-progression-form-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);padding:4px 6px 4px 8px;font-weight:600}.pc-progression-form-chip-index{font-size:11px;font-weight:700;color:var(--text-sub)}.pc-progression-form-chip-actions{display:inline-flex;align-items:center;gap:2px;margin-inline-start:4px}.pc-progression-form-chip-move,.pc-progression-form-chip-remove{border:none;background:none;color:var(--text-sub);cursor:pointer;font-size:13px;line-height:1;padding:2px 4px;border-radius:var(--radius-sm)}.pc-progression-form-chip-move:hover:not(:disabled),.pc-progression-form-chip-remove:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.pc-progression-form-chip-move:disabled{opacity:.35;cursor:not-allowed}.pc-progression-form-palette{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.pc-progression-method-group{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 14px}.pc-progression-method-btn{flex-direction:column;align-items:flex-start;gap:4px;text-align:left;max-width:320px;padding:10px 14px;background:color-mix(in srgb,var(--accent) 6%,var(--bg-card));border-color:var(--border)}.pc-progression-method-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 14%,var(--bg-card))}.pc-progression-method-btn.pc-btn-active{background:color-mix(in srgb,var(--accent) 28%,var(--bg-card));border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}.pc-progression-method-btn.pc-btn-active:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 34%,var(--bg-card));border-color:var(--accent)}.pc-progression-method-label{display:inline-flex;align-items:center;gap:5px;font-weight:700}.pc-progression-method-check{color:var(--accent);flex:none}.pc-progression-method-desc{font-size:12px;font-weight:400;color:var(--text-sub);white-space:normal}.pc-progression-tabs-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.pc-progression-song-chords-btn-wrap{margin-inline-start:auto}.pc-progression-song-pdf-split{height:min(75vh,700px)}.pc-progression-song-pdf-split .pc-split-left{overflow-y:auto}.pc-progression-song-pdf-pane{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-card)}.pc-progression-song-pdf-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);flex:none}.pc-progression-song-pdf-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-sub);flex:1}.pc-progression-song-pdf-frame{flex:1;width:100%;border:none}.pc-progression-source-btn{background:color-mix(in srgb,var(--accent) 6%,var(--bg-card));border-color:var(--border)}.pc-progression-source-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 14%,var(--bg-card))}.pc-progression-source-btn.pc-btn-active{background:color-mix(in srgb,var(--accent) 55%,var(--bg-card));border-color:var(--accent);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}.pc-progression-source-btn.pc-btn-active:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 62%,var(--bg-card));border-color:var(--accent);color:#fff}.pc-progression-hand-btn{background:color-mix(in srgb,var(--accent) 6%,var(--bg-card));border-color:var(--border)}.pc-progression-hand-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 14%,var(--bg-card))}.pc-progression-hand-btn.pc-btn-active{background:color-mix(in srgb,var(--accent) 55%,var(--bg-card));border-color:var(--accent);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}.pc-progression-hand-btn.pc-btn-active:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 62%,var(--bg-card));border-color:var(--accent);color:#fff}.pc-progression-steps-preview{margin-top:10px}.pc-progression-steps-list{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:6px 0 0;padding:0;list-style:none}.pc-progression-step-toggle{width:fit-content;justify-content:flex-start;text-align:left}.pc-progression-progress-row{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0;font-size:13px;color:var(--text-sub)}.pc-progression-summary-list{margin:4px 0 12px;padding:0;list-style:none;font-size:13px;color:var(--text-sub);text-align:left}.pc-progression-summary-list li{margin:2px 0}.pc-progression-transition-message-frame{padding:36px 56px;background:color-mix(in srgb,var(--accent) 85%,black);border-color:color-mix(in srgb,var(--accent) 60%,black)}.pc-progression-transition-message-title{font-size:18px;font-weight:600;color:#fff}.pc-progression-transition-message-chords{margin-top:10px;font-size:36px;font-weight:800;color:#fff;text-align:center}.pc-practice-song-chords{margin-bottom:16px;width:fit-content;max-width:100%;text-align:left}.pc-practice-song-chords-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}.pc-practice-transpose-row{display:flex;align-items:center;gap:12px;margin-top:12px;padding-bottom:26px}.pc-practice-setup-row .pc-transposition-reminder{margin-bottom:14px}.pc-practice-played-chord-row{align-items:center;justify-content:center;gap:10px;min-height:52px;padding-top:6px}.pc-practice-played-chord-row .pc-practice-setup-label{margin-bottom:0}.pc-active-chord-row.pc-practice-played-chord-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.pc-practice-played-chord-main{grid-column:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.pc-piano-transpose-control{grid-column:3;justify-self:end;display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:8px}.pc-piano-transpose-steps,.pc-piano-transpose-actions{display:flex;flex-direction:column;gap:3px;padding:3px;border:1px solid transparent;box-sizing:border-box}.pc-piano-transpose-steps{align-items:center;border-radius:999px;background:linear-gradient(180deg,#f7f9fb,#c4ccd6);border-color:#8c97a4;box-shadow:inset 0 1px #ffffffe6,0 2px 4px #0000004d}.pc-piano-transpose-step{display:flex;align-items:center;justify-content:center;width:26px;height:26px;min-height:0;padding:0;margin:0;border-radius:50%;border:1px solid #000;background:radial-gradient(circle at 35% 30%,#4a505a,#1a1d22 70%,#050608);color:#f2f4f7;box-shadow:inset 0 1px #ffffff2e,0 2px 2px #00000073;transition:transform 80ms ease}.pc-piano-transpose-step svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;display:block}.pc-piano-transpose-step:not(:disabled):active{transform:translateY(1px)}.pc-piano-transpose-step:disabled{opacity:.45}.pc-piano-transpose-actions{align-items:stretch}.pc-piano-transpose-action{height:26px;min-height:0;padding:0 10px;font-size:13px;line-height:1;white-space:nowrap}.pc-piano-transpose-actions .pc-piano-transpose-action{--rubber-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)'/%3E%3C/svg%3E");border-radius:4px;border:1px solid #050506;background:var(--rubber-grain) 0 0 / 120px 120px,linear-gradient(180deg,#4a4f57,#2a2e34,#17191d);color:#f2f4f7;box-shadow:inset 0 1px #ffffff29,inset 0 -2px #0000008c,0 2px 2px #00000073,0 4px 8px #0003;text-shadow:0 -1px 0 rgba(0,0,0,.6);transform:translateY(0);transition:transform .11s cubic-bezier(.2,.8,.2,1),box-shadow .11s ease,background .11s ease}.pc-piano-transpose-actions .pc-piano-transpose-action:hover:not(:disabled){background:var(--rubber-grain) 0 0 / 120px 120px,linear-gradient(180deg,#5a6068,#343941,#1f2226);color:#fff;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,inset 0 -2px #0000008c,0 3px 3px #00000073,0 6px 12px #00000040}.pc-piano-transpose-actions .pc-piano-transpose-action:active:not(:disabled){background:var(--rubber-grain) 0 0 / 120px 120px,linear-gradient(180deg,#121316,#1a1c20,#232529);transform:translateY(1px);box-shadow:inset 0 2px 4px #0009,0 1px 1px #0006}.pc-piano-transpose-actions .pc-piano-transpose-action:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px}.pc-lcd-window{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:6px;background:linear-gradient(180deg,#c6e6f8,#9ed0ee 55%,#86c2e6);border:3px solid #8e98a5;box-shadow:inset 0 2px 6px #00285059,0 1px #ffffff4d,0 3px 6px #00000059;overflow:hidden}.pc-lcd-window:after{content:"";position:absolute;top:0;right:0;bottom:50%;left:0;background:linear-gradient(180deg,#ffffff59,#fff0);pointer-events:none}.pc-lcd-digits{display:flex;align-items:center;gap:4px}.pc-lcd-digit{width:16px;height:26px;display:block}.pc-lcd-seg{fill:#143c6e1f;transition:fill .12s ease}.pc-lcd-seg-on{fill:#0f2f5e}@media(max-width:640px){.pc-active-chord-row.pc-practice-played-chord-row{grid-template-columns:1fr}.pc-practice-played-chord-main,.pc-piano-transpose-control{grid-column:1;justify-self:center}}.pc-practice-tempo-row{display:flex;align-items:center;gap:12px}.pc-hw-slider{flex:1}.pc-practice-tempo-value{flex-shrink:0;width:84px;padding-left:8px;padding-right:8px;white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums}.pc-practice-chip-row{margin-top:8px}.pc-practice-setup-tabbed{width:100%;max-width:1000px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 14px var(--shadow);flex-shrink:0}.pc-practice-setup-stack{display:grid}.pc-practice-setup-stack>.pc-practice-setup-tab-panel{grid-area:1 / 1;min-width:0}.pc-practice-setup-panel{margin:0;padding:20px;background:var(--tab-active-bg);border:none;border-radius:0;box-shadow:none}.pc-practice-setup-row-first{margin-top:0}.pc-practice-setup-inline-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;margin-top:16px}.pc-practice-setup-inline-group{display:flex;flex-direction:column;min-width:200px}.pc-practice-setup-inline-group-tempo{flex:1 1 260px;min-width:260px}.pc-practice-setup-divider-vertical{align-self:stretch;width:1px;background:var(--border)}.pc-practice-metronome-well{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 18px;border-radius:12px;background:color-mix(in srgb,var(--bg-app) 100%,black 5%);border:1px solid color-mix(in srgb,var(--border) 100%,black 10%);box-shadow:inset 0 1px 3px color-mix(in srgb,black 22%,transparent);flex-shrink:0}.pc-practice-beat-row{display:flex;justify-content:center;align-items:center;gap:10px}.pc-practice-beat-dot{width:14px;height:14px;border-radius:50%;border:1px solid color-mix(in srgb,var(--border) 100%,black 12%);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--bg-card) 100%,black 2%),color-mix(in srgb,var(--bg-card) 100%,black 16%));box-shadow:inset 0 1px 3px color-mix(in srgb,black 35%,transparent);transition:background .12s ease,box-shadow .12s ease,border-color .12s ease}.pc-practice-beat-dot-active{border-color:#157a3c;background:radial-gradient(circle at 35% 30%,#ccffdc,#34e26b 45%,#16a34a);box-shadow:inset 0 1px 1px color-mix(in srgb,white 70%,transparent),0 0 0 3px #22c55e4d,0 0 8px 2px #22c55ebf}.pc-metronome-body{fill:color-mix(in srgb,var(--bg-card) 100%,black 4%);stroke:var(--border);stroke-width:1}.pc-metronome-arm{transform-origin:20px 46px;transition-property:transform;transition-timing-function:ease-in-out}.pc-metronome-arm-line{stroke:var(--text-sub);stroke-width:2;stroke-linecap:round}.pc-metronome-weight{fill:var(--accent)}.pc-metronome-pivot{fill:var(--text-sub)}@media(prefers-reduced-motion:reduce){.pc-metronome-arm{transition:none}}.pc-practice-chordline-row{display:flex;align-items:center;gap:14px}.pc-practice-chordline-row .pc-practice-chordline-viewport{width:auto;flex:1;min-width:0}.pc-practice-chordline-row .pc-practice-blocks-grid{flex:1;min-width:0}.pc-practice-chordline-viewport{position:relative;display:flex;align-items:center;overflow:hidden;width:100%;max-width:1750px;height:190px;margin:0 auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%)}.pc-practice-chordline-viewport:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:205px;height:128px;border-radius:12px;border:2px solid color-mix(in srgb,var(--border) 100%,black 22%);box-shadow:inset 0 2px 5px color-mix(in srgb,black 32%,transparent),inset 0 -1px color-mix(in srgb,white 35%,transparent),0 1px color-mix(in srgb,white 35%,transparent);pointer-events:none;z-index:1}.pc-practice-chordline-strip{display:flex;align-items:center;height:100px;background:linear-gradient(180deg,#fffdf7,#f5f1e6);box-shadow:0 1px #ffffffb3 inset;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 64' preserveAspectRatio='none'%3E%3Cpath d='M0,8 L20,6.5 L34,8 L50,7 L66,8.5 L82,6 L98,7.5 L116,7 L132,8.5 L150,6 L168,7.5 L186,7 L204,8.5 L222,6 L240,7.5 L258,7 L276,8 L300,7 L300,56 L280,57.5 L262,55.5 L244,57 L226,56 L206,57.5 L188,55.5 L168,57 L148,56 L130,57.5 L112,55.5 L94,57 L76,56 L56,57.5 L38,55.5 L20,57 L0,56 Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 64' preserveAspectRatio='none'%3E%3Cpath d='M0,8 L20,6.5 L34,8 L50,7 L66,8.5 L82,6 L98,7.5 L116,7 L132,8.5 L150,6 L168,7.5 L186,7 L204,8.5 L222,6 L240,7.5 L258,7 L276,8 L300,7 L300,56 L280,57.5 L262,55.5 L244,57 L226,56 L206,57.5 L188,55.5 L168,57 L148,56 L130,57.5 L112,55.5 L94,57 L76,56 L56,57.5 L38,55.5 L20,57 L0,56 Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:300px 100%;mask-size:300px 100%;filter:drop-shadow(3px 7px 8px rgba(0,0,0,.32)) drop-shadow(1px 2px 3px rgba(0,0,0,.28))}.pc-practice-chordline-chord{flex-shrink:0;width:175px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:600;color:#b7b0a0;transition:color .2s ease,font-size .2s ease,font-weight .2s ease}.pc-practice-chordline-chord-near{color:#7a7264}.pc-practice-chordline-chord-current{color:#262017;font-weight:800;font-size:50px}.pc-practice-feedback-row{display:flex;align-items:center;justify-content:flex-start;gap:16px;min-height:30px;margin:4px auto 0;max-width:420px}.pc-practice-feedback-row .pc-trainer-pill{flex-shrink:0;white-space:nowrap}.pc-practice-blocks-grid{display:grid;row-gap:10px;column-gap:0}.pc-practice-block-group{display:flex}.pc-practice-beat-block{flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:700;color:var(--text-sub);background:color-mix(in srgb,var(--accent) 10%,transparent);border-right:2px solid color-mix(in srgb,var(--chord-divider) 55%,transparent);transition:background .12s ease,color .12s ease}.pc-practice-beat-block-group-start{border-left:3px solid var(--chord-divider)}.pc-practice-beat-block-active{background:var(--accent-dk);color:#fff}.pc-practice-blocks-layout{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:8px;align-items:start}.pc-practice-blocks-layout .pc-practice-blocks-grid{min-width:0}.pc-practice-blocks-status-col{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.pc-practice-blocks-status-col .pc-practice-feedback-row{margin:0;max-width:none}.pc-practice-blocks-status-col .pc-trainer-pill-hidden{display:none}.pc-practice-round-counter{margin:0 0 4px;text-align:left;font-size:13px;font-weight:600;color:var(--text-sub)}.pc-practice-recall-round-counter{margin:20px 0 8px;text-align:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.pc-practice-recall-running-wrap{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.pc-practice-recall-target-flip{min-height:clamp(140px,22vh,320px);margin:0 auto;width:100%;max-width:clamp(420px,46vw,640px);perspective:1400px;position:relative}.pc-practice-recall-target-flip-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateY(0);transition:transform .52s cubic-bezier(.34,.01,.16,1)}.pc-practice-recall-target-flipped{transform:rotateY(180deg)}.pc-practice-recall-target{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:clamp(16px,2.2vh,32px);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);box-shadow:0 4px 14px var(--shadow);font-size:clamp(56px,9vh,96px);font-weight:800;color:var(--text);backface-visibility:hidden;-webkit-backface-visibility:hidden}.pc-practice-recall-target-face-back{transform:rotateY(180deg)}.pc-practice-recall-target-content{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.4vh,16px)}.pc-practice-recall-target-name{display:flex;align-items:center;justify-content:center;height:clamp(66px,10.8vh,112px);overflow:hidden}.pc-practice-recall-attempt-pill{font-size:clamp(13px,1.6vh,16px);height:clamp(24px,3.4vh,30px);box-sizing:border-box;padding:0 16px;white-space:nowrap;overflow:hidden}.pc-practice-recall-target-placeholder{font-size:clamp(20px,2.6vh,26px);font-weight:700;color:var(--text-muted)}.pc-practice-recall-next-hint{position:absolute;right:clamp(10px,1.6vw,18px);bottom:clamp(8px,1.4vh,14px);font-size:clamp(11px,1.3vh,13px);font-weight:700;color:var(--text-muted);white-space:nowrap;pointer-events:none}.pc-practice-recall-timer{display:flex;align-items:center;justify-content:center;width:fit-content;margin:14px auto 0;padding:6px 20px;border-radius:8px;background:color-mix(in srgb,black 14%,var(--bg-card));box-shadow:inset 0 1px 3px color-mix(in srgb,black 28%,transparent);color:var(--text-sub);font-variant-numeric:tabular-nums;font-weight:700;font-size:22px}.pc-practice-recognize-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.pc-practice-recognize-panel{width:560px;max-width:100%;margin:0;min-height:260px;padding:28px 24px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);box-shadow:0 4px 14px var(--shadow);text-align:center}.pc-practice-recognize-chord{margin:8px 0 16px;font-size:56px;font-weight:800;color:var(--text);min-height:68px}.pc-practice-recognize-section-label{margin:0;font-size:13px;font-weight:600;color:var(--text-muted)}.pc-practice-recognize-played-chord{margin:4px 0 0;font-size:24px;font-weight:700;color:var(--text);min-height:30px}.pc-practice-recognize-split{border:none;border-top:1px solid var(--border);margin:12px 0}.pc-chord-flat{display:inline-block;font-size:1.3em;vertical-align:-.1em;margin:0 -.05em}.pc-practice-recognize-notes{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:40px;margin:0}.pc-practice-recognize-note{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:6px 10px;border-radius:8px;font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}.pc-practice-recognize-note-chord{background:gold;color:#4a3b00}.pc-practice-recognize-note-bass{background:#e53e3e;color:#fff}.pc-practice-recognize-notes-divider{align-self:stretch;width:2px;min-height:28px;margin:0 2px;background:var(--border);border-radius:1px}.pc-practice-recognize-note-empty{font-size:14px;font-weight:500;color:var(--text-muted)}.pc-practice-recognize-verdict{margin:16px 0 0;font-size:14px;font-weight:600}.pc-practice-recognize-verdict-good{color:var(--success)}.pc-practice-recognize-verdict-bad{color:var(--danger)}.pc-practice-recall-feedback-row{justify-content:center;max-width:none;margin:12px auto 0;min-height:34px}.pc-practice-recall-transport{margin:20px auto 0}.pc-practice-coaching{margin:10px 0 0;padding:10px 14px;background:#4a90e21f;border-radius:var(--radius-sm);color:var(--text);font-size:14px;text-align:left}.pc-practice-drill .pc-trainer-card[role=status]{width:fit-content;max-width:100%;margin:6px auto 20px 0;text-align:center}.pc-practice-drill .pc-trainer-card[role=status] .pc-trainer-card-title{display:flex;align-items:center;justify-content:center;gap:8px}.pc-practice-drill .pc-trainer-card[role=status] .pc-trainer-card-title:before{content:"";flex-shrink:0;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6 L22.4 20.6 H1.6 Z' fill='%23f5a524' stroke='%23b8660a' stroke-width='1.3' stroke-linejoin='round'/%3E%3Crect x='10.9' y='8.2' width='2.2' height='7.2' rx='1' fill='%232b1a00'/%3E%3Ccircle cx='12' cy='17.9' r='1.25' fill='%232b1a00'/%3E%3C/svg%3E") center / contain no-repeat}.pc-practice-drill:has(>.pc-trainer-card[role=status]),.pc-practice-drill:has(.pc-trainer-card[role=status]){margin-left:0;margin-right:auto}.pc-practice-body:has(+.pc-practice-song-chords) .pc-trainer-card[role=status]{margin-bottom:8px}.pc-practice-body:has(+.pc-practice-song-chords){flex:0 0 auto}.pc-practice-song-chords{margin-left:0;margin-right:auto}.pc-practice-drill .pc-trainer-card[role=status]{background:color-mix(in srgb,#f5a524 16%,var(--bg-panel));border-color:color-mix(in srgb,#f5a524 45%,var(--border))}.pc-practice-drill:has(.pc-trainer-card[role=status]){max-width:1000px}.pc-practice-drill .pc-trainer-card[role=status]{width:100%}.pc-practice-song-chords{width:100%;max-width:1000px}.pc-practice-drill:has(.pc-trainer-card[role=status]){width:100%}.pc-nav-buttons{display:flex;align-items:stretch;gap:8px;padding:10px 20px;flex:1 1 auto;width:100%;--nav-active-surface-top: #e2c58d;--nav-active-surface-mid: #c8a363;--nav-active-surface-bottom: #b58a4d;--nav-active-border: #92713e;--nav-active-text: #26384a;--nav-active-highlight: rgba(255, 241, 202, .72);--nav-active-inner-glow: rgba(255, 218, 137, .44);--nav-active-outer-glow: rgba(193, 135, 43, .26);--nav-active-contact-shadow: rgba(66, 50, 28, .32);--nav-active-pressed: #ad854a}[data-theme=dark] .pc-nav-buttons{--nav-active-surface-top: #98713a;--nav-active-surface-mid: #705027;--nav-active-surface-bottom: #513719;--nav-active-border: #b5833d;--nav-active-text: #ffd486;--nav-active-highlight: rgba(255, 220, 150, .46);--nav-active-inner-glow: rgba(255, 177, 54, .44);--nav-active-outer-glow: rgba(218, 151, 43, .32);--nav-active-contact-shadow: rgba(0, 0, 0, .52);--nav-active-pressed: #563a19}.pc-nav-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 0;min-width:0;height:46px;padding:0 9px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 100%,black 14%);background:linear-gradient(155deg,color-mix(in srgb,var(--bg-card) 100%,white 12%),color-mix(in srgb,var(--bg-card) 100%,black 7%));box-shadow:inset 0 1px color-mix(in srgb,white 40%,transparent),0 1px color-mix(in srgb,black 20%,transparent),0 2px 3px color-mix(in srgb,black 18%,transparent);color:var(--text-sub);font-weight:600;transform:translateY(0);transition:background .14s ease,box-shadow .14s ease,border-color .14s ease,color .14s ease,transform .1s ease}@media(prefers-reduced-motion:reduce){.pc-nav-tab-btn{transition:none}}.pc-nav-tab-btn svg{flex-shrink:0;width:17px;height:17px}.pc-nav-tab-btn span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-align:center;font-size:11px;line-height:1.1}.pc-nav-tab-btn:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(155deg,color-mix(in srgb,var(--bg-card) 100%,white 12%),color-mix(in srgb,var(--bg-card) 100%,black 7%));box-shadow:inset 0 1px color-mix(in srgb,white 50%,transparent),0 2px color-mix(in srgb,black 20%,transparent),0 3px 5px color-mix(in srgb,black 20%,transparent),0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.pc-nav-tab-btn:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.6}.pc-nav-tab-btn-active{border-color:var(--nav-active-border);background:linear-gradient(to bottom,var(--nav-active-surface-top) 0%,var(--nav-active-surface-mid) 46%,var(--nav-active-surface-bottom) 100%);color:var(--nav-active-text);box-shadow:inset 0 1px 0 var(--nav-active-highlight),inset 0 5px 8px -5px var(--nav-active-highlight),inset 0 0 8px 1px var(--nav-active-inner-glow),0 2px 3px var(--nav-active-contact-shadow),0 0 10px 1px var(--nav-active-outer-glow)}[data-theme=dark] .pc-nav-tab-btn-active{text-shadow:0 0 4px rgba(255,185,65,.16)}.pc-nav-tab-btn-active:hover:not(:disabled){background:linear-gradient(to bottom,var(--nav-active-surface-top) 0%,var(--nav-active-surface-mid) 46%,var(--nav-active-surface-bottom) 100%);box-shadow:inset 0 1.5px 0 var(--nav-active-highlight),inset 0 5px 9px -5px var(--nav-active-highlight),inset 0 0 10px 1px var(--nav-active-inner-glow),0 2px 3px var(--nav-active-contact-shadow),0 0 12px 1px var(--nav-active-outer-glow)}.pc-nav-tab-btn-active:active:not(:disabled){transform:translateY(1px);background:linear-gradient(to bottom,var(--nav-active-surface-mid) 0%,var(--nav-active-surface-bottom) 60%,var(--nav-active-pressed) 100%);box-shadow:inset 0 2px 4px #00000038,inset 0 0 6px 1px var(--nav-active-inner-glow),0 1px 1px var(--nav-active-contact-shadow),0 0 6px 1px var(--nav-active-outer-glow)}.pc-nav-tab-btn-active:focus-visible{outline-offset:3px}.pc-nav-tab-btn-active:disabled{color:color-mix(in srgb,var(--nav-active-text) 55%,var(--text-muted) 45%);background:linear-gradient(to bottom,color-mix(in srgb,var(--nav-active-surface-top) 55%,var(--bg-card) 45%),color-mix(in srgb,var(--nav-active-surface-bottom) 55%,var(--bg-card) 45%));box-shadow:inset 0 1px color-mix(in srgb,var(--nav-active-highlight) 45%,transparent),0 1px 1px var(--nav-active-contact-shadow)}.pc-nav-tab-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}