@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#07080e;--bg2:#0d0f1a;--panel:#111420;--panel2:#181c2e;--panel3:#1e2235;--text:#eef0f8;--text2:#a8b0cc;--muted:#6a7294;--line:#ffffff12;--line2:#ffffff1f;--accent:#7c6af7;--accent2:#22d3ee;--accent3:#a78bfa;--good:#34d399;--warn:#fbbf24;--danger:#f87171;--shadow-sm:0 4px 16px #00000047;--shadow:0 12px 40px #0006;--shadow-lg:0 24px 80px #0000008c;--radius-sm:10px;--radius:16px;--radius-lg:22px;--radius-xl:28px;--tr:.18s ease}[data-theme=light]{--bg:#f4f5fb;--bg2:#eef0f8;--panel:#fff;--panel2:#f0f2fa;--panel3:#e8eaf5;--text:#0f1122;--text2:#3d4468;--muted:#7880a8;--line:#00000012;--line2:#0000001f;--shadow-sm:0 4px 16px #28326414;--shadow:0 12px 40px #2832641f;--shadow-lg:0 24px 80px #2832642e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 500px at 0 0,#7c6af72e,#0000 60%),radial-gradient(600px 400px at 100% 0,#22d3ee1f,#0000 60%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%}.shell{width:min(1280px,100% - 32px);margin:0 auto}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--panel3);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.topbar{z-index:40;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand{letter-spacing:-.03em;color:var(--text);align-items:center;gap:12px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.brand-logo{background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 6px 24px #7c6af759,0 0 0 1px #ffffff14}.brand-logo svg{width:22px;height:22px}.brand-sub{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600;display:block}.top-actions{align-items:center;gap:8px;display:flex}.cloud-sync-badge{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.cloud-sync-badge:hover{border-color:var(--line2);color:var(--text);transform:translateY(-1px)}.sync-icon-dot{background:var(--muted);border-radius:50%;width:7px;height:7px;transition:background .3s,transform .3s;display:inline-block}.cloud-sync-badge.sync-synced{color:#10b981;background:#10b98117;border-color:#10b98147}.cloud-sync-badge.sync-synced .sync-icon-dot{background:#10b981;box-shadow:0 0 8px #10b98199}.cloud-sync-badge.sync-syncing{color:var(--accent);background:#7c6af71f;border-color:#7c6af759}.cloud-sync-badge.sync-syncing .sync-icon-dot{background:var(--accent);animation:1.2s ease-in-out infinite pulse-sync;box-shadow:0 0 10px #7c6af7cc}.cloud-sync-badge.sync-offline{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b40}.cloud-sync-badge.sync-offline .sync-icon-dot{background:#f59e0b}@keyframes pulse-sync{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}.btn{border:1px solid var(--line2);background:var(--panel);color:var(--text);border-radius:var(--radius-sm);transition:var(--tr);white-space:nowrap;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--panel2);box-shadow:var(--shadow-sm);border-color:#7c6af780;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--accent), #5b4de8);color:#fff;border-color:#0000;box-shadow:0 4px 20px #7c6af766}.btn-primary:hover{background:linear-gradient(135deg,#8e7ef8,#6d5dfc);border-color:#0000;box-shadow:0 6px 28px #7c6af78c}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--panel2);color:var(--text);border-color:var(--line)}.btn-icon{border-radius:var(--radius-sm);justify-content:center;width:38px;height:38px;padding:0}.btn-danger{color:var(--danger);border-color:#f8717159}.btn-danger:hover{border-color:var(--danger);background:#f871711a}.hero{padding:56px 0 32px}.eyebrow{color:#c4b5fd;letter-spacing:.1em;text-transform:uppercase;background:#7c6af71f;border:1px solid #7c6af740;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 12px;font-size:11px;font-weight:800;display:inline-flex}.hero-title{letter-spacing:-.055em;background:linear-gradient(135deg, var(--text) 40%, var(--accent3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(40px,7vw,78px);font-weight:900;line-height:.92}.hero-desc{color:var(--text2);max-width:700px;margin-bottom:32px;font-size:16px;line-height:1.65}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:40px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:var(--tr);padding:20px;position:relative;overflow:hidden}.stat:before{content:"";opacity:0;transition:var(--tr);background:linear-gradient(135deg,#7c6af70f,#0000);position:absolute;inset:0}.stat:hover:before{opacity:1}.stat-value{letter-spacing:-.04em;color:var(--text);font-size:30px;font-weight:900}.stat-label{color:var(--muted);margin-top:4px;font-size:12px;font-weight:500}.stat-icon{opacity:.25;font-size:22px;position:absolute;top:16px;right:16px}.workspace{grid-template-columns:1fr 300px;align-items:start;gap:20px;padding-bottom:60px;display:grid}.main-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.search-zone{border-bottom:1px solid var(--line);gap:14px;padding:18px;display:grid}.search-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.searchbox{position:relative}.searchbox-icon{color:var(--muted);pointer-events:none;font-size:17px;line-height:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.searchbox input{background:var(--panel2);border:1.5px solid var(--line);width:100%;color:var(--text);border-radius:var(--radius);transition:var(--tr);outline:none;padding:13px 42px;font-size:14px}.searchbox input::placeholder{color:var(--muted)}.searchbox input:focus{border-color:var(--accent);background:var(--panel3);box-shadow:0 0 0 4px #7c6af71f}.searchbox-lyrics input:focus{border-color:var(--accent2);box-shadow:0 0 0 4px #22d3ee1a}.searchbox-clear{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px;font-size:16px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.searchbox-clear:hover{color:var(--text);background:var(--panel3)}.search-badge{background:var(--panel3);border:1px solid var(--line);color:var(--muted);letter-spacing:.04em;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1.5px solid var(--line);color:var(--muted);transition:var(--tr);letter-spacing:.02em;background:0 0;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700}.chip:hover{border-color:var(--line2);color:var(--text2)}.chip.active{background:var(--text);color:var(--bg);border-color:#0000}.chip.fav.active{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:#0000}.filter-selects{gap:8px;display:flex}.select{background:var(--panel2);border:1.5px solid var(--line);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;transition:var(--tr);outline:none;padding:8px 12px;font-size:13px;font-weight:500}.select:focus{border-color:var(--accent)}.alpha-bar{flex-wrap:wrap;gap:3px;display:flex}.alpha-btn{min-width:30px;height:30px;color:var(--muted);transition:var(--tr);background:0 0;border:0;border-radius:8px;font-size:11px;font-weight:800}.alpha-btn:hover,.alpha-btn.active{background:var(--panel2);color:var(--text)}.alpha-btn.active{background:var(--accent);color:#fff}.list-head{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 18px;font-size:12px;font-weight:500;display:flex}.list-head strong{color:var(--text);font-weight:700}.catalog-section+.catalog-section{border-top:10px solid var(--bg)}.section-head{z-index:10;background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;display:flex;position:sticky;top:68px}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text2);align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.section-title-flag{font-size:18px}.section-count{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600}.song-row{border-bottom:1px solid var(--line);cursor:pointer;transition:var(--tr);grid-template-columns:28px 58px 1fr auto auto;align-items:center;gap:12px;padding:14px 18px;display:grid;position:relative}.song-row:after{content:"";background:linear-gradient(to bottom, var(--accent), var(--accent2));opacity:0;width:3px;transition:var(--tr);border-radius:0 2px 2px 0;position:absolute;top:0;bottom:0;left:0}.song-row:hover{background:#7c6af70a}.song-row:hover:after{opacity:1}.song-row:last-child{border-bottom:0}.song-code{color:#c4b5fd;text-align:center;letter-spacing:.02em;background:#7c6af71f;border:1px solid #7c6af733;border-radius:10px;padding:7px 6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.song-title{letter-spacing:-.015em;color:var(--text);margin-bottom:3px;font-size:15px;font-weight:700}.song-artist{color:var(--muted);font-size:12px;font-weight:500}.song-meta{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.tag{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:600}.tag-ok{color:var(--good);background:#34d39912;border-color:#34d39940}.tag-tr{color:#fb923c;background:#fb923c12;border-color:#fb923c40}.tag-en{color:var(--accent2);background:#22d3ee12;border-color:#22d3ee40}.fav-btn{color:var(--muted);width:40px;height:40px;transition:var(--tr);background:0 0;border:0;border-radius:10px;place-items:center;font-size:22px;display:grid}.fav-btn:hover{color:var(--danger);background:#f871711a}.fav-btn.on{color:#f43f5e}.artist-groups-container{gap:14px;padding:14px 16px 20px;display:grid}.section-artist-count{color:#c4b5fd;background:#7c6af71f;border:1px solid #7c6af740;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.artist-group{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:border-color var(--tr), box-shadow var(--tr);overflow:hidden;box-shadow:0 3px 14px #0000001f}.artist-group:hover{border-color:#7c6af759;box-shadow:0 6px 24px #0003}.artist-group-head{background:color-mix(in srgb, var(--panel2) 85%, transparent);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--line);transition:background var(--tr);justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.artist-group.is-collapsed .artist-group-head{border-bottom:0}.artist-group-head:hover{background:color-mix(in srgb, var(--accent) 12%, var(--panel2))}.artist-group-info{align-items:center;gap:12px;display:flex}.artist-avatar{background:linear-gradient(135deg,#7c6af740,#22d3ee33);border:1px solid #7c6af759;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.artist-name{letter-spacing:-.015em;color:var(--text);margin:0;font-size:16px;font-weight:850}.artist-group-meta{align-items:center;gap:10px;display:flex}.artist-count-badge{color:#c4b5fd;letter-spacing:.02em;background:#7c6af724;border:1px solid #7c6af740;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:750}.artist-toggle-icon{color:var(--muted);background:var(--panel);border-radius:6px;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.artist-songs-list{background:var(--panel)}.artist-song-row{background:0 0;grid-template-columns:28px 58px 1fr auto auto;align-items:center;gap:12px;padding:13px 18px;display:grid}.artist-song-row .song-title{color:var(--text);margin-bottom:0;font-size:15px;font-weight:700}.tag-key{color:var(--accent2);background:#22d3ee14;border-color:#22d3ee40;font-family:JetBrains Mono,monospace;font-weight:800}.song-check-wrap,.artist-check-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid;position:relative}.song-checkbox,.artist-checkbox{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.song-checkbox-custom,.artist-checkbox-custom{border:1.5px solid var(--line2);background:var(--panel2);color:#fff;width:20px;height:20px;transition:var(--tr);border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex}.song-check-wrap:hover .song-checkbox-custom,.artist-check-wrap:hover .artist-checkbox-custom{border-color:var(--accent)}.song-check-wrap.checked .song-checkbox-custom,.artist-check-wrap.checked .artist-checkbox-custom{background:var(--accent);border-color:var(--accent)}.artist-check-wrap.partial .artist-checkbox-custom{border-color:var(--accent);background:#7c6af773}.song-row.row-selected{background:#7c6af714;border-bottom-color:#7c6af738}.song-row.row-selected:after{opacity:1}.song-actions{align-items:center;gap:2px;display:flex}.btn-trash-row{color:var(--muted);cursor:pointer;width:34px;height:34px;transition:var(--tr);opacity:.55;background:0 0;border:0;border-radius:8px;place-items:center;font-size:14px;display:grid}.song-row:hover .btn-trash-row{opacity:1}.btn-trash-row:hover{color:var(--danger);background:#f43f5e26;transform:scale(1.1)}.btn-trash-artist{color:var(--danger);cursor:pointer;width:30px;height:30px;transition:var(--tr);background:#f43f5e14;border:1px solid #f43f5e33;border-radius:8px;place-items:center;font-size:13px;display:grid}.btn-trash-artist:hover{border-color:var(--danger);background:#f43f5e38;transform:scale(1.08)}.artist-toggle-btn{color:var(--muted);cursor:pointer;width:26px;height:26px;transition:var(--tr);background:0 0;border:0;border-radius:6px;place-items:center;font-size:11px;display:grid}.artist-toggle-btn:hover{background:var(--panel2);color:var(--text)}.btn-trash-modal{align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex;color:var(--danger)!important}.btn-trash-modal:hover{border-color:var(--danger)!important;background:#f43f5e1f!important}.batch-action-bar{background:color-mix(in srgb, var(--panel3) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:85;border:1.5px solid #7c6af759;border-radius:999px;align-items:center;gap:14px;max-width:min(94vw,700px);padding:10px 18px;animation:.22s cubic-bezier(.16,1,.3,1) slideUpBar;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #0000008c,0 0 24px #7c6af733}@keyframes slideUpBar{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.batch-info{align-items:center;display:flex}.batch-count-pill{color:#fff;background:var(--accent);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:800}.batch-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-sm{border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700}.btn-danger-fill{color:#fff;cursor:pointer;transition:var(--tr);background:linear-gradient(135deg,#f43f5e,#be123c);border:0;box-shadow:0 2px 10px #f43f5e59}.btn-danger-fill:hover{background:linear-gradient(135deg,#fb7185,#e11d48);transform:translateY(-1px);box-shadow:0 4px 16px #f43f5e80}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:120;background:#000000b8;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-card{background:var(--panel);border:1px solid var(--line2);border-radius:var(--radius-lg);text-align:left;width:min(520px,100%);padding:26px 28px;animation:.2s cubic-bezier(.16,1,.3,1) scaleCard;box-shadow:0 24px 60px #0009}@keyframes scaleCard{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-icon{background:#f43f5e1f;border:1px solid #f43f5e40;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:14px;font-size:28px;display:grid}.confirm-title{letter-spacing:-.02em;color:var(--text);margin:0 0 10px;font-size:18px;font-weight:850}.confirm-desc{color:var(--text2);margin:0 0 16px;font-size:14px;line-height:1.55}.confirm-desc strong{color:var(--text)}.confirm-song-preview{background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius-sm);gap:6px;max-height:160px;margin-bottom:16px;padding:10px 14px;display:grid;overflow-y:auto}.confirm-preview-row{align-items:center;gap:8px;font-size:12px;display:flex}.confirm-preview-code{color:#c4b5fd;background:#7c6af71f;border-radius:6px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.confirm-preview-title{color:var(--text);font-weight:700}.confirm-preview-artist{color:var(--muted)}.confirm-preview-more{color:var(--muted);text-align:center;padding-top:4px;font-size:11px;font-weight:600}.confirm-note{color:var(--muted);margin-bottom:20px;font-size:12px;line-height:1.5}.confirm-note strong{color:var(--text)}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.view-toggle{background:var(--panel2);border:1.5px solid var(--line);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.view-btn{color:var(--muted);cursor:pointer;transition:var(--tr);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700}.view-btn:hover{color:var(--text)}.view-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #7c6af759}.empty-state{text-align:center;color:var(--muted);padding:80px 20px}.empty-state p{margin-bottom:12px;font-size:17px}.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;position:sticky;top:86px}.side-panel h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:13px;font-weight:800}.quick-actions{gap:8px;margin-bottom:20px;display:grid}.legend{gap:8px;margin-top:16px;display:grid}.legend-row{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-green{background:var(--good)}.dot-yellow{background:var(--warn)}.side-note{background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);margin-top:14px;padding:14px;font-size:12px;line-height:1.6}.side-note strong{color:var(--text)}.modal-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:60;opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:flex-end;padding:0;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal-sheet{background:var(--bg2);border:1px solid var(--line2);width:min(1120px,100%);height:min(92vh,920px);box-shadow:var(--shadow-lg);border-radius:28px 28px 0 0;grid-template-rows:auto auto 1fr;transition:transform .3s cubic-bezier(.22,.68,0,1.2);display:grid;overflow:hidden;transform:translateY(30px)}.modal-overlay.open .modal-sheet{transform:translateY(0)}.sheet-head{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.sheet-code{color:#c4b5fd;background:#7c6af71f;border:1px solid #7c6af733;border-radius:8px;margin-bottom:8px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:inline-block}.sheet-title{letter-spacing:-.04em;margin-bottom:4px;font-size:24px;font-weight:800}.sheet-artist{color:var(--muted);font-size:14px;font-weight:500}.transpose-bar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 24px;display:flex;position:relative}.transpose-bar:after{content:"";background:linear-gradient(90deg,#0000,#7c6af74d,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.trans-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:800}.trans-box{border:1.5px solid var(--line2);background:var(--panel2);border-radius:12px;align-items:center;display:flex;overflow:hidden}.trans-box button{color:var(--text);transition:var(--tr);background:0 0;border:0;padding:9px 14px;font-size:15px;font-weight:800}.trans-box button:hover{color:var(--accent3);background:#7c6af726}.trans-box select{color:var(--text);text-align:center;background:0 0;border:0;min-width:90px;padding:9px 6px;font-size:14px;font-weight:700}.trans-offset{color:var(--accent3);background:#7c6af71a;border:1px solid #7c6af733;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.spacer{flex:1}.sheet-body{grid-template-columns:1fr 320px;min-height:0;display:grid;overflow:hidden}.score-wrap{flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.score-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.score-head-title{font-size:14px;font-weight:700}.score-status-text{color:var(--good);font-size:12px;font-weight:600}.score-status-text.unverified{color:var(--warn)}.score-display{white-space:pre-wrap;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:300px;padding:20px 22px;font-family:JetBrains Mono,Consolas,monospace;font-size:16px;line-height:1.9}.chord-token{color:#a78bfa;letter-spacing:.02em;font-weight:800}.section-label{color:var(--accent2);font-size:13px;font-weight:700}.score-empty{text-align:center;border:2px dashed var(--line2);border-radius:var(--radius);min-height:300px;color:var(--muted);place-items:center;padding:32px;display:grid}.score-empty p{margin-bottom:8px;font-size:15px}.lyrics-section{margin-top:4px}.lyrics-section h4{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:800}.lyrics-text{color:var(--text2);white-space:pre-wrap;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;font-size:14px;line-height:1.85}.score-editor{resize:vertical;background:var(--panel2);width:100%;min-height:280px;color:var(--text);border:1.5px solid var(--line2);border-radius:var(--radius);transition:var(--tr);outline:none;padding:16px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.7}.score-editor:focus{border-color:var(--accent);box-shadow:0 0 0 4px #7c6af71a}.editor-actions{gap:8px;margin-top:10px;display:flex}.details-panel{border-left:1px solid var(--line);padding:20px;overflow-y:auto}.details-panel h3{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 0 10px;font-size:11px;font-weight:800}.details-panel h3:first-child{margin-top:0}.kv{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:13px;display:flex}.kv:last-of-type{border-bottom:0}.kv-label{color:var(--muted);font-weight:500}.kv-value{color:var(--text);font-weight:700}.source-link{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text2);transition:var(--tr);align-items:center;gap:8px;margin-bottom:6px;padding:10px 12px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.source-link:hover{color:var(--text);background:#7c6af70d;border-color:#7c6af780}.source-link-ext{color:var(--muted);margin-left:auto;font-size:14px}.stage-overlay{z-index:90;opacity:0;pointer-events:none;background:#030405;flex-direction:column;transition:opacity .2s;display:flex;position:fixed;inset:0;overflow:hidden}.stage-overlay.open{opacity:1;pointer-events:all}.stage-head{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030405e6;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.stage-song-info small{color:#6a7294;font-size:12px}.stage-song-info strong{color:#fff;font-size:16px;font-weight:700;display:block}.stage-tools{flex-wrap:wrap;gap:8px;display:flex}.stage-content{flex:1;padding:32px 48px 100px;overflow-y:auto}.stage-score{white-space:pre-wrap;color:#e2e8f0;font-family:JetBrains Mono,monospace;line-height:1.75}.stage-chord{color:#a78bfa;font-weight:800}.stage-section-label{color:#22d3ee;font-weight:700}.toast{background:var(--panel3);color:var(--text);border:1px solid var(--line2);opacity:0;pointer-events:none;z-index:110;box-shadow:var(--shadow);white-space:nowrap;border-radius:12px;padding:12px 18px;font-size:13px;font-weight:600;transition:all .22s cubic-bezier(.22,.68,0,1.2);position:fixed;bottom:28px;left:50%;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=960px){.workspace{grid-template-columns:1fr}.side-panel{display:none}.stats{grid-template-columns:repeat(2,1fr)}.song-row{grid-template-columns:52px 1fr 44px}.song-meta{display:none}.sheet-body{grid-template-columns:1fr}.details-panel{border-left:0;border-top:1px solid var(--line)}.search-row{grid-template-columns:1fr}}@media (width<=600px){.hero{padding-top:36px}.hero-title{font-size:46px}.search-zone{padding:14px}.alpha-bar{display:none}.topbar-inner{height:60px}.brand-sub{display:none}.sheet-head{padding:16px}.transpose-bar{padding:12px 16px}.score-wrap{padding:16px}.stage-content{padding:20px 20px 80px}.nav-btn-label,.stage-nav-text{display:none}}.chord-palette-bar{background:var(--panel2);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;display:flex}.chord-palette-title{letter-spacing:.08em;color:var(--accent2);font-size:11px;font-weight:800}.chord-palette-items{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chord-palette-hint{color:var(--muted);margin-left:auto;font-size:11px}.chord-palette-badge-wrap{cursor:pointer;display:inline-block;position:relative}.chord-palette-badge{color:var(--accent3);transition:var(--tr);background:#7c6af726;border:1px solid #7c6af759;border-radius:6px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800;display:inline-block}.chord-palette-badge:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.chord-token-wrap{cursor:pointer;display:inline-block;position:relative}.chord-token{color:var(--accent3);transition:var(--tr);border-bottom:1px dotted #a78bfa66;font-weight:800}.chord-token:hover{color:#fff;background:#7c6af740;border-radius:3px}.chord-popover{z-index:120;filter:drop-shadow(0 12px 28px #0009);pointer-events:auto;animation:.15s cubic-bezier(.16,1,.3,1) popoverFadeIn;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.chord-diagram-card{background:var(--panel3);border:1.5px solid var(--line2);-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;align-items:center;padding:10px 12px 6px;display:flex}.chord-diagram-svg{display:block}.autoscroll-bar{background:var(--panel2);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;display:flex}.autoscroll-title{letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.scroll-pulse{background:var(--muted);width:8px;height:8px;transition:var(--tr);border-radius:50%}.scroll-pulse.active{background:var(--good);box-shadow:0 0 10px var(--good);animation:1.2s infinite pulseAnim}@keyframes pulseAnim{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.autoscroll-controls{align-items:center;gap:12px;display:flex}.speed-selector{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:4px;padding:3px;display:flex}.btn-speed{color:var(--muted);cursor:pointer;transition:var(--tr);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700}.btn-speed:hover{color:var(--text)}.btn-speed.active{background:var(--accent);color:#fff}.stage-autoscroll-box{align-items:center;gap:10px;display:flex}.stage-speed-picker{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:3px;padding:3px 4px;display:flex}.btn-speed-stage{color:#fff9;cursor:pointer;transition:var(--tr);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700}.btn-speed-stage:hover{color:#fff}.btn-speed-stage.active{background:var(--accent);color:#fff}.btn-danger-fill{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important}.sheet-head-left{align-items:center;gap:12px;display:flex}.sheet-head-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav-buttons-group{background:var(--panel2);border:1px solid var(--line);border-radius:8px;align-items:center;padding:2px;display:flex}.btn-icon-text{color:var(--text);cursor:pointer;transition:var(--tr);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.btn-icon-text:hover:not(:disabled){background:var(--panel3);color:var(--accent3)}.btn-icon-text:disabled{opacity:.35;cursor:not-allowed}.stage-nav-group{align-items:center;gap:6px;display:flex}.btn-stage-nav{color:#fff;background:#ffffff14;border:1px solid #ffffff24;padding:6px 12px;font-size:12px;font-weight:700}.btn-stage-nav:hover:not(:disabled){background:#ffffff29;border-color:#ffffff4d}.btn-stage-nav:disabled{opacity:.3;cursor:not-allowed}.stage-code-badge{color:#fff;background:#ffffff1f;border-radius:4px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.stage-artist-name{color:#ffffffb3;font-size:13px}.stage-title-name{color:#fff;font-size:18px}.capo-selector-box{background:var(--panel2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;display:flex}.capo-label{color:var(--muted);letter-spacing:.05em;font-size:11px;font-weight:800}.capo-select{height:auto;color:var(--accent2);cursor:pointer;background:0 0;border:0;padding:2px 8px;font-size:12px;font-weight:800}.stage-cue-banner{color:#fbbf24;background:#d9770626;border-bottom:1px solid #d9770640;align-items:center;gap:16px;padding:8px 28px;font-size:13px;display:flex}.stage-cue-capo{background:#d9770640;border-radius:6px;padding:3px 10px;font-weight:700}.stage-cue-note{color:#fef3c7;flex:1;font-size:13px}.stage-notes-card{background:var(--panel2);border:1px solid var(--line);border-radius:10px;flex-direction:column;margin-top:14px;padding:12px;display:flex}.stage-notes-head{color:var(--accent2);align-items:center;gap:6px;margin-bottom:8px;display:flex}.stage-notes-textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);resize:vertical;border-radius:6px;padding:8px;font-family:inherit;font-size:12px;line-height:1.5}.stage-notes-textarea:focus{border-color:var(--accent);outline:none}.menu-dropdown{background:var(--panel3);border:1.5px solid var(--line2);min-width:220px;box-shadow:var(--shadow);z-index:105;border-radius:12px;padding:6px;animation:.15s popoverFadeIn;position:absolute;top:calc(100% + 6px);left:0}.menu-dropdown-header{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:6px 10px 4px;font-size:11px;font-weight:800}.menu-dropdown-item{width:100%;color:var(--text);cursor:pointer;text-align:left;transition:var(--tr);background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.menu-dropdown-item:hover{background:var(--panel2);color:var(--accent3)}.menu-dropdown-empty{color:var(--muted);text-align:center;padding:10px;font-size:12px}.metronome-modal-wrap{background:var(--panel);border-bottom:1px solid var(--line);padding:14px 24px}.metronome-widget{background:var(--panel2);border:1px solid var(--line);border-radius:12px;max-width:520px;padding:14px 18px}.metronome-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.metronome-bpm-val{color:var(--accent3);font-family:JetBrains Mono,monospace;font-size:26px;font-weight:900}.metro-dots{align-items:center;gap:8px;display:flex}.metro-dot{background:#ffffff1f;border-radius:50%;width:14px;height:14px;transition:background 80ms,transform 80ms}.metro-dot.beat-one{background:#f43f5e;transform:scale(1.3);box-shadow:0 0 14px #f43f5e}.metro-dot.beat-other{background:var(--good);box-shadow:0 0 12px var(--good);transform:scale(1.2)}.metronome-ctrls{align-items:center;gap:8px;margin-bottom:12px;display:flex}.metronome-slider{accent-color:var(--accent);cursor:pointer;flex:1}.metronome-actions,.metronome-compact{align-items:center;gap:8px;display:flex}.metro-btn{color:#fff;cursor:pointer;transition:var(--tr);background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.metro-btn:hover{background:#ffffff29}.metro-btn.playing{background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px #7c6af766}.metro-dots-compact{align-items:center;gap:5px;display:flex}.metro-dots-compact .metro-dot{width:8px;height:8px}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#000000bf;place-items:center;padding:20px;animation:.15s fadeIn;display:grid;position:fixed;inset:0}.setlist-modal-card{background:var(--panel);border:1.5px solid var(--line2);border-radius:18px;flex-direction:column;width:100%;max-width:900px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}.setlist-modal-head{border-bottom:1px solid var(--line);background:var(--panel2);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.setlist-modal-title{margin:0;font-size:18px;font-weight:800}.setlist-modal-subtitle{color:var(--muted);margin:2px 0 0;font-size:12px}.setlist-modal-body{flex:1;grid-template-columns:280px 1fr;min-height:400px;display:grid;overflow:hidden}.setlist-sidebar{border-right:1px solid var(--line);background:var(--panel2);flex-direction:column;gap:14px;padding:16px;display:flex}.setlist-create-form{gap:6px;display:flex}.setlist-nav-list{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.setlist-nav-item{background:var(--panel);cursor:pointer;transition:var(--tr);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.setlist-nav-item:hover{background:var(--panel3)}.setlist-nav-item.selected{border-color:var(--accent);background:#7c6af71f}.setlist-item-name{font-size:13px;font-weight:700;display:block}.setlist-item-count{color:var(--muted);margin-top:2px;font-size:11px}.setlist-item-actions{gap:4px;display:flex}.active-badge{color:var(--good);background:#34d39926;border:1px solid #34d3994d;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800}.setlist-detail{flex-direction:column;padding:20px 24px;display:flex;overflow-y:auto}.setlist-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.setlist-detail-title{margin:0;font-size:20px;font-weight:800}.setlist-detail-stats{color:var(--muted);gap:8px;margin-top:4px;font-size:12px;display:flex}.setlist-songs-container{flex-direction:column;flex:1;gap:6px;display:flex}.setlist-empty-songs{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px;line-height:1.6}.setlist-song-card{background:var(--panel2);border:1px solid var(--line);transition:var(--tr);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.setlist-song-card:hover{border-color:#7c6af766}.setlist-order-num{color:var(--muted);text-align:center;width:24px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800}.setlist-song-main{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.setlist-song-code{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.setlist-song-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.setlist-song-artist{color:var(--muted);font-size:12px}.setlist-song-ctrls{align-items:center;gap:4px;display:flex}.active-setlist-pill{gap:6px;font-size:12px;font-weight:700;color:#fbbf24!important;background:#d977061f!important;border-color:#d9770666!important}.active-setlist-card{background:#d977061a;border:1.5px solid #d977064d;border-radius:12px;margin-bottom:16px;padding:12px 14px}.active-setlist-head{align-items:flex-start;gap:8px;display:flex}.active-setlist-label{text-transform:uppercase;letter-spacing:.05em;color:#fbbf24;font-size:10px;font-weight:800}.active-setlist-title{color:var(--text);font-size:13px;display:block}.active-setlist-footer{color:var(--muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;display:flex}.chip-active-setlist{color:#fbbf24!important;background:#d977062e!important;border-color:#d9770666!important;font-weight:800!important}.add-song-card{background:var(--panel);border:1.5px solid var(--line2);border-radius:18px;flex-direction:column;width:100%;max-width:760px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0009}.add-song-head{border-bottom:1px solid var(--line);background:var(--panel2);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.add-song-title{margin:0;font-size:18px;font-weight:800}.add-song-subtitle{color:var(--muted);margin:2px 0 0;font-size:12px}.add-song-form{flex-direction:column;padding:20px 24px;display:flex;overflow-y:auto}.add-song-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--muted);font-size:12px;font-weight:700}.input-text{background:var(--panel2);border:1px solid var(--line);color:var(--text);transition:var(--tr);border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.input-text:focus{border-color:var(--accent)}.input-text-sm{background:var(--panel2);border:1px solid var(--accent);color:var(--text);border-radius:6px;outline:none;width:100%;padding:4px 8px;font-size:12px}.add-song-textarea{background:var(--panel2);border:1px solid var(--line);color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:12px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6}.add-song-textarea:focus{border-color:var(--accent)}.add-song-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media print{body{font-size:12pt;color:#000!important;background:#fff!important}.topbar,.hero,.search-zone,.side-panel,.batch-action-bar,.toast,.transpose-bar,.autoscroll-bar,.stage-overlay,.modal-overlay .sheet-head-right,.details-panel,.chord-palette-hint,.modal-sheet:before{display:none!important}.modal-overlay{background:0 0!important;padding:0!important;position:static!important;inset:auto!important}.modal-sheet{box-shadow:none!important;color:#000!important;background:#fff!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.sheet-body{display:block!important}.score-wrap{padding:0!important;overflow:visible!important}.score-head{border-bottom:2px solid #000!important;padding-bottom:8px!important}.sheet-title{color:#000!important;font-size:24pt!important}.sheet-artist{color:#333!important;font-size:14pt!important}.score-display{color:#000!important;font-size:11pt!important;line-height:1.5!important}.chord-token{color:#000!important;border-bottom:none!important;font-weight:900!important}.section-label{color:#000!important;font-weight:700!important;text-decoration:underline!important}.chord-palette-bar{background:#f8f8f8!important;border:1px solid #ccc!important}.chord-palette-badge{color:#000!important;background:#eee!important;border:1px solid #999!important}}.add-song-tabs{background:var(--panel2);border-bottom:1px solid var(--line);gap:8px;padding:0 16px;display:flex}.add-tab-btn{color:var(--muted);cursor:pointer;transition:var(--tr);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex}.add-tab-btn:hover{color:var(--text)}.add-tab-btn.active{color:var(--accent3);border-bottom-color:var(--accent)}.tab-badge{color:var(--accent3);background:#7c6af733;border:1px solid #7c6af759;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.auto-finder-panel{flex-direction:column;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.auto-search-form{flex-direction:column;gap:12px;display:flex}.auto-search-input-wrap{align-items:center;display:flex;position:relative}.auto-search-icon{pointer-events:none;opacity:.6;font-size:18px;position:absolute;left:14px}.auto-search-input{background:var(--panel2);border:1.5px solid var(--line2);width:100%;color:var(--text);transition:var(--tr);border-radius:12px;outline:none;padding:14px 170px 14px 44px;font-size:15px;font-weight:500;box-shadow:0 4px 16px #00000040}.auto-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6af740}.auto-search-submit{border-radius:8px;padding:8px 16px;font-size:13px;font-weight:800;position:absolute;right:8px}.provider-bar{background:var(--panel2);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.provider-radio{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);align-items:center;gap:6px;font-weight:600;display:flex}.provider-radio:has(input:checked){color:var(--text)}.provider-radio input{accent-color:var(--accent)}.gemini-key-box{background:var(--panel2);border:1px dashed var(--accent);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.auto-loading-card{background:var(--panel2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:20px;padding:24px;animation:.2s fadeIn;display:flex}.scan-spinner{border:3px solid #7c6af733;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scan-steps{flex-direction:column;gap:6px;display:flex}.scan-step{color:var(--muted);transition:var(--tr);font-size:13px}.scan-step.active{color:var(--accent3);font-weight:700}.auto-error-card{color:#fda4af;background:#f43f5e1a;border:1.5px solid #f43f5e4d;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:13px;display:flex}.auto-error-card strong{color:#fff;margin-bottom:2px;font-size:14px;display:block}.auto-error-card p{color:#fecdd3;margin:0;line-height:1.5}.auto-preview-card{background:var(--panel2);border:1.5px solid var(--line2);border-radius:14px;animation:.25s fadeIn;overflow:hidden;box-shadow:0 12px 36px #0000004d}.auto-preview-head{background:var(--panel3);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.verify-pill{color:#34d399;background:#34d39926;border:1px solid #34d3994d;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.source-pill{color:var(--muted);font-size:12px}.auto-preview-meta{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.preview-title{color:#fff;margin:0;font-size:20px;font-weight:800}.preview-artist{color:var(--muted);margin-top:2px;font-size:14px}.preview-tags{flex-wrap:wrap;gap:6px;display:flex}.auto-preview-score{background:var(--panel);max-height:340px;padding:16px 18px;overflow-y:auto}.auto-empty-prompt{text-align:center;color:var(--muted);flex-direction:column;align-items:center;padding:40px 20px;display:flex}.auto-empty-prompt strong{color:var(--text);margin-bottom:6px;font-size:16px}.auto-empty-prompt p{max-width:480px;margin:0 0 16px;font-size:13px;line-height:1.6}.quick-search-chips{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.pin-gate-overlay{z-index:99999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 50% 20%,#1e293bf2,#0f172afa);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pin-gate-card{text-align:center;background:#1e293bb3;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:36px 28px 28px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.pin-gate-card.unlocked{border-color:#10b98180;transform:scale(1.02);box-shadow:0 0 40px #10b9814d}.pin-gate-brand{flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;display:flex}.pin-logo{background:linear-gradient(135deg, var(--accent,#6366f1), #8b5cf6);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:flex;box-shadow:0 8px 20px #6366f159}.pin-logo svg{width:28px;height:28px}.pin-gate-brand h2{letter-spacing:-.5px;color:#fff;margin:0;font-size:24px;font-weight:800}.pin-domain{color:var(--accent2,#38bdf8);font-size:13px;font-family:var(--font-mono,monospace);background:#38bdf81a;border:1px solid #38bdf833;border-radius:999px;padding:3px 10px;font-weight:600}.pin-desc{color:var(--muted,#94a3b8);margin:0 0 20px;font-size:13px;line-height:1.5}.pin-dots-container{gap:16px;margin-bottom:14px;display:flex}.pin-dot{width:48px;height:52px;color:var(--text,#fff);background:#0f172a99;border:1.5px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;font-size:28px;font-weight:900;transition:all .2s;display:flex}.pin-dot.filled{border-color:var(--accent,#6366f1);background:#6366f126;box-shadow:0 0 16px #6366f14d}.pin-dot.dot-error{color:#ef4444;background:#ef444426;border-color:#ef4444;box-shadow:0 0 16px #ef44444d}.pin-dot.dot-success{color:#10b981;background:#10b98133;border-color:#10b981;box-shadow:0 0 20px #10b98166}.pin-status-msg{justify-content:center;align-items:center;height:24px;margin-bottom:16px;display:flex}.status-error{color:#f87171;font-size:12px;font-weight:600}.status-success{color:#34d399;font-size:12px;font-weight:600}.status-hint{color:var(--muted,#64748b);font-size:11px}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:270px;margin-bottom:20px;display:grid}.keypad-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;height:56px;font-size:20px;font-weight:700;transition:all .15s;display:flex}.keypad-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.keypad-btn:active:not(:disabled){background:#ffffff14;transform:translateY(1px)}.keypad-btn.keypad-fn{color:var(--muted,#94a3b8);background:0 0;border-color:#0000;font-size:16px}.keypad-btn.keypad-fn:hover:not(:disabled){color:#fff;background:#ffffff0f}.pin-remember-toggle{color:var(--muted,#94a3b8);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:flex}.pin-remember-toggle input{accent-color:var(--accent,#6366f1);cursor:pointer;width:15px;height:15px}@keyframes pinShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.pin-gate-card.shake{animation:.4s pinShake}.music-tools-card{background:var(--panel);border:1.5px solid var(--line2);border-radius:22px;flex-direction:column;width:100%;max-width:1040px;max-height:90vh;animation:.22s cubic-bezier(.16,1,.3,1) scaleCard;display:flex;overflow:hidden;box-shadow:0 28px 80px #000000a6,0 0 40px #7c6af726}.music-tools-head{background:var(--panel2);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.music-tools-title{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:850}.music-tools-subtitle{color:var(--muted);margin:3px 0 0;font-size:12px}.music-tools-tabs{background:var(--panel2);border-bottom:1px solid var(--line);gap:6px;padding:0 20px;display:flex;overflow-x:auto}.tools-tab-btn{color:var(--muted);cursor:pointer;white-space:nowrap;transition:var(--tr);background:0 0;border:0;border-bottom:2.5px solid #0000;align-items:center;gap:8px;padding:13px 16px;font-size:13px;font-weight:700;display:inline-flex}.tools-tab-btn:hover{color:var(--text)}.tools-tab-btn.active{color:var(--accent3);border-bottom-color:var(--accent)}.tab-pill{color:var(--accent3);background:#7c6af726;border:1px solid #7c6af74d;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.music-tools-body{flex:1;padding:24px;overflow-y:auto}.chord-guide-view{flex-direction:column;gap:20px;display:flex}.theory-section{flex-direction:column;gap:8px;display:flex}.section-label-bar{justify-content:space-between;align-items:center;display:flex}.theory-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:800}.root-notes-grid{grid-template-columns:repeat(12,1fr);gap:6px;display:grid}.root-btn{background:var(--panel2);border:1.5px solid var(--line);color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:10px 4px;transition:all .15s;display:flex}.root-btn:hover{border-color:var(--line2);background:var(--panel3);transform:translateY(-1px)}.root-btn.active{background:linear-gradient(135deg, var(--accent), #5b4de8);color:#fff;border-color:#0000;box-shadow:0 4px 16px #7c6af766}.root-main{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800}.root-sub{opacity:.7;margin-top:2px;font-size:9px}.quality-chips-grid{flex-wrap:wrap;gap:6px;display:flex}.quality-chip-btn{background:var(--panel2);border:1px solid var(--line);color:var(--text);cursor:pointer;transition:var(--tr);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.quality-chip-btn:hover{background:var(--panel3);border-color:var(--line2)}.quality-chip-btn.active{background:var(--accent3);color:#0d0f1a;border-color:#0000;font-weight:800;box-shadow:0 2px 10px #a78bfa66}.quality-chip-btn .q-formula{opacity:.75;font-family:JetBrains Mono,monospace;font-size:10px}.chord-summary-banner{background:linear-gradient(135deg,#7c6af71f,#22d3ee14);border:1.5px solid #7c6af747;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.chord-banner-left{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.chord-hero-name{flex-direction:column;display:flex}.chord-sym{color:#fff;text-shadow:0 0 20px #7c6af799;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:900;line-height:1}.chord-sub-label{color:var(--muted);margin-top:4px;font-size:12px;font-weight:600}.chord-theory-meta{flex-direction:column;gap:4px;display:flex}.theory-pill{align-items:center;gap:8px;font-size:12px;display:flex}.theory-pill .pill-title{color:var(--muted);font-weight:600}.theory-pill .pill-value{color:var(--text);font-weight:700}.theory-pill .notes-list{color:var(--accent2);font-family:JetBrains Mono,monospace}.chord-banner-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sound-play-btn{border-radius:999px!important;padding:8px 14px!important;font-size:12px!important}.view-toggle-mini{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:2px;padding:2px;display:flex}.instrument-displays-grid{grid-template-columns:auto 1fr;align-items:stretch;gap:16px;display:grid}.instrument-card{background:var(--panel2);border:1px solid var(--line);border-radius:14px;flex-direction:column;padding:16px;display:flex}.instrument-card-head{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.inst-badge{color:var(--muted);background:#ffffff14;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.guitar-diagram-wrap{flex:1;justify-content:center;align-items:center;min-width:170px;display:flex}.guitar-diagram-wrap .chord-diagram-card{background:0 0;border:0;padding:0}.piano-container{flex-direction:column;gap:10px;width:100%;display:flex}.piano-label-bar{justify-content:space-between;align-items:center;display:flex}.piano-title{color:var(--text2);font-size:12px;font-weight:700}.piano-hint{color:var(--muted);font-size:11px}.steinway-piano-outer{flex-direction:column;align-items:center;width:100%;margin:12px 0 20px;display:flex}.steinway-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:680px;margin-bottom:12px;padding:0 4px;display:flex}.steinway-title-group{align-items:center;gap:10px;display:flex}.steinway-icon{filter:drop-shadow(0 2px 4px #0006);font-size:26px}.steinway-heading{color:var(--text);letter-spacing:-.2px;font-size:15px;font-weight:800}.steinway-subheading{color:var(--muted);margin-top:1px;font-size:11px}.steinway-legend-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.legend-pill{background:var(--surface2,#ffffff0f);border:1px solid var(--border,#ffffff1a);color:var(--text);border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.legend-pill.root{color:#c7d2fe;background:#6366f126;border-color:#6366f166}.legend-pill.chord{color:#7dd3fc;background:#0ea5e926;border-color:#0ea5e966}.root-dot{background:#6366f1;box-shadow:0 0 6px #6366f1cc}.chord-dot{background:#38bdf8;box-shadow:0 0 6px #38bdf8cc}.legend-hint{color:var(--muted);font-size:11px}.steinway-chassis{box-sizing:border-box;background:#09090b;border:2px solid #27272a;border-radius:12px;width:100%;padding:10px 12px 12px;position:relative;box-shadow:0 22px 45px -10px #000000d9,0 0 0 1px #ffffff12,inset 0 1px #ffffff26}.steinway-fallboard{background:linear-gradient(#27272a 0%,#18181b 50%,#09090b 100%);border-bottom:1px solid #ffffff14;border-radius:6px 6px 0 0;justify-content:center;align-items:center;height:28px;display:flex;position:relative;overflow:hidden}.steinway-gold-plaque{letter-spacing:3.5px;color:#fbbf24;text-shadow:0 1px 3px #000000f2,0 0 10px #fbbf2459;opacity:.9;font-family:Cinzel,Georgia,serif;font-size:10px;font-weight:800}.steinway-red-felt{z-index:10;background:linear-gradient(#881337 0%,#9f1239 50%,#4c0519 100%);border-bottom:1px solid #1c0209;height:6px;position:relative;box-shadow:0 2px 4px #0009}.steinway-keybed-scroll{scrollbar-width:thin;justify-content:center;width:100%;padding:0 2px 4px;display:flex;overflow:auto hidden}.steinway-keybed{-webkit-user-select:none;user-select:none;background:#09090b;border-radius:0 0 6px 6px;position:relative;box-shadow:0 8px 20px #000000b3}.steinway-white-key{cursor:pointer;z-index:1;box-sizing:border-box;background:linear-gradient(#fff 0%,#fafafa 78%,#e2e8f0 100%);border-bottom:3.5px solid #cbd5e1;border-left:1px solid #fffffff2;border-right:1px solid #00000038;border-radius:0 0 5px 5px;flex-direction:column;justify-content:flex-end;align-items:center;height:165px;padding-bottom:8px;transition:transform 60ms,background .12s,box-shadow .12s;display:flex;position:absolute;top:0;box-shadow:inset 0 -4px 6px #00000014,inset 1px 0 1px #ffffffe6,0 5px 8px #00000059}.steinway-white-key:hover{background:linear-gradient(#fff 0%,#f1f5f9 80%,#e2e8f0 100%)}.steinway-white-key:active,.steinway-white-key.is-pressed{border-bottom-width:1px;transform:translateY(2.5px)scale(.995);box-shadow:inset 0 -2px 4px #0000002e,0 2px 4px #0006}.steinway-white-key.is-active{background:linear-gradient(#e0f2fe 0%,#bae6fd 60%,#38bdf8 100%)!important;border-bottom-color:#0284c7!important;box-shadow:inset 0 -4px 8px #0284c759,0 0 16px #38bdf899!important}.steinway-white-key.is-root{background:linear-gradient(#ede9fe 0%,#ddd6fe 60%,#818cf8 100%)!important;border-bottom-color:#4f46e5!important;box-shadow:inset 0 -4px 8px #4f46e566,0 0 20px #818cf8b3!important}.middle-c-marker{color:#475569;letter-spacing:.3px;text-transform:uppercase;pointer-events:none;white-space:nowrap;background:#0000000f;border-radius:4px;padding:1px 4px;font-size:8px;font-weight:800;position:absolute;top:8px}.white-key-content{pointer-events:none;flex-direction:column;align-items:center;gap:3px;width:100%;display:flex}.white-note-name{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800;line-height:1}.steinway-white-key.is-active .white-note-name,.steinway-white-key.is-root .white-note-name{color:#fff;text-shadow:0 1px 3px #0009}.white-role-badge{white-space:nowrap;border-radius:999px;padding:2px 5px;font-size:9px;font-weight:800;line-height:1.1}.white-role-badge.badge-root{color:#fff;background:#3730a3;box-shadow:0 1px 3px #0006}.white-role-badge.badge-chord{color:#fff;background:#0369a1;box-shadow:0 1px 3px #0006}.steinway-black-key{z-index:5;cursor:pointer;box-sizing:border-box;height:102px;transition:transform 60ms,background .12s;position:absolute;top:0}.black-key-cap{box-sizing:border-box;background:linear-gradient(#27272a 0%,#18181b 55%,#09090b 100%);border-bottom:5px solid #000;border-left:2px solid #3f3f46;border-right:2px solid #18181b;border-radius:0 0 4px 4px;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding-bottom:6px;display:flex;box-shadow:-2px 3px 6px #00000073,2px 3px 6px #00000073,0 8px 14px #000000bf,inset 0 1px #ffffff40}.steinway-black-key:hover .black-key-cap{background:linear-gradient(#3f3f46 0%,#27272a 55%,#18181b 100%)}.steinway-black-key:active,.steinway-black-key.is-pressed{transform:translateY(2px)scale(.99)}.steinway-black-key.is-active .black-key-cap{background:linear-gradient(#0369a1 0%,#0284c7 60%,#0ea5e9 100%)!important;border-bottom-color:#075985!important;border-left-color:#38bdf8!important;box-shadow:0 0 18px #0ea5e9f2,inset 0 1px 1px #ffffff80!important}.steinway-black-key.is-root .black-key-cap{background:linear-gradient(#4338ca 0%,#4f46e5 60%,#6366f1 100%)!important;border-bottom-color:#312e81!important;border-left-color:#818cf8!important;box-shadow:0 0 20px #6366f1fa,inset 0 1px 1px #ffffff80!important}.black-key-indicator{pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex}.black-jewel{background:#fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #fff}.black-role-text{color:#fff;text-shadow:0 1px 2px #000000e6;font-size:8px;font-weight:800;line-height:1}.black-note-hint{color:#ffffff59;pointer-events:none;font-size:8px;font-weight:700}.notes-breakdown-card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px 18px}.breakdown-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:800}.notes-breakdown-row{flex-wrap:wrap;gap:12px;display:flex}.note-card-item{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;min-width:68px;padding:8px 14px;display:flex}.note-role-tag{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.note-badge-char{color:var(--accent3);margin:2px 0;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:900}.note-freq-val{color:var(--muted);font-family:monospace;font-size:10px}.circle-fifths-view{flex-direction:column;gap:20px;display:flex}.circle-intro-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.circle-view-title{margin:0;font-size:17px;font-weight:850}.circle-view-sub{color:var(--muted);margin:4px 0 0;font-size:12px}.circle-quick-actions{gap:8px;display:flex}.circle-content-grid{grid-template-columns:400px 1fr;align-items:start;gap:24px;display:grid}.circle-svg-container{background:var(--panel2);border:1px solid var(--line);border-radius:18px;justify-content:center;align-items:center;padding:10px;display:flex}.circle-slice{cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.circle-slice:hover{filter:brightness(1.25)}.circle-details-card{background:var(--panel2);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.diatonic-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.diatonic-badge{color:var(--accent3);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;display:block}.diatonic-title{color:var(--text);margin:2px 0 0;font-size:18px;font-weight:850}.accidentals-badge{border:1px solid var(--line2);color:var(--text2);background:#ffffff14;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.scale-notes-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scale-label{color:var(--muted);font-size:12px;font-weight:700}.scale-pills{flex-wrap:wrap;gap:6px;display:flex}.scale-pill{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.scale-pill.tonic-note{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 0 12px #7c6af780}.diatonic-family-section{flex-direction:column;gap:12px;display:flex}.family-section-title{color:var(--text2);font-size:12px;font-weight:800}.chords-family-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.family-chord-card{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;transition:all .15s;display:flex}.family-chord-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.family-chord-card .chord-degree{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.family-chord-card .chord-name{margin:4px 0;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:900}.family-chord-card .chord-type-desc{color:var(--muted);font-size:10px}.family-chord-card.primary-tonic{background:#7c6af714;border-color:#7c6af766}.family-chord-card.primary-tonic .chord-name{color:var(--accent3)}.family-chord-card.primary-subdominant{background:#34d39914;border-color:#34d39966}.family-chord-card.primary-subdominant .chord-name{color:var(--good)}.family-chord-card.primary-dominant{background:#22d3ee14;border-color:#22d3ee66}.family-chord-card.primary-dominant .chord-name{color:var(--accent2)}.family-chord-card.relative-minor-card{background:#f43f5e14;border-color:#f43f5e59}.family-chord-card.relative-minor-card .chord-name{color:#fb7185}.circle-pro-tip{border:1px dashed var(--line2);color:var(--muted);background:#ffffff0a;border-radius:10px;padding:10px 14px;font-size:12px;line-height:1.5}.circle-pro-tip strong{color:var(--text)}.transpose-ruler-view{flex-direction:column;gap:20px;display:flex}.ruler-hero-card{background:var(--panel2);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.ruler-hero-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ruler-title{margin:0;font-size:18px;font-weight:850}.ruler-sub{color:var(--muted);margin:4px 0 0;font-size:12px}.ruler-controls-grid{grid-template-columns:220px 1fr 220px;align-items:center;gap:16px;display:grid}.ruler-ctrl-box{flex-direction:column;gap:8px;display:flex}.ctrl-box-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.ruler-select{width:100%}.slider-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.slider-label-row{justify-content:space-between;align-items:center;display:flex}.semitone-val-badge{color:var(--accent3);background:#7c6af726;border:1px solid #7c6af74d;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.slider-row-inner{align-items:center;gap:10px;margin-top:6px;display:flex}.transpose-slider{accent-color:var(--accent);cursor:pointer;flex:1}.btn-reset{color:var(--muted)!important}.target-box{text-align:center;background:linear-gradient(135deg,#7c6af726,#22d3ee14);border:1.5px solid #7c6af759;border-radius:12px;padding:12px 16px}.target-key-hero{justify-content:center;align-items:center;gap:10px;margin-top:4px;display:flex}.from-key-ghost{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700}.arrow-sym{color:var(--accent);font-size:16px}.to-key-main{color:#fff;text-shadow:0 0 16px #7c6af7b3;font-family:JetBrains Mono,monospace;font-size:26px;font-weight:900}.slide-rule-visual-card{background:var(--panel2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.slide-rule-head{justify-content:space-between;align-items:center;display:flex}.slide-rule-title{color:var(--text);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.slide-rule-hint{color:var(--muted);font-size:11px}.ruler-tracks-wrap{flex-direction:column;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.ruler-track{align-items:center;gap:10px;display:flex}.track-tag{width:70px;color:var(--muted);flex-shrink:0;font-size:11px;font-weight:700}.track-notes{gap:6px;display:flex}.ruler-cell{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;width:48px;height:40px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800;display:flex}.orig-cell{background:var(--panel);color:var(--text2)}.trans-cell{color:#fff;background:linear-gradient(135deg,#7c6af740,#22d3ee33);border-color:#7c6af766;box-shadow:0 2px 8px #7c6af733}.ruler-tools-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ruler-tool-card{background:var(--panel2);border:1px solid var(--line);border-radius:14px;flex-direction:column;padding:18px;display:flex}.tool-card-head{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;font-weight:800;display:flex}.capo-target-badge{color:var(--accent2);background:#22d3ee1f;border:1px solid #22d3ee4d;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.progression-converter-body{flex-direction:column;gap:12px;display:flex}.chord-input-live{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.transposed-result-box{background:var(--panel);border:1.5px solid var(--line2);border-radius:10px;padding:12px 14px}.result-label{color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.result-code-display{color:var(--accent3);letter-spacing:.05em;white-space:pre-wrap;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:900}.sample-chips-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sample-title{color:var(--muted);font-size:11px}.capo-desc{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.5}.capo-desc strong{color:var(--text)}.capo-positions-list{flex-direction:column;gap:8px;max-height:240px;display:flex;overflow-y:auto}.capo-item-card{background:var(--panel);border:1px solid var(--line);transition:var(--tr);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.capo-item-card:hover{border-color:var(--line2);background:var(--panel3)}.capo-item-card.open-position{background:#34d3990f;border-color:#34d39959}.capo-fret-badge{background:#7c6af726;border:1px solid #7c6af74d;border-radius:8px;align-items:baseline;gap:2px;padding:4px 8px;display:flex}.capo-fret-badge .fret-num{color:var(--accent3);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:900}.capo-fret-badge .fret-text{color:var(--muted);font-size:10px}.capo-item-info{flex-direction:column;flex:1;display:flex}.capo-shape-name{color:var(--text);font-size:13px}.capo-sound-result{color:var(--muted);margin-top:1px;font-size:11px}.capo-comfort-pill{color:var(--good);background:#34d3991f;border:1px solid #34d39940;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}@media (width<=900px){.circle-content-grid,.instrument-displays-grid,.ruler-controls-grid,.ruler-tools-grid,.academy-body-grid,.quiz-options-grid{grid-template-columns:1fr}}.harmony-academy-view{flex-direction:column;gap:20px;display:flex}.academy-header-card{background:var(--panel2);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.academy-badge{color:var(--accent3);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;display:block}.academy-title{color:#fff;margin:3px 0 0;font-size:20px;font-weight:900}.academy-sub{color:var(--muted);max-width:580px;margin:4px 0 0;font-size:12px}.academy-levels-pills{flex-wrap:wrap;gap:8px;display:flex}.academy-level-btn{background:var(--panel);border:1.5px solid var(--line);color:var(--text2);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.academy-level-btn:hover{border-color:var(--line2);color:var(--text);transform:translateY(-1px)}.academy-level-btn.active{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 4px 16px #7c6af766}.academy-level-btn .lvl-badge{background:#ffffff26;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800}.academy-body-grid{grid-template-columns:290px 1fr;align-items:start;gap:20px;display:grid}.academy-lessons-nav{background:var(--panel2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.lessons-nav-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:4px 8px;font-size:11px;font-weight:800}.lessons-nav-list{flex-direction:column;gap:6px;display:flex}.lesson-nav-item{background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;transition:all .15s;display:flex}.lesson-nav-item:hover{background:var(--panel3);border-color:var(--line2);transform:translate(2px)}.lesson-nav-item.active{background:#7c6af724;border-color:#7c6af773}.lesson-nav-num{background:var(--panel2);border:1px solid var(--line);width:24px;height:24px;color:var(--accent3);border-radius:6px;flex-shrink:0;place-items:center;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800;display:grid}.lesson-nav-item.active .lesson-nav-num{background:var(--accent);color:#fff;border-color:#0000}.lesson-nav-info{flex-direction:column;min-width:0;display:flex}.lesson-nav-heading{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.lesson-nav-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.academy-lesson-detail-card{background:var(--panel2);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:18px;padding:24px;display:flex}.lesson-detail-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:18px;display:flex}.lesson-badge-tag{color:var(--accent2);text-transform:uppercase;letter-spacing:.08em;background:#22d3ee1a;border:1px solid #22d3ee40;border-radius:999px;margin-bottom:6px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.lesson-main-title{color:#fff;margin:0;font-size:20px;font-weight:900}.lesson-main-sub{color:var(--muted);margin-top:3px;font-size:13px;display:block}.lesson-head-actions{align-items:center;gap:8px;display:flex}.btn-tiny-sound{border-radius:8px!important;padding:7px 12px!important;font-size:12px!important}.lesson-article-content{color:var(--text2);font-size:14px;line-height:1.75}.lesson-article-content p{margin-bottom:12px}.lesson-article-content strong{color:var(--text)}.lesson-list{flex-direction:column;gap:6px;margin-bottom:14px;padding-left:20px;display:flex}.lesson-formula-card{background:linear-gradient(135deg,#7c6af726,#22d3ee14);border:1.5px solid #7c6af759;border-radius:12px;flex-direction:column;gap:6px;padding:14px 18px;display:flex}.formula-label{color:var(--accent3);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.formula-code-box{color:#fff;letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:900}.lesson-tip-banner{color:#fef3c7;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:13px;line-height:1.55;display:flex}.lesson-tip-banner strong{color:#fbbf24;margin-bottom:2px;display:block}.lesson-tip-banner p{color:#fde68a;margin:0}.tip-icon{flex-shrink:0;font-size:20px}.academy-quiz-container{flex-direction:column;gap:18px;display:flex}.quiz-header-bar{background:var(--panel2);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.quiz-title{color:#fff;margin:0;font-size:17px;font-weight:850}.quiz-desc{color:var(--muted);margin:4px 0 0;font-size:12px}.quiz-score-badge{color:var(--good);background:#34d39926;border:1.5px solid #34d39959;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;font-size:13px;font-weight:800;display:flex}.score-percent{background:var(--good);color:#0d0f1a;border-radius:999px;padding:2px 7px;font-size:11px}.quiz-questions-list{flex-direction:column;gap:16px;display:flex}.quiz-card{background:var(--panel2);border:1.5px solid var(--line);transition:border-color var(--tr);border-radius:14px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.quiz-card.answered-correct{border-color:#34d39973}.quiz-card.answered-wrong{border-color:#f8717173}.quiz-card-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.q-number{color:var(--accent3);background:#7c6af726;border:1px solid #7c6af74d;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:800}.q-text{color:var(--text);flex:1;font-size:15px;font-weight:800}.btn-quiz-sound{padding:4px 9px!important;font-size:11px!important}.quiz-options-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quiz-opt-btn{background:var(--panel);border:1.5px solid var(--line);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.quiz-opt-btn:hover{background:var(--panel3);border-color:var(--line2)}.quiz-opt-btn.selected{border-color:var(--accent);background:#7c6af726}.quiz-opt-btn.is-correct{border-color:var(--good)!important;color:var(--good)!important;background:#34d39926!important}.quiz-opt-btn.is-wrong{border-color:var(--danger)!important;color:var(--danger)!important;background:#f8717126!important}.opt-letter{background:var(--panel2);border:1px solid var(--line);border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.opt-text{font-size:13px;font-weight:600}.quiz-explanation-box{background:var(--panel);border:1px solid var(--line2);color:var(--muted);border-radius:8px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.exp-icon{color:var(--text);font-weight:800}.quiz-explanation-box p{color:var(--text2);margin:0}.quiz-footer-actions{justify-content:flex-end;gap:12px;display:flex}.academy-saved-level-pill{cursor:pointer;background:#7c6af71f;border:1px solid #7c6af74d;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:10px;padding:5px 12px;font-size:12px;transition:all .15s;display:inline-flex}.academy-saved-level-pill:hover{border-color:var(--accent);background:#7c6af738;transform:translateY(-1px)}.saved-lvl-label{color:var(--muted);font-weight:600}.saved-lvl-val{color:#fff;font-weight:800}.saved-lvl-refresh{color:var(--accent3);margin-left:4px;font-size:11px;font-weight:700}.btn-placement-pill{color:#f472b6!important;background:linear-gradient(135deg,#ec489933,#7c6af733)!important;border-color:#ec489966!important}.btn-placement-pill:hover,.btn-placement-pill.active{color:#fff!important;background:linear-gradient(135deg,#ec4899,#8b5cf6)!important;border-color:#0000!important;box-shadow:0 4px 18px #ec489959!important}.academy-prompt-banner{background:linear-gradient(135deg,#7c6af724,#ec48991f);border:1px solid #7c6af759;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;animation:.3s fadeIn;display:flex}.prompt-left{align-items:center;gap:14px;display:flex}.prompt-icon{flex-shrink:0;font-size:26px}.prompt-left strong{color:#fff;font-size:14px;display:block}.prompt-left p{color:var(--text2);margin:3px 0 0;font-size:12px}.placement-section-wrapper{flex-direction:column;gap:20px;animation:.25s fadeIn;display:flex}.placement-test-container{flex-direction:column;gap:18px;display:flex}.placement-stepper-header{background:var(--panel2);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:16px;padding:20px 24px;display:flex}.stepper-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.placement-mini-tag{letter-spacing:.08em;color:#ec4899;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.placement-title{color:#fff;margin:0;font-size:20px;font-weight:900}.placement-desc{color:var(--muted);max-width:600px;margin:4px 0 0;font-size:13px}.stepper-count-badge{color:#fff;flex-direction:column;align-items:flex-end;gap:4px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800;display:flex}.badge-answered{color:var(--accent3);background:#7c6af726;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.stepper-dots-bar{align-items:center;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.stepper-dot-btn{background:var(--panel);border:1.5px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;transition:all .15s;display:grid}.stepper-dot-btn:hover{border-color:var(--line2);color:#fff}.stepper-dot-btn.current{background:var(--accent);color:#fff;border-color:#0000;transform:scale(1.08);box-shadow:0 0 12px #7c6af780}.stepper-dot-btn.answered:not(.current){color:var(--good);background:#34d39926;border-color:#34d39966}.placement-active-question-card{background:var(--panel2);border:1.5px solid var(--line);border-radius:18px;flex-direction:column;gap:20px;padding:26px 28px;display:flex;box-shadow:0 10px 30px #00000040}.active-q-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.q-badge-row{align-items:center;gap:8px;display:flex}.tier-tag{color:#fff;background:#ffffff1a;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:800}.cat-tag{color:var(--accent2);background:#22d3ee1f;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}.active-q-text{color:#fff;margin:0;font-size:18px;font-weight:850;line-height:1.5}.active-q-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=640px){.active-q-options{grid-template-columns:1fr}}.placement-option-btn{background:var(--panel);border:1.5px solid var(--line);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:16px 18px;transition:all .15s;display:flex;position:relative}.placement-option-btn:hover{background:var(--panel3);border-color:var(--line2);transform:translateY(-1px)}.placement-option-btn.selected{border-color:var(--accent);color:#fff;background:#7c6af72e;box-shadow:0 4px 16px #7c6af740}.placement-option-btn .opt-letter{background:var(--panel2);border:1px solid var(--line);border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:900;display:grid}.placement-option-btn.selected .opt-letter{background:var(--accent);color:#fff;border-color:#0000}.placement-option-btn .opt-label{flex:1;font-size:14px;font-weight:600;line-height:1.45}.placement-option-btn .opt-check{color:var(--accent3);font-size:16px;font-weight:900}.active-q-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.btn-submit-placement{color:#fff!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;font-weight:850!important;box-shadow:0 4px 18px #10b98159!important}.placement-result-card{background:var(--panel2);border:1.5px solid var(--line);border-radius:20px;flex-direction:column;gap:24px;padding:30px;display:flex;box-shadow:0 12px 36px #0000004d}.result-hero-badge{background:linear-gradient(135deg,#7c6af726,#22d3ee1a);border:1.5px solid #7c6af759;border-radius:16px;flex-wrap:wrap;align-items:center;gap:20px;padding:22px 26px;display:flex}.hero-emoji{filter:drop-shadow(0 4px 12px #0006);flex-shrink:0;font-size:44px}.hero-titles{flex:1;min-width:260px}.hero-tag{letter-spacing:.1em;color:var(--accent3);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:900;display:block}.hero-title{color:#fff;margin:0;font-size:22px;font-weight:900}.hero-summary{color:var(--text2);margin:6px 0 0;font-size:14px;line-height:1.55}.hero-score-box{background:var(--panel);border:1px solid var(--line2);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:120px;padding:12px 18px;display:flex}.hero-score-box .score-val{color:#fff;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:900}.hero-score-box .score-lbl{color:var(--muted);margin-top:2px;font-size:11px;font-weight:700}.placement-domain-analysis-section{flex-direction:column;gap:16px;display:flex}.domain-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.domain-section-title{color:#fff;margin:0;font-size:17px;font-weight:850}.domain-section-sub{color:var(--muted);max-width:600px;margin:4px 0 0;font-size:13px}.domain-summary-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge-stat{letter-spacing:.02em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.stat-good{color:var(--good);background:#34d39926;border:1px solid #34d39959}.stat-medium{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59}.stat-weak{color:var(--danger);background:#f8717126;border:1px solid #f8717159}.domain-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.domain-card{background:var(--panel);border:1.5px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:18px 20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.domain-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.domain-card.status-good{background:linear-gradient(180deg, #34d3990a, var(--panel));border-color:#34d39966}.domain-card.status-medium{background:linear-gradient(180deg, #f59e0b0a, var(--panel));border-color:#f59e0b66}.domain-card.status-weak{background:linear-gradient(180deg, #f871710f, var(--panel));border-color:#f8717173}.domain-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.domain-head-left{align-items:flex-start;gap:10px;display:flex}.domain-icon{flex-shrink:0;margin-top:1px;font-size:22px}.domain-name{color:#fff;font-size:14px;font-weight:850;display:block}.domain-desc{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.4;display:block}.domain-status-pill{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.status-tag{letter-spacing:.03em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:900}.status-tag-good{color:var(--good);background:#34d39933}.status-tag-medium{color:#fbbf24;background:#f59e0b33}.status-tag-weak{color:var(--danger);background:#f8717133}.domain-score-mini{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.domain-progress-track{background:var(--panel2);border-radius:999px;width:100%;height:6px;overflow:hidden}.domain-progress-fill{border-radius:999px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.fill-good{background:linear-gradient(90deg,#10b981,#34d399)}.fill-medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.fill-weak{background:linear-gradient(90deg,#ef4444,#f87171)}.domain-feedback{color:var(--text2);margin:0;font-size:12px;line-height:1.5}.domain-action-row{justify-content:flex-end;margin-top:4px;display:flex}.btn-domain-jump{background:var(--panel2)!important;border:1px solid var(--line2)!important;color:var(--text)!important;border-radius:8px!important;padding:6px 12px!important;font-size:12px!important;font-weight:750!important;transition:all .15s!important}.btn-domain-jump:hover{transform:translate(2px);background:var(--panel3)!important;border-color:var(--accent)!important;color:#fff!important}.btn-jump-weak{color:#fca5a5!important;background:#f871711a!important;border-color:#f8717166!important}.btn-jump-weak:hover{border-color:var(--danger)!important;color:#fff!important;background:#f8717133!important}.priority-focus-banner{background:linear-gradient(135deg,#f59e0b1f,#ef444414);border:1.5px solid #f59e0b59;border-radius:14px;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.focus-icon{flex-shrink:0;font-size:24px}.focus-content strong{color:#fbbf24;font-size:14px;display:block}.focus-content p{color:#fef3c7;margin:3px 0 0;font-size:13px;line-height:1.5}.placement-roadmap-box{background:#22d3ee0f;border:1px solid #22d3ee38;border-radius:14px;flex-direction:column;gap:14px;padding:20px 22px;display:flex}.roadmap-head{align-items:flex-start;gap:12px;display:flex}.roadmap-icon{flex-shrink:0;font-size:24px}.roadmap-head strong{color:var(--accent2);font-size:15px;display:block}.roadmap-head p{color:var(--text2);margin:3px 0 0;font-size:13px}.roadmap-list{flex-direction:column;gap:8px;margin:0;padding-left:36px;list-style:none;display:flex}.roadmap-list li{color:var(--text);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.rec-check{color:var(--good);font-weight:900}.placement-result-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-large-start{border-radius:12px!important;padding:12px 22px!important;font-size:15px!important;font-weight:850!important;box-shadow:0 4px 20px #7c6af766!important}.placement-review-list{border-top:1px solid var(--line);flex-direction:column;gap:14px;padding-top:20px;animation:.2s fadeIn;display:flex}.review-heading{color:#fff;margin:0;font-size:16px;font-weight:800}.review-card{background:var(--panel);border:1.5px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.review-card.is-correct{border-color:#34d39959}.review-card.is-wrong{border-color:#f8717159}.review-card-head{justify-content:space-between;align-items:center;display:flex}.status-pill{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.status-pill.good{color:var(--good);background:#34d39933}.status-pill.bad{color:var(--danger);background:#f8717133}.q-category{color:var(--muted);font-size:11px}.review-question-text{color:#fff;margin:0;font-size:14px}.review-options-preview{flex-direction:column;gap:6px;font-size:13px;display:flex}.review-opt{align-items:center;gap:8px;display:flex}.review-opt .opt-tag{color:var(--muted);flex-shrink:0;width:100px;font-size:11px;font-weight:700}.review-opt.user-pick{color:var(--text)}.review-opt.correct-pick{color:var(--good);font-weight:700}.review-explanation{background:var(--panel2);border:1px solid var(--line2);color:var(--muted);border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.5}.theory-handbook-container{flex-direction:column;gap:20px;animation:.25s fadeIn;display:flex}.handbook-hero-card{background:linear-gradient(135deg,#22d3ee1f,#7c6af726);border:1.5px solid #22d3ee4d;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:22px 26px;display:flex}.handbook-hero-left{max-width:620px}.handbook-badge-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.handbook-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent2);font-size:10px;font-weight:850}.handbook-subbadge{color:#a5f3fc;background:#22d3ee26;border:1px solid #22d3ee4d;border-radius:999px;padding:1px 8px;font-size:10px;font-weight:800}.handbook-title{color:#fff;margin:0;font-size:22px;font-weight:900}.handbook-desc{color:var(--text2);margin:5px 0 0;font-size:13px;line-height:1.5}.handbook-root-selector-box{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.root-select-label{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-size:11px;font-weight:800}.root-pills-row{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:320px;display:flex}.root-pill-btn{background:var(--panel);border:1px solid var(--line);color:var(--text2);cursor:pointer;border-radius:6px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;transition:all .15s}.root-pill-btn:hover{background:var(--panel3);border-color:var(--line2);color:#fff}.root-pill-btn.active{background:var(--accent2);color:#0b1120;border-color:#0000;font-weight:900;box-shadow:0 0 10px #22d3ee66}.handbook-chapter-tabs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.handbook-chapter-btn{background:var(--panel2);border:1.5px solid var(--line);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:750;transition:all .15s;display:inline-flex}.handbook-chapter-btn:hover{background:var(--panel3);border-color:var(--line2);color:#fff;transform:translateY(-1px)}.handbook-chapter-btn.active{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 4px 16px #7c6af759}.ch-icon{font-size:16px}.handbook-search-bar{background:var(--panel2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px 14px;display:flex}.search-icon{color:var(--muted);font-size:14px}.handbook-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:13px}.handbook-search-input::placeholder{color:var(--muted)}.btn-clear-search{padding:2px 8px!important;font-size:11px!important}.chapter-content-wrap{flex-direction:column;gap:20px;animation:.2s fadeIn;display:flex}.theory-card{background:var(--panel2);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:16px;padding:22px 24px;display:flex}.card-head{flex-direction:column;gap:4px;display:flex}.card-tag{color:var(--accent3);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:850}.card-title{color:#fff;margin:0;font-size:18px;font-weight:850}.card-sub{color:var(--muted);margin:2px 0 0;font-size:13px;line-height:1.5}.theory-grid-2col{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=800px){.theory-grid-2col{grid-template-columns:1fr}}.notes-grid-interactive{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.note-card-box{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;gap:8px;padding:14px;transition:all .15s;display:flex}.note-card-box:hover{border-color:var(--accent2);transform:translateY(-2px)}.note-card-top{justify-content:center;align-items:baseline;gap:6px;display:flex}.note-intl{color:#fff;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:900}.note-solfege{color:var(--accent2);font-size:14px;font-weight:750}.note-desc{color:var(--muted);min-height:44px;margin:0;font-size:11px;line-height:1.35}.btn-sound-note{background:var(--panel2)!important;border:1px solid var(--line2)!important;border-radius:6px!important;padding:5px 8px!important;font-size:11px!important}.accidentals-table-wrap{flex-direction:column;gap:10px;display:flex}.accidental-row{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;gap:14px;padding:10px 14px;display:flex}.acc-symbol{color:var(--accent3);text-align:center;flex-shrink:0;width:32px;font-size:26px;font-weight:900}.acc-info{flex:1}.acc-name{color:#fff;font-size:13px;display:block}.acc-effect{color:var(--muted);font-size:11px}.acc-example{color:var(--accent2);background:#22d3ee1a;border-radius:6px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800}.enharmonics-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.enharmonic-pill{background:var(--panel);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.enh-pair{align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800;display:flex}.enh-sharp{color:#ec4899}.enh-equals{color:var(--muted)}.enh-flat{color:var(--accent2)}.btn-tiny-sound-icon{cursor:pointer;opacity:.8;background:0 0;border:none;font-size:13px;transition:opacity .15s}.btn-tiny-sound-icon:hover{opacity:1;transform:scale(1.1)}.clefs-cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.clef-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.clef-head{align-items:center;gap:12px;display:flex}.clef-symbol{color:var(--accent3);font-size:38px;line-height:1}.clef-title{color:#fff;font-size:14px;display:block}.clef-start{color:var(--muted);font-size:11px}.clef-usage-box{color:var(--text2);background:var(--panel2);border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.4}.clef-notes-matrix{grid-template-columns:1fr 1fr;gap:10px;font-size:11px;display:grid}.matrix-title{color:var(--accent2);margin-bottom:4px;font-weight:800;display:block}.clef-notes-matrix ul{color:var(--muted);flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.golden-rules-card{background:#f59e0b14;border:1.5px solid #f59e0b4d;border-radius:14px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.rules-icon{flex-shrink:0;font-size:24px}.rules-title{color:#fbbf24;margin-bottom:6px;font-size:14px;display:block}.rules-list{color:#fde68a;flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:13px;line-height:1.45;display:flex}.chapter-banner-info{background:var(--panel2);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.banner-title{color:#fff;margin:0;font-size:17px;font-weight:850}.banner-desc{color:var(--muted);max-width:600px;margin:4px 0 0;font-size:13px}.banner-root-tag{background:var(--panel);border:1px solid var(--line2);color:var(--muted);border-radius:999px;align-items:baseline;gap:8px;padding:6px 14px;font-size:12px;display:flex}.banner-root-tag strong{color:var(--accent2);font-family:JetBrains Mono,monospace;font-size:18px}.intervals-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.interval-card{background:var(--panel2);border:1.5px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:16px 18px;transition:all .15s;display:flex}.interval-card:hover{border-color:var(--line2);transform:translateY(-2px)}.interval-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.inter-badge-col{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;min-width:65px;padding:4px 10px;display:flex}.inter-symbol{color:var(--accent3);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:900}.inter-semitones{color:var(--muted);white-space:nowrap;font-size:10px}.inter-title-col{flex:1}.inter-name{color:#fff;margin:0;font-size:14px;font-weight:850}.inter-quality{color:var(--accent2);font-size:11px;display:block}.btn-inter-play{border-radius:8px!important;padding:6px 12px!important;font-size:12px!important;font-weight:800!important}.inter-body{flex-direction:column;gap:6px;font-size:12px;line-height:1.45;display:flex}.inter-feeling-box{color:var(--text2)}.inter-hook-box{background:var(--panel);color:#a7f3d0;border:1px solid #34d39933;border-radius:8px;align-items:flex-start;gap:6px;padding:6px 10px;display:flex}.scales-filter-pills{flex-wrap:wrap;gap:8px;display:flex}.filter-pill-btn{background:var(--panel2);border:1px solid var(--line);color:var(--text2);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:750;transition:all .15s}.filter-pill-btn:hover{border-color:var(--line2);color:#fff}.filter-pill-btn.active{background:var(--accent2);color:#0b1120;border-color:#0000;font-weight:850}.scales-cards-list{flex-direction:column;gap:16px;display:flex}.scale-detail-card{background:var(--panel2);border:1.5px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;padding:20px 24px;display:flex}.scale-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.scale-family-tag{color:var(--accent2);background:#22d3ee1f;border-radius:999px;margin-bottom:4px;padding:2px 8px;font-size:10px;font-weight:850;display:inline-block}.scale-title{color:#fff;margin:0;font-size:18px;font-weight:850}.scale-degrees{color:var(--muted);margin-top:2px;font-size:12px;display:block}.btn-play-scale{border-radius:10px!important;padding:8px 16px!important;font-size:12px!important;font-weight:850!important}.scale-notes-track{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px;display:flex}.notes-track-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.scale-notes-row{flex-wrap:wrap;gap:6px;display:flex}.scale-note-bubble{color:#fff;background:#7c6af733;border:1px solid #7c6af766;border-radius:6px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:850}.scale-meta-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.meta-box{background:var(--panel);border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.meta-lbl{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.meta-val{color:#fff;font-size:13px}.mood-val{color:var(--accent2)!important}.scale-usage-text{color:var(--text2);margin:0;font-size:13px;line-height:1.5}.chords-dict-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.chord-dict-card{background:var(--panel2);border:1.5px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:18px 20px;transition:all .15s;display:flex}.chord-dict-card:hover{border-color:var(--line2);transform:translateY(-2px)}.chord-dict-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chord-category-tag{color:var(--accent3);text-transform:uppercase;font-size:10px;font-weight:800;display:block}.chord-name{color:#fff;margin:2px 0 0;font-size:16px;font-weight:850}.chord-sym-badge{color:var(--accent2);background:#22d3ee1f;border-radius:6px;margin-top:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:900;display:inline-block}.chord-card-actions{flex-direction:column;gap:4px;display:flex}.chord-formula-strip{background:var(--panel);border-radius:8px;justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.strip-lbl{color:var(--muted);margin-right:4px}.strip-val{color:#fff;font-family:JetBrains Mono,monospace}.strip-sub{color:var(--text2);font-size:11px}.chord-notes-preview{align-items:center;gap:8px;font-size:12px;display:flex}.notes-prev-lbl{color:var(--muted);font-weight:700}.notes-bubble-row{gap:4px;display:flex}.bubble-note{background:var(--panel);border:1px solid var(--line);color:#fff;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.chord-mood-box{color:var(--text2);font-size:12px;line-height:1.45}.functions-flow-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.function-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.fn-role{color:var(--accent2);font-size:14px}.fn-chords{color:#fff;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800}.fn-desc{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.cadences-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.cadence-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.cadence-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cad-name{color:#fff;font-size:14px;display:block}.cad-formula{color:var(--accent3);font-family:JetBrains Mono,monospace;font-size:12px}.cad-desc{color:var(--text2);margin:0;font-size:12px;line-height:1.45}.legendary-progs-list{flex-direction:column;gap:12px;display:flex}.prog-detail-row{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.prog-title-col{min-width:220px}.prog-name{color:#fff;font-size:14px;display:block}.prog-formula{color:var(--accent2);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:850}.prog-keys-col{flex-wrap:wrap;gap:8px;display:flex}.key-pill{background:var(--panel2);border:1px solid var(--line2);border-radius:8px;flex-direction:column;gap:2px;padding:6px 10px;font-size:11px;display:flex}.key-pill span{color:var(--muted)}.key-pill strong{color:#fff;font-family:JetBrains Mono,monospace;font-size:12px}.prog-desc-col{flex:1;min-width:240px;font-size:12px;line-height:1.45}.prog-desc{color:var(--text2);margin:0 0 4px}.prog-songs{color:var(--muted);display:block}.note-values-table{flex-direction:column;gap:8px;display:flex}.note-val-row{background:var(--panel);border:1px solid var(--line);border-radius:10px;grid-template-columns:50px 180px 100px 1fr;align-items:center;gap:14px;padding:10px 16px;font-size:13px;display:grid}@media (width<=600px){.note-val-row{grid-template-columns:40px 1fr}}.nv-symbol{color:var(--accent3);text-align:center;font-size:26px}.nv-name{color:#fff}.nv-beats{color:var(--accent2);font-family:JetBrains Mono,monospace;font-weight:800}.nv-ratio{color:var(--muted);font-size:12px}.time-sig-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.meter-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.meter-badge{color:var(--accent2);font-family:JetBrains Mono,monospace;font-size:24px;font-weight:900}.meter-name{color:#fff;font-size:13px}.meter-desc{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.meter-feel{background:var(--panel2);color:var(--text2);border-radius:6px;padding:6px 8px;font-size:11px}.meter-feel strong{color:#fbbf24;margin-top:2px;display:block}.tempo-terms-list{flex-direction:column;gap:6px;display:flex}.term-row{background:var(--panel);border:1px solid var(--line);border-radius:8px;grid-template-columns:120px 100px 1fr;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:grid}@media (width<=500px){.term-row{grid-template-columns:1fr}}.t-name{color:#fff;font-weight:800}.t-bpm{color:var(--accent3);font-family:JetBrains Mono,monospace;font-size:11px}.t-meaning{color:var(--muted)}.t-symbol{color:var(--accent2);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:900}.btn-handbook-tag{color:var(--accent2)!important;border-color:#22d3ee4d!important;padding:3px 8px!important;font-size:11px!important;font-weight:800!important}.academy-portal-root{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;font-family:inherit;display:flex}.academy-topbar{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0f172ad9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.academy-topbar-brand{align-items:center;gap:12px;display:flex}.academy-brand-icon{background:linear-gradient(135deg,#6366f140,#a855f740);border:1px solid #a855f766;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;display:flex;box-shadow:0 4px 12px #7c3aed33}.academy-brand-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:17px;font-weight:900}.academy-brand-sub{color:var(--muted);font-size:11px;font-weight:500}.academy-domain-pill{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.academy-nav-pills{border:1px solid var(--border);background:#ffffff0a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;padding:4px;display:flex}.academy-nav-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.academy-nav-btn:hover{color:#fff;background:#ffffff0f}.academy-nav-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px #6366f159}.academy-topbar-actions{align-items:center;gap:10px;display:flex}.academy-cross-link{transition:all .2s;color:#fb7185!important;background:#fb71851f!important;border:1px solid #fb71854d!important;border-radius:8px!important;padding:6px 12px!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important}.academy-cross-link:hover{transform:translateY(-1px);background:#fb718538!important}.academy-hero{width:100%;max-width:1320px;margin:0 auto;padding:48px 24px 32px}.academy-hero-content{text-align:center;max-width:840px;margin:0 auto 36px}.academy-hero-badge{text-transform:uppercase;letter-spacing:.08em;color:#a855f7;background:#a855f71f;border:1px solid #a855f74d;border-radius:999px;margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:800;display:inline-block}.academy-hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:14px;font-size:clamp(26px,4vw,42px);font-weight:900;line-height:1.15}.academy-hero-desc{color:var(--muted);margin-bottom:24px;font-size:15px;line-height:1.6}.academy-quick-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.academy-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;flex-direction:column;gap:6px;padding:20px;transition:all .25s;display:flex}.stat-card:hover{background:var(--surface-hover);border-color:#a855f766;transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.stat-icon{margin-bottom:4px;font-size:24px}.stat-card strong{color:#fff;font-size:15px;font-weight:800}.stat-card span{color:var(--muted);font-size:12px;line-height:1.5}.academy-main-container{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:0 24px 64px}.portal-section-view{animation:.25s fadeIn}.portal-tool-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 30px #00000040}.academy-footer{border-top:1px solid var(--border);background:#0a0f1e99;margin-top:auto;padding:32px 24px}.academy-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:0 auto;display:flex}.footer-left strong{color:#fff;margin-bottom:4px;font-size:15px;display:block}.footer-left p{color:var(--muted);margin:0;font-size:12px}.footer-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.footer-link{color:#38bdf8;font-size:13px;font-weight:700;text-decoration:none;transition:color .2s}.footer-link:hover{color:#7dd3fc;text-decoration:underline}.footer-copy{color:var(--muted);font-size:11px}@media (width<=768px){.academy-topbar{padding:12px 16px}.academy-nav-pills{flex-wrap:nowrap;order:3;justify-content:flex-start;width:100%;overflow-x:auto}.academy-nav-btn{white-space:nowrap;padding:6px 10px;font-size:12px}.footer-right{align-items:flex-start}}.ear-training-lab{max-width:800px;margin:0 auto}.ear-header{margin-bottom:24px}.ear-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ear-title-row h3{margin:0;font-size:22px;font-weight:900}.ear-stats{flex-wrap:wrap;gap:16px;display:flex}.ear-stat{color:var(--muted);font-size:13px}.ear-stat strong{color:#fff}.ear-mode-pills{flex-wrap:wrap;gap:8px;display:flex}.ear-mode-btn{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.ear-mode-btn:hover{color:#fff;border-color:var(--accent)}.ear-mode-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000}.ear-question-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.ear-q-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.ear-q-label{font-size:16px;font-weight:700}.ear-root-badge{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:800}.ear-controls{gap:10px;margin-bottom:20px;display:flex}.ear-replay-btn{font-size:14px!important}.ear-options-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.ear-option-btn{background:var(--surface-alt,#ffffff0a);border:2px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.ear-option-btn:hover:not(:disabled){border-color:var(--accent);background:#6366f114}.ear-option-btn.correct{color:#4ade80;background:#22c55e1f;border-color:#22c55e}.ear-option-btn.wrong{color:#f87171;background:#ef44441f;border-color:#ef4444}.ear-opt-hint{color:var(--muted);font-size:11px;font-weight:500}.ear-feedback{border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding:14px;font-weight:700;display:flex}.fb-correct{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e4d}.fb-wrong{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.fb-answer{font-size:13px;font-weight:500}.ear-next-btn{margin-left:auto}.metronome-lab{text-align:center;max-width:600px;margin:0 auto}.metronome-title{margin-bottom:24px;font-size:22px;font-weight:900}.metro-bpm-display{justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.metro-bpm-adj{border:2px solid var(--border);background:var(--surface);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:flex}.metro-bpm-center{flex:1;max-width:300px}.metro-slider{accent-color:#6366f1;width:100%}.metro-bpm-num{color:#fff;font-size:48px;font-weight:900;line-height:1}.metro-bpm-label{color:var(--muted);font-size:14px;font-weight:700}.metro-beat-viz{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.metro-beat-dot{background:var(--surface);border:2px solid var(--border);border-radius:50%;width:24px;height:24px;transition:all .1s}.metro-beat-dot.accent{border-color:#f59e0b}.metro-beat-dot.active{background:#6366f1;border-color:#818cf8;transform:scale(1.3);box-shadow:0 0 16px #6366f180}.metro-beat-dot.accent.active{background:#f59e0b;border-color:#fbbf24;box-shadow:0 0 16px #f59e0b80}.metro-controls{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.metro-play-btn{min-width:140px;font-size:16px!important;font-weight:800!important}.metro-play-btn.playing{background:#ef4444!important}.metro-tap-btn{font-size:14px!important}.metro-settings-grid{text-align:left;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.metro-setting label{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.metro-radio-group{flex-wrap:wrap;gap:6px;display:flex}.metro-opt-btn{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.metro-opt-btn.active{color:#fff;background:#6366f1;border-color:#0000}.metro-presets{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.metro-preset-label{color:var(--muted);font-size:12px;font-weight:700}.metro-preset-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-sec,var(--muted));cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11px;transition:all .2s}.metro-preset-btn:hover{border-color:var(--accent);color:#fff}.sandbox-lab{max-width:900px;margin:0 auto}.sandbox-title{margin-bottom:8px;font-size:22px;font-weight:900}.sandbox-desc{color:var(--muted);margin-bottom:20px;font-size:13px}.sandbox-top-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.sandbox-key-select,.sandbox-tempo{align-items:center;gap:8px;display:flex}.sandbox-key-select label,.sandbox-tempo label{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:700}.sandbox-select{background:var(--surface);border:1px solid var(--border);color:#fff;border-radius:8px;padding:6px 10px;font-size:13px}.sandbox-templates{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.sandbox-templates>span{color:var(--muted);font-size:12px;font-weight:700}.sandbox-template-btn{color:#a5b4fc;cursor:pointer;background:#6366f114;border:1px solid #6366f133;border-radius:8px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s}.sandbox-template-btn:hover{background:#6366f12e;border-color:#6366f166}.sandbox-chord-grid{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.sandbox-chord-slot{background:var(--surface);border:2px solid var(--border);cursor:grab;border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-width:90px;padding:12px;transition:all .2s;display:flex;position:relative}.sandbox-chord-slot.slot-active{border-color:#6366f1;box-shadow:0 0 20px #6366f14d}.slot-roman{color:#a78bfa;font-size:14px;font-weight:900}.slot-root-sel,.slot-quality-sel{background:var(--bg);border:1px solid var(--border);color:#fff;border-radius:6px;width:100%;padding:4px 6px;font-size:12px}.slot-chord-name{color:#fff;font-size:16px;font-weight:900}.slot-remove{color:#fff;cursor:pointer;opacity:0;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:opacity .2s;display:flex;position:absolute;top:-6px;right:-6px}.sandbox-chord-slot:hover .slot-remove{opacity:1}.sandbox-add-btn{background:var(--surface);border:2px dashed var(--border);color:var(--muted);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;min-height:120px;padding:12px 20px;font-weight:800;transition:all .2s;display:flex}.sandbox-add-btn:hover{border-color:var(--accent);color:#fff}.sandbox-analysis{background:#6366f10f;border:1px solid #6366f133;border-radius:10px;padding:14px}.sandbox-analysis strong{color:#a78bfa;margin-right:8px;font-size:13px}.analysis-line{color:#fff;font-size:16px;font-weight:800}.analysis-chip{color:#c084fc}.makam-explorer{max-width:900px;margin:0 auto}.makam-title{margin-bottom:8px;font-size:22px;font-weight:900}.makam-desc{color:var(--muted);margin-bottom:20px;font-size:13px}.makam-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.makam-root-sel{align-items:center;gap:8px;display:flex}.makam-root-sel label{color:var(--muted);font-size:13px;font-weight:700}.makam-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:24px;display:grid}.makam-card{background:var(--surface);border:2px solid var(--border);cursor:pointer;border-radius:12px;padding:14px;transition:all .2s}.makam-card:hover{border-color:#f59e0b;transform:translateY(-2px)}.makam-card.makam-active{background:#f59e0b14;border-color:#f59e0b}.makam-card-name{color:#fbbf24;font-size:15px;display:block}.makam-card-mood{color:var(--muted);font-size:11px}.makam-detail-card{background:var(--surface);border:1px solid #f59e0b4d;border-radius:16px;padding:24px}.makam-detail-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.makam-detail-head h4{color:#fbbf24;margin:0;font-size:20px;font-weight:900}.makam-karar{color:var(--muted);background:#f59e0b1f;border-radius:6px;padding:4px 10px;font-size:12px}.makam-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.makam-info-block{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px}.makam-info-block.full{grid-column:1/-1}.makam-info-block label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.makam-info-block p{color:var(--text);margin:0;font-size:13px;line-height:1.5}.makam-intervals{flex-wrap:wrap;gap:6px;display:flex}.makam-semi-chip{color:#fbbf24;background:#f59e0b26;border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.makam-examples{margin:0;padding-left:20px}.makam-examples li{color:var(--text-sec,var(--muted));margin-bottom:4px;font-size:13px}.form-guide{max-width:900px;margin:0 auto}.form-guide-title{margin-bottom:8px;font-size:22px;font-weight:900}.form-guide-desc{color:var(--muted);margin-bottom:20px;font-size:13px}.form-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.form-tab-btn{background:var(--surface);border:2px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:2px;padding:12px 16px;transition:all .2s;display:flex}.form-tab-btn:hover{border-color:var(--accent)}.form-tab-btn.active{background:#6366f114;border-color:#6366f1}.form-tab-btn strong{color:#fff;font-size:13px}.form-tab-code{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.form-detail{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.form-detail-head{margin-bottom:16px}.form-detail-head h4{margin:0 0 8px;font-size:20px;font-weight:900}.form-structure-code{color:#a78bfa;background:#6366f114;border-radius:8px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:13px;display:block}.form-detail-desc{color:var(--text-sec,var(--muted));margin-bottom:20px;font-size:14px;line-height:1.6}.form-sections h5,.form-examples h5{color:#38bdf8;margin-bottom:10px;font-size:14px;font-weight:800}.form-section-row{border-bottom:1px solid var(--border);gap:12px;padding:10px 0;display:flex}.form-part-name{color:#c084fc;min-width:160px;font-size:13px}.form-part-role{color:var(--text-sec,var(--muted));font-size:13px}.form-examples{margin-top:16px}.form-examples-list{flex-wrap:wrap;gap:8px;display:flex}.form-example-chip{color:#7dd3fc;background:#38bdf814;border:1px solid #38bdf833;border-radius:6px;padding:4px 12px;font-size:12px}.fretboard-viz{max-width:1000px;margin:0 auto}.fretboard-title{margin-bottom:16px;font-size:22px;font-weight:900}.fretboard-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.fretboard-ctrl{align-items:center;gap:8px;display:flex}.fretboard-ctrl label{color:var(--muted);font-size:13px;font-weight:700}.fretboard-neck{margin-bottom:16px;overflow-x:auto}.fretboard-fret-nums{padding-left:46px;display:flex}.fret-num{text-align:center;width:50px;color:var(--muted);flex-shrink:0;font-size:11px;font-weight:700}.fret-num.fret-marker{color:#f59e0b}.fretboard-string-row{border-bottom:1px solid #ffffff0f;align-items:center;display:flex}.string-label{width:46px;color:var(--muted);text-align:right;flex-shrink:0;padding-right:8px;font-size:12px;font-weight:800}.fret-cell{border-right:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:36px;display:flex;position:relative}.fret-cell.open-string{background:#ffffff05;border-right:3px solid #ffffff26}.fret-dot{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:900;transition:all .15s;display:flex}.fret-dot.fret-root{color:#fff;background:#6366f1;box-shadow:0 0 8px #6366f180}.fret-dot.fret-scale{color:#7dd3fc;background:#38bdf833;border:1px solid #38bdf866}.fret-dot:hover{transform:scale(1.2)}.fretboard-legend{align-items:center;gap:20px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:14px;height:14px}.legend-dot.root{background:#6366f1}.legend-dot.scale{background:#38bdf84d;border:1px solid #38bdf880}.piano-lab{max-width:1000px;margin:0 auto}.piano-title{margin-bottom:16px;font-size:22px;font-weight:900}.piano-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.piano-ctrl{align-items:center;gap:8px;display:flex}.piano-legend{flex-wrap:wrap;align-items:center;gap:20px;margin-top:14px;display:flex}.piano-hint{color:var(--muted);margin-left:auto;font-size:11px}.journal-lab{max-width:700px;margin:0 auto}.journal-title{margin-bottom:20px;font-size:22px;font-weight:900}.journal-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.journal-stat-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.j-stat-icon{font-size:24px}.journal-stat-card strong{color:#fff;font-size:24px;font-weight:900}.journal-stat-card span{color:var(--muted);font-size:11px}.journal-badges{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.journal-badge{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.journal-badge.earned{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b66}.journal-badge.locked{border:1px solid var(--border);color:var(--muted);opacity:.5;background:#ffffff08}.journal-add-btn{margin-bottom:20px}.journal-form{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:20px;padding:20px}.journal-form-row{margin-bottom:14px}.journal-form-row label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.journal-form-row input[type=date],.journal-form-row input[type=number]{background:var(--bg);border:1px solid var(--border);color:#fff;border-radius:8px;padding:8px 12px;font-size:14px}.journal-form-row textarea{background:var(--bg);border:1px solid var(--border);color:#fff;resize:vertical;border-radius:8px;width:100%;padding:10px;font-size:13px}.journal-moods{gap:8px;display:flex}.mood-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;padding:6px;font-size:22px}.mood-btn.active{background:#f59e0b1f;border-color:#f59e0b}.journal-topic-chips{flex-wrap:wrap;gap:6px;display:flex}.topic-chip{background:var(--bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .2s}.topic-chip.active{color:#a5b4fc;background:#6366f11f;border-color:#6366f166}.journal-entries{flex-direction:column;gap:10px;display:flex}.journal-empty{text-align:center;color:var(--muted);padding:40px 0;font-size:14px}.journal-entry-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px}.entry-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.entry-date{color:#38bdf8;font-size:13px;font-weight:800}.entry-mood{font-size:18px}.entry-dur{color:var(--muted);margin-left:auto;font-size:12px}.entry-del{cursor:pointer;opacity:.4;background:0 0;border:none;font-size:14px}.entry-del:hover{opacity:1}.entry-topics{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.entry-topic-chip{color:#a5b4fc;background:#6366f114;border-radius:4px;padding:2px 8px;font-size:11px}.entry-notes{color:var(--text-sec,var(--muted));margin:0;font-size:13px;line-height:1.5}@media (width<=600px){.ear-options-grid,.metro-settings-grid,.makam-detail-grid,.journal-stats{grid-template-columns:1fr}}