@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;--surface:#111420;--surface2:#181c2e;--surface-hover:#20253d;--surface-alt:#151928;--border:#ffffff14;--card-border:#ffffff14;--text:#eef0f8;--text2:#a8b0cc;--text-sec:#94a3b8;--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;--font-mono:"JetBrains Mono", monospace}[data-theme=light]{--bg:#f8fafc;--bg2:#f1f5f9;--panel:#fff;--panel2:#f8fafc;--panel3:#f1f5f9;--surface:#fff;--surface2:#f8fafc;--surface-hover:#f1f5f9;--surface-alt:#fff;--border:#00000014;--card-border:#00000014;--text:#0f172a;--text2:#334155;--text-sec:#475569;--muted:#64748b;--line:#00000012;--line2:#0000001f;--accent:#6366f1;--accent2:#0284c7;--accent3:#8b5cf6;--good:#10b981;--warn:#f59e0b;--danger:#ef4444;--shadow-sm:0 2px 8px #0f172a0d;--shadow:0 8px 24px #0f172a14;--shadow-lg:0 20px 50px #0f172a1f;--font-mono:"JetBrains Mono", monospace}*,: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: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}.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-brand-sub{color:var(--muted,#94a3b8);letter-spacing:.08em;margin-top:2px;margin-bottom:6px;font-size:12px;font-style:italic;font-weight:400;display:block}.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}.modern-academy-shell{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex;position:relative}.modern-topbar{z-index:120;-webkit-backdrop-filter:blur(20px);background:#0a0f1ee0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;display:flex;position:sticky;top:0}.modern-brand-cluster{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:12px;display:flex}.modern-brand-logo{background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex;box-shadow:0 4px 16px #7c3aed59}.modern-brand-cluster:hover .modern-brand-logo{transform:scale(1.05)}.logo-sparkle{font-size:20px}.modern-brand-meta{flex-direction:column;gap:1px;display:flex}.modern-brand-name{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#e2e8f0 60%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:16px;font-weight:900}.modern-brand-tagline{color:#94a3b8;font-size:11px;font-weight:500}.modern-domain-tag{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:6px;margin-left:4px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.modern-category-nav{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.category-nav-item{position:relative}.cat-trigger-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.cat-trigger-btn:hover{color:#fff;background:#ffffff0f}.cat-trigger-btn.active{color:#fff;background:#ffffff14;border-color:#ffffff26;box-shadow:0 2px 8px #0003}.cat-trigger-btn.open{color:#fff;background:#6366f133;border-color:#6366f180}.cat-icon{font-size:14px}.cat-label{font-size:13px}.cat-chevron{opacity:.6;margin-left:2px;font-size:10px}.modern-topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.modern-search-trigger{color:#94a3b8;cursor:pointer;background:#1e293b99;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.modern-search-trigger:hover{color:#fff;background:#1e293be6;border-color:#6366f180}.search-shortcut{color:#cbd5e1;background:#0f172acc;border:1px solid #ffffff26;border-radius:4px;padding:2px 5px;font-family:inherit;font-size:10px}.modern-catalog-btn{color:#cbd5e1!important;border:1px solid #ffffff14!important;border-radius:8px!important;padding:6px 12px!important;font-size:12px!important}.modern-catalog-btn:hover{color:#fff!important;background:#ffffff14!important}.modern-cross-link{color:#fb7185;background:#fb71851a;border:1px solid #fb718540;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s}.modern-cross-link:hover{color:#fff;background:#fb718533;transform:translateY(-1px)}.btn-modern-icon{color:#e2e8f0;cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.btn-modern-icon:hover{background:#1e293be6;border-color:#fff3}.mobile-menu-trigger{color:#fff;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:8px;padding:6px 10px;font-size:18px;display:none}.mega-menu-overlay{z-index:110;pointer-events:none;justify-content:center;width:100%;padding:8px 24px;display:flex;position:absolute;top:60px;left:0}.mega-menu-card{pointer-events:auto;-webkit-backdrop-filter:blur(28px);border:1px solid var(--accent-cat,#6366f1);background:#0f172af2;border-radius:18px;width:100%;max-width:920px;padding:22px 26px;animation:.2s cubic-bezier(.16,1,.3,1) megaDropdownFadeIn;box-shadow:0 20px 60px #0009,0 0 30px #6366f126}@keyframes megaDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.mega-menu-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.mega-header-left{align-items:center;gap:12px;display:flex}.mega-icon{font-size:24px}.mega-title{color:#fff;margin:0;font-size:17px;font-weight:900}.mega-desc{color:#94a3b8;margin:2px 0 0;font-size:12px}.mega-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px}.mega-close-btn:hover{color:#fff}.mega-tools-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.mega-tool-item{cursor:pointer;background:#1e293b73;border:1px solid #ffffff0f;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .18s;display:flex}.mega-tool-item:hover{background:#1e293bd9;border-color:#fff3;transform:translateY(-2px)}.mega-tool-item.active{border-color:var(--accent-cat,#6366f1);background:#6366f133;box-shadow:0 0 16px #6366f140}.tool-item-icon{flex-shrink:0;margin-top:2px;font-size:20px}.tool-item-content{flex-direction:column;flex:1;gap:3px;display:flex}.tool-item-title-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.tool-item-title{color:#fff;font-size:13px;font-weight:800}.tool-item-tag{text-transform:uppercase;color:var(--accent-cat,#38bdf8);background:#38bdf81f;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800}.tool-item-desc{color:#94a3b8;margin:0;font-size:11px;line-height:1.35}.modern-sub-ribbon{-webkit-backdrop-filter:blur(16px);background:#0f172ab3;border-bottom:1px solid #ffffff0f;padding:8px 24px}.ribbon-inner{scrollbar-width:none;align-items:center;gap:16px;max-width:1400px;margin:0 auto;display:flex;overflow-x:auto}.ribbon-inner::-webkit-scrollbar{display:none}.ribbon-category-indicator{white-space:nowrap;border-right:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:6px;padding-right:12px;font-size:12px;font-weight:800;display:flex}.ribbon-cat-icon{font-size:14px}.ribbon-cat-name{text-transform:uppercase;letter-spacing:.05em;font-size:12px}.ribbon-tools-strip{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.ribbon-tool-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.ribbon-tool-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.ribbon-tool-btn.active{color:#fff;background:linear-gradient(135deg,#6366f159 0%,#8b5cf659 100%);border-color:#818cf8;box-shadow:0 2px 10px #6366f14d}.ribbon-tool-icon{font-size:13px}.ribbon-tool-name{font-size:12px}.ribbon-tool-badge{color:#38bdf8;background:#38bdf826;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800}.command-palette-backdrop{z-index:999;-webkit-backdrop-filter:blur(12px);background:#000000b3;justify-content:center;align-items:flex-start;padding:80px 20px 40px;animation:.18s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.command-palette-card{background:#0f172af2;border:1px solid #ffffff26;border-radius:16px;width:100%;max-width:640px;overflow:hidden;box-shadow:0 25px 60px #000c,0 0 40px #6366f133}.command-search-row{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:16px 20px;display:flex}.command-search-icon{color:#94a3b8;font-size:18px}.command-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.command-search-input::placeholder{color:#64748b}.command-esc-badge{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.command-results-list{flex-direction:column;gap:4px;max-height:420px;padding:8px;display:flex;overflow-y:auto}.command-empty{text-align:center;color:#64748b;padding:32px 20px;font-size:13px}.command-result-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .12s;display:flex}.command-result-item:hover{background:#6366f126}.command-result-item.current{background:#6366f140;border-left:3px solid #818cf8}.command-item-icon{flex-shrink:0;font-size:20px}.command-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.command-item-headline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.command-item-title{color:#fff;font-size:13px;font-weight:800}.command-category-badge{text-transform:uppercase;font-size:10px;font-weight:700}.command-item-tag{color:#38bdf8;background:#38bdf81f;border-radius:4px;padding:1px 5px;font-size:9px}.command-item-desc{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.command-enter-hint{color:#64748b;opacity:0;font-size:10px;transition:opacity .15s}.command-result-item:hover .command-enter-hint{opacity:1;color:#818cf8}.catalog-modal-backdrop{z-index:999;-webkit-backdrop-filter:blur(16px);background:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}.catalog-modal-card{background:#0f172af5;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:24px;width:100%;max-width:1100px;max-height:88vh;padding:28px 32px;display:flex;overflow-y:auto;box-shadow:0 30px 80px #000c}.catalog-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.catalog-modal-pill{color:#818cf8;letter-spacing:.1em;font-size:10px;font-weight:800}.catalog-modal-title{color:#fff;margin:4px 0 2px;font-size:22px;font-weight:900}.catalog-modal-sub{color:#94a3b8;margin:0;font-size:13px}.catalog-categories-container{flex-direction:column;gap:24px;display:flex}.catalog-category-block{flex-direction:column;gap:12px;display:flex}.cat-block-header{align-items:center;gap:8px;display:flex}.cat-block-icon{font-size:18px}.cat-block-title{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:15px;font-weight:800}.cat-block-tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.catalog-tool-card{cursor:pointer;background:#1e293b66;border:1px solid #ffffff0f;border-radius:12px;gap:12px;padding:14px 16px;transition:all .18s;display:flex}.catalog-tool-card:hover{background:#1e293bcc;border-color:#6366f166;transform:translateY(-2px)}.catalog-tool-card.active{background:#6366f12e;border-color:#6366f1}.catalog-card-icon{flex-shrink:0;font-size:22px}.catalog-card-body{flex-direction:column;gap:4px;display:flex}.catalog-card-title-row{align-items:center;gap:8px;display:flex}.catalog-card-title-row strong{color:#fff;font-size:13px;font-weight:800}.catalog-card-body p{color:#94a3b8;margin:0;font-size:11px;line-height:1.35}.mobile-drawer-backdrop{z-index:999;background:#000000b3;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-drawer-sheet{background:#0f172a;border-left:1px solid #ffffff1a;flex-direction:column;gap:20px;width:320px;height:100%;padding:20px;display:flex;overflow-y:auto}.drawer-header{color:#fff;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:16px;display:flex}.drawer-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:18px}.drawer-categories-list{flex-direction:column;gap:16px;display:flex}.drawer-cat-group{flex-direction:column;gap:8px;display:flex}.drawer-cat-title{text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800}.drawer-tools-list{flex-direction:column;gap:4px;display:flex}.drawer-tool-btn{color:#cbd5e1;text-align:left;cursor:pointer;background:#1e293b66;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.drawer-tool-btn.active{color:#fff;background:#6366f140;border-color:#6366f1}.drawer-tag{color:#38bdf8;background:#38bdf826;border-radius:4px;padding:1px 5px;font-size:9px}.modern-main-container{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}.modern-footer{background:#0a0f1ef2;border-top:1px solid #ffffff0f;margin-top:40px;padding:24px}.footer-inner-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1400px;margin:0 auto;display:flex}.footer-brand-title{color:#fff;font-size:14px;font-weight:800}.footer-brand-desc{color:#94a3b8;max-width:600px;margin:4px 0 0;font-size:12px}.footer-stage-link{color:#38bdf8;font-size:12px;font-weight:700;text-decoration:none}.footer-stage-link:hover{text-decoration:underline}.footer-copyright{color:#64748b;font-size:11px}@media (width<=900px){.modern-category-nav{display:none}.mobile-menu-trigger{display:block}.modern-catalog-btn,.modern-domain-tag{display:none}.modern-search-trigger{padding:6px 8px}.search-text,.search-shortcut{display:none}.footer-right{align-items:flex-start}}.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}.freq-disc-lab{flex-direction:column;gap:24px;max-width:860px;margin:0 auto;animation:.35s fadeIn;display:flex}.freq-header{margin-bottom:4px}.freq-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.freq-title-row h3{background:linear-gradient(135deg,#a78bfa,#818cf8,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:22px;font-weight:900}.freq-rank-badge{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:800;display:flex}.rank-emoji{font-size:18px}.freq-subtitle{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.freq-stats-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.freq-stat{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.freq-stat-icon{font-size:20px}.freq-stat-val{color:var(--text);font-size:22px;font-weight:900}.freq-stat-label{color:var(--muted);font-size:11px;font-weight:600}.freq-level-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:20px;padding:18px 20px;display:flex}.freq-current-level{flex-shrink:0;align-items:center;gap:12px;display:flex}.level-badge{background:linear-gradient(135deg, hsl(var(--level-hue,120), 70%, 45%), hsl(calc(var(--level-hue,120) + 30), 70%, 55%));color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:18px;font-weight:900;display:grid;box-shadow:0 4px 16px #00000040}.level-info{flex-direction:column;gap:2px;display:flex}.level-info strong{color:var(--text);font-size:14px}.level-cents-desc{color:var(--muted);font-size:12px;font-weight:500}.freq-streak-progress{flex:1;min-width:180px}.streak-bar-bg{border:1px solid var(--border);background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.streak-bar-fill{background:linear-gradient(90deg,#22c55e,#10b981);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #22c55e66}.streak-progress-label{color:var(--muted);text-align:right;margin-top:6px;font-size:11px;font-weight:600;display:block}.freq-question-card{background:var(--surface);border:2px solid var(--border);border-radius:20px;padding:28px;transition:border-color .3s,box-shadow .3s}.freq-question-card.correct-glow{border-color:#22c55e80;box-shadow:0 0 30px #22c55e1f}.freq-question-card.wrong-glow{border-color:#ef444480;box-shadow:0 0 30px #ef44441f}.freq-visual-row{align-items:stretch;gap:16px;margin-bottom:18px;display:flex}.freq-tone-block{border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:20px 16px;transition:all .3s;display:flex}.freq-tone-block.ref-tone{background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border-color:#6366f14d}.freq-tone-block.hidden-tone{background:linear-gradient(135deg,#94a3b80f,#64748b0a);border-color:#94a3b833}.freq-tone-block.revealed-higher{background:linear-gradient(135deg,#22c55e14,#10b9810a);border-color:#22c55e4d}.freq-tone-block.revealed-lower{background:linear-gradient(135deg,#ef444414,#f43f5e0a);border-color:#ef44444d}.tone-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:700}.tone-freq{color:var(--text);font-size:22px;font-weight:900;font-family:var(--font-mono,monospace)}.tone-wave-icon{font-size:28px}.freq-vs-divider{color:var(--muted);opacity:.5;flex-shrink:0;align-items:center;font-size:14px;font-weight:800;display:flex}.freq-cent-reveal{text-align:center;color:var(--muted);border:1px solid var(--border);background:#ffffff08;border-radius:10px;margin-bottom:16px;padding:10px;font-size:13px}.freq-cent-reveal strong{color:var(--text)}.freq-controls{justify-content:center;margin-bottom:20px;display:flex}.freq-replay-btn{font-size:14px!important}.freq-answer-buttons{grid-template-columns:1fr 1fr;gap:14px;display:grid}.freq-answer-btn{border:2px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;transition:all .2s;display:flex}.freq-answer-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.freq-answer-btn.higher-btn:hover{background:#22c55e14;border-color:#22c55e}.freq-answer-btn.lower-btn:hover{background:#ef444414;border-color:#ef4444}.answer-arrow{font-size:32px;font-weight:900;line-height:1}.higher-btn .answer-arrow{color:#4ade80}.lower-btn .answer-arrow{color:#f87171}.answer-text{font-size:16px;font-weight:800}.answer-shortcut{color:var(--muted);border:1px solid var(--border);font-size:11px;font-family:var(--font-mono,monospace);background:#ffffff0f;border-radius:6px;padding:2px 8px;font-weight:600}.freq-feedback{text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.freq-feedback.fb-correct{background:#22c55e14;border:1px solid #22c55e4d}.freq-feedback.fb-wrong{background:#ef444414;border:1px solid #ef44444d}.fb-result{font-size:18px;font-weight:900}.freq-feedback.fb-correct .fb-result{color:#4ade80}.freq-feedback.fb-wrong .fb-result{color:#f87171}.fb-correct-answer{color:var(--muted);font-size:13px}.freq-next-btn{margin-top:6px}.freq-next-btn kbd{opacity:.6;font-size:10px;font-family:var(--font-mono,monospace);background:#ffffff1a;border-radius:4px;margin-left:6px;padding:1px 6px}.freq-history-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 20px}.freq-history-section h4{color:var(--muted);margin:0 0 12px;font-size:14px;font-weight:800}.freq-history-dots{flex-wrap:wrap;gap:5px;display:flex}.history-dot{border-radius:50%;width:14px;height:14px;transition:all .2s}.history-dot.dot-correct{background:#22c55e;box-shadow:0 0 6px #22c55e66}.history-dot.dot-wrong{background:#ef4444;box-shadow:0 0 6px #ef44444d}.freq-levels-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.freq-levels-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.freq-levels-header h4{margin:0;font-size:14px;font-weight:800}.freq-auto-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.freq-auto-toggle input{accent-color:#6366f1;cursor:pointer}.freq-levels-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.freq-level-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;transition:all .2s;display:flex}.freq-level-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.freq-level-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 16px #6366f159}.freq-level-btn.locked{opacity:.45}.lv-num{font-size:18px;font-weight:900}.lv-cents{color:var(--muted);font-size:12px;font-weight:700;font-family:var(--font-mono,monospace)}.freq-level-btn.active .lv-cents{color:#ffffffb3}.lv-desc{color:var(--muted);text-align:center;font-size:10px;line-height:1.3}.freq-level-btn.active .lv-desc{color:#fff9}.freq-info-card{background:linear-gradient(135deg,#1e1b4b4d,#0f172a80);border:1px solid #6366f133;border-radius:18px;padding:24px}.freq-info-card h4{margin:0 0 16px;font-size:16px;font-weight:800}.freq-info-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.freq-info-item{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:16px}.freq-info-item strong{margin-bottom:6px;font-size:14px;display:block}.freq-info-item p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}[data-theme=light] .freq-title-row h3{background:linear-gradient(135deg,#6d28d9,#4f46e5,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .freq-stat,[data-theme=light] .freq-level-section,[data-theme=light] .freq-question-card,[data-theme=light] .freq-answer-btn,[data-theme=light] .freq-history-section,[data-theme=light] .freq-levels-section{background:#fff;border-color:#e2e8f0}[data-theme=light] .freq-info-card{background:linear-gradient(135deg,#6366f10d,#8b5cf608);border-color:#e2e8f0}[data-theme=light] .freq-info-item{background:#fff;border-color:#e2e8f0}[data-theme=light] .freq-tone-block.ref-tone{background:linear-gradient(135deg,#6366f114,#8b5cf60a)}[data-theme=light] .freq-level-btn{background:#fff;border-color:#e2e8f0}[data-theme=light] .tone-freq,[data-theme=light] .freq-stat-val{color:#1e293b}@media (width<=640px){.freq-stats-row{grid-template-columns:repeat(2,1fr)}.freq-levels-grid{grid-template-columns:repeat(3,1fr)}.freq-info-grid{grid-template-columns:1fr}.freq-visual-row{flex-direction:column}.freq-vs-divider{justify-content:center}.freq-answer-buttons{grid-template-columns:1fr}}.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}.songwriting-studio{flex-direction:column;gap:28px;max-width:1200px;margin:0 auto;animation:.3s fadeIn;display:flex}.studio-hero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1e1b4b73,#0f172aa6);border:1px solid #6366f140;border-radius:20px;flex-direction:column;gap:20px;padding:24px 28px;display:flex;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff1a}.studio-badge-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.studio-pill-tag{color:#a5b4fc;letter-spacing:.5px;background:#6366f126;border:1px solid #6366f159;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800}.studio-sound-badge{border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.studio-sound-badge.ready{color:#34d399;background:#10b9811f;border:1px solid #10b98159}.studio-sound-badge.loading{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b59}.studio-title{color:#fff;letter-spacing:-.5px;margin:6px 0 4px;font-size:26px;font-weight:900}.studio-subtitle{color:var(--muted);max-width:800px;margin:0;font-size:14px;line-height:1.5}.studio-key-picker-box{background:#0f172a8c;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:14px;padding:16px 20px;display:flex}.key-picker-label-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.key-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:800}.mode-toggle-group{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;gap:4px;padding:3px;display:flex}.mode-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.mode-btn:hover{color:#fff}.mode-btn.active.major{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98159}.mode-btn.active.minor{color:#fff;background:linear-gradient(135deg,#ec4899,#be185d);box-shadow:0 4px 12px #ec489959}.root-notes-strip{flex-wrap:wrap;gap:6px;display:flex}.root-btn{color:#e2e8f0;cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;min-width:42px;padding:7px 12px;font-size:13px;font-weight:800;transition:all .15s}.root-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}.root-btn.selected{color:#fff;background:#6366f1;border-color:#818cf8;transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.studio-templates-section{flex-direction:column;gap:12px;display:flex}.section-head-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.section-icon{font-size:18px}.section-heading{color:#fff;font-size:15px;font-weight:800}.section-subtext{color:var(--muted);font-size:12px}.templates-scroll-strip{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.template-card-btn{background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;transition:all .2s;display:flex}.template-card-btn:hover{background:#6366f10d;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 20px -6px #6366f140}.template-top{justify-content:space-between;align-items:center;display:flex}.template-tag{text-transform:uppercase;color:#a5b4fc;background:#6366f126;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:800}.template-bpm{color:var(--muted);font-size:11px;font-weight:700}.template-title{color:#fff;font-size:13px;font-weight:800}.template-desc{color:var(--muted);font-size:11px;line-height:1.4}.timeline-container{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:18px;padding:22px;display:flex;box-shadow:0 8px 24px -6px #00000059}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.timeline-title-area{align-items:center;gap:12px;display:flex}.timeline-icon{font-size:24px}.timeline-title{color:#fff;margin:0 0 2px;font-size:18px;font-weight:900}.timeline-desc{color:var(--muted);margin:0;font-size:12px}.timeline-actions{align-items:center;gap:8px;display:flex}.copy-feedback{color:#34d399;font-size:12px;font-weight:700;animation:.2s fadeIn}.timeline-slots-strip{align-items:stretch;gap:12px;min-height:180px;padding:12px 6px 18px;display:flex;overflow-x:auto}.timeline-slots-strip::-webkit-scrollbar{height:8px}.timeline-slots-strip::-webkit-scrollbar-track{background:#0003;border-radius:4px}.timeline-slots-strip::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.timeline-empty-state{width:100%;color:var(--muted);text-align:center;background:#ffffff05;border:2px dashed #ffffff1a;border-radius:14px;justify-content:center;align-items:center;padding:30px;font-size:13px;display:flex}.chord-timeline-card{cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#1e293bcc,#0f172af2);border:2px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:6px;min-width:135px;max-width:155px;padding:12px;transition:all .18s;display:flex;position:relative;box-shadow:0 4px 16px #0000004d}.chord-timeline-card:hover{border-color:var(--chord-accent);transform:translateY(-3px);box-shadow:0 10px 24px -4px #00000073}.chord-timeline-card.playing{border-color:#38bdf8;transform:translateY(-4px)scale(1.03);box-shadow:0 0 25px #38bdf880,inset 0 0 12px #38bdf833}.chord-timeline-card.audition{border-color:#f59e0b;transform:scale(.98);box-shadow:0 0 20px #f59e0b66}.card-top-bar{justify-content:space-between;align-items:center;display:flex}.card-order-badge{color:var(--muted);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800}.card-remove-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px;transition:color .15s}.card-remove-btn:hover{color:#ef4444}.card-chord-name{color:#fff;text-align:center;letter-spacing:-.5px;margin:2px 0;font-size:26px;font-weight:900}.card-degree-badge{text-align:center;border-radius:6px;align-self:center;padding:3px 8px;font-size:12px;font-weight:800}.card-role-label{color:var(--muted);text-align:center;justify-content:center;align-items:center;min-height:26px;font-size:10px;line-height:1.3;display:flex}.card-bottom-actions{border-top:1px solid #ffffff14;justify-content:space-between;gap:3px;margin-top:auto;padding-top:6px;display:flex}.mini-card-btn{color:var(--muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;flex:1;justify-content:center;align-items:center;padding:3px 6px;font-size:11px;transition:all .15s;display:flex}.mini-card-btn:hover:not(:disabled){color:#fff;background:#ffffff26}.mini-card-btn:disabled{opacity:.3;cursor:default}.timeline-playback-bar{background:#0f172ab3;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.playback-left{align-items:center;gap:12px;display:flex}.play-main-btn{border-radius:10px;padding:10px 22px;font-size:14px;font-weight:800}.loop-toggle-btn{color:var(--muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:700;transition:all .2s}.loop-toggle-btn.active{color:#a5b4fc;background:#6366f12e;border-color:#6366f1}.playback-controls{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.control-group{align-items:center;gap:8px;display:flex}.control-group label{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.studio-select{background:var(--bg);border:1px solid var(--border);color:#fff;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700}.tempo-group{min-width:170px}.studio-slider{accent-color:#6366f1;cursor:pointer}.advisor-section{background:linear-gradient(135deg,#1e1b4b59,#0f172a80);border:1px solid #a78bfa40;border-radius:16px;flex-direction:column;gap:14px;padding:18px 22px;display:flex}.advisor-head{align-items:center;gap:12px;display:flex}.advisor-icon{font-size:22px}.advisor-title{color:#e0e7ff;margin:0 0 2px;font-size:14px;font-weight:900}.advisor-sub{color:var(--muted);margin:0;font-size:12px}.advisor-cards-row{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.advisor-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.advisor-card:hover{border-color:#a78bfa;transform:translateY(-2px);box-shadow:0 6px 18px #a78bfa33}.advisor-chord-badge{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:50px;padding:6px;display:flex}.advisor-chord-badge .chord-big{font-size:18px;font-weight:900}.advisor-chord-badge .chord-deg{font-size:10px;font-weight:800}.advisor-info{flex-direction:column;gap:4px;display:flex}.advisor-reason{color:#fff;font-size:12px;line-height:1.35}.advisor-add-hint{color:#a78bfa;text-transform:uppercase;font-size:10px;font-weight:800}.chords-pool-section{flex-direction:column;gap:16px;display:flex}.pool-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pool-header-left{align-items:center;gap:12px;display:flex}.pool-title{color:#fff;margin:0 0 2px;font-size:18px;font-weight:900}.pool-subtitle{color:var(--muted);margin:0;font-size:12px}.pool-tabs{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:6px;padding:4px;display:flex}.pool-tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.pool-tab-btn:hover{color:#fff}.pool-tab-btn.active{color:#fff;background:#6366f1;box-shadow:0 2px 8px #6366f166}.pool-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.pool-chord-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--card-border,#6366f1);border-radius:14px;flex-direction:column;gap:6px;padding:16px 14px;transition:all .2s;display:flex;box-shadow:0 4px 14px #0003}.pool-chord-card:hover{border-color:var(--card-border,#6366f1);transform:translateY(-3px);box-shadow:0 8px 24px -4px #0006}.pool-card-header{justify-content:space-between;align-items:center;display:flex}.pool-degree-tag{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.pool-preview-btn{color:var(--muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;transition:all .15s}.pool-preview-btn:hover{color:#fff;background:#ffffff26}.pool-chord-name{color:#fff;letter-spacing:-.5px;margin:2px 0;font-size:26px;font-weight:900}.pool-role-title{color:#e2e8f0;font-size:12px;font-weight:800}.pool-mood-desc{color:var(--muted);min-height:32px;font-size:11px;line-height:1.35}.pool-add-btn{color:#a5b4fc;cursor:pointer;background:#6366f11f;border:1px solid #6366f147;border-radius:8px;width:100%;margin-top:10px;padding:7px;font-size:12px;font-weight:800;transition:all .2s}.pool-add-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 4px 12px #6366f159}.pool-add-btn.borrowed-btn{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e4d}.pool-add-btn.borrowed-btn:hover{color:#fff;background:#f43f5e}.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}}.midi-lab-container{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;animation:.3s fadeIn;display:flex}.midi-lab-header{background:linear-gradient(135deg,#1e1b4b73,#0f172aa6);border:1px solid #6366f140;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.midi-badge-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.midi-title-badge{color:#a5b4fc;background:#6366f126;border:1px solid #6366f159;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.midi-status-pill{color:var(--muted);background:#ffffff0d;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.midi-status-pill.connected{color:#34d399;background:#10b98126;border:1px solid #10b98159}.midi-status-pill.disconnected{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59}.midi-lab-title{color:#fff;margin:0 0 4px;font-size:24px;font-weight:900}.midi-lab-subtitle{color:var(--muted);max-width:800px;margin:0;font-size:13px}.midi-showcase-grid{grid-template-columns:1.2fr 1fr 1fr;gap:16px;transition:all .3s;display:grid}@media (width<=900px){.midi-showcase-grid{grid-template-columns:1fr}}.detected-chord-display{text-align:center;background:linear-gradient(135deg,#0f172ad9,#1e293be6);border:2px solid #6366f14d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:22px;display:flex;box-shadow:0 8px 24px #00000059}.display-tag{text-transform:uppercase;color:#a5b4fc;letter-spacing:.8px;margin-bottom:8px;font-size:10px;font-weight:800}.big-chord-symbol{color:#fff;letter-spacing:-1px;background:linear-gradient(#fff,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;justify-content:center;align-items:center;min-height:56px;margin:4px 0 10px;font-size:44px;font-weight:900;display:flex}.chord-details-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.detail-pill{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.detail-pill.primary{color:#a5b4fc;background:#6366f12e}.detail-pill.secondary{color:#fbbf24;background:#f59e0b2e}.detail-pill.neutral{color:#e2e8f0;background:#ffffff14}.detail-hint{color:var(--muted);font-size:12px}.midi-live-meter-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex}.active-notes-pills{flex-wrap:wrap;align-items:center;gap:6px;min-height:34px;display:flex}.live-note-chip{color:#0f172a;background:#38bdf8;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:800;box-shadow:0 2px 8px #38bdf866}.no-notes-text{color:var(--muted);font-size:12px}.velocity-meter-row{flex-direction:column;gap:6px;display:flex}.meter-label{color:var(--muted);font-size:12px}.meter-label strong{color:#fff}.velocity-bar-track{background:#ffffff14;border-radius:4px;width:100%;height:8px;overflow:hidden}.velocity-bar-fill{background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444);height:100%;transition:width 80ms}.sustain-indicator{color:#34d399;background:#10b9811f;border-radius:6px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:800}.midi-quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;justify-content:space-between;gap:10px;padding:20px;display:flex}.quiz-header{justify-content:space-between;align-items:center;display:flex}.quiz-score-badge{color:#34d399;background:#10b98126;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:800}.quiz-prompt-box{flex-direction:column;gap:4px;display:flex}.quiz-hint{color:var(--muted);font-size:11px}.quiz-target-chord{color:#f59e0b;font-size:22px;font-weight:900}.quiz-notes-hint{color:var(--muted);font-size:11px}.success-pulse{animation:.6s pulseGreen}@keyframes pulseGreen{0%{transform:scale(1)}50%{filter:drop-shadow(0 0 20px #10b98199);transform:scale(1.02)}to{transform:scale(1)}}.midi-keyboard-visualizer{background:#111827;border:2px solid #1f2937;border-radius:18px;padding:16px 16px 20px;overflow-x:auto;box-shadow:0 16px 36px -10px #0009,inset 0 2px #ffffff1a}.piano-chassis{width:100%;min-width:900px;display:inline-block}.piano-red-felt{background:linear-gradient(90deg,#991b1b,#dc2626,#991b1b);border-radius:2px 2px 0 0;height:6px;box-shadow:0 1px 3px #00000080}.piano-keys-wrapper{-webkit-user-select:none;user-select:none;background:#020617;width:100%;height:160px;position:relative;overflow:hidden}.midi-white-keys-row{z-index:1;width:100%;height:100%;display:flex;position:relative}.midi-black-keys-layer{pointer-events:none;z-index:5;width:100%;height:62%;position:absolute;top:0;left:0}.piano-key{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:8px;transition:all 80ms;display:flex;position:relative}.piano-key.white-key{z-index:1;color:#475569;background:linear-gradient(#fff 0%,#f1f5f9 85%,#cbd5e1 100%);border:1px solid #94a3b8;border-radius:0 0 6px 6px;height:100%;box-shadow:inset 0 -4px 6px #00000026,0 2px 4px #0000001a}.piano-key.black-key{pointer-events:auto;z-index:5;justify-content:center;align-items:flex-end;height:100%;margin:0;padding-bottom:4px;display:flex;position:absolute;top:0}.piano-key.black-key .black-key-cap{color:#64748b;background:linear-gradient(#334155 0%,#0f172a 75%,#020617 100%);border:1px solid #000;border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:4px;display:flex;box-shadow:0 4px 8px #0009,inset 0 1px #fff3}.piano-key .key-name-label{font-size:10px;font-weight:800}.piano-key.white-key.active-struck{transform:translateY(3px);color:#0f172a!important;background:linear-gradient(#bae6fd 0%,#38bdf8 80%,#0284c7 100%)!important;box-shadow:0 0 16px #38bdf8b3,inset 0 -2px 4px #0000004d!important}.piano-key.black-key.active-struck{transform:translateY(3px);color:#fff!important;background:linear-gradient(#0284c7 0%,#0369a1 80%,#075985 100%)!important;box-shadow:0 0 16px #38bdf8cc!important}.piano-key.bass-struck{border-bottom:4px solid #f59e0b!important}.midi-info-footer{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.info-item{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:12px;padding:12px 16px;font-size:12px;line-height:1.45}.info-item strong{color:#fff}.tuner-lab-container{flex-direction:column;gap:22px;max-width:1100px;margin:0 auto;animation:.3s fadeIn;display:flex}.tuner-header{background:linear-gradient(135deg,#0f172ab3,#1e293bcc);border:1px solid #ffffff1a;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.tuner-title-pill{color:#38bdf8;background:#38bdf826;border-radius:999px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.tuner-title{color:#fff;margin:0 0 4px;font-size:24px;font-weight:900}.tuner-subtitle{color:var(--muted);max-width:650px;margin:0;font-size:13px}.tuner-header-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.tuner-mode-tabs{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;gap:4px;padding:3px;display:flex}.mode-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.mode-tab.active{color:#fff;background:#6366f1}.mic-toggle-btn{border-radius:10px;padding:8px 18px;font-size:13px;font-weight:800}.mic-error-banner{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:12px;padding:12px 18px;font-size:13px;font-weight:700}.tuner-display-card{background:linear-gradient(#0f172acc,#1e293bf2);border:2px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;padding:36px 24px;display:flex;box-shadow:0 16px 36px #0006}.tuner-gauge-wrapper{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:600px;display:flex}.gauge-dial{background:radial-gradient(circle at bottom,#0f172ae6,#1e293b80);border:3px solid #ffffff1f;border-bottom-color:#fff3;border-top-left-radius:160px;border-top-right-radius:160px;width:320px;height:160px;position:relative;overflow:hidden}.gauge-marks{width:100%;color:var(--muted);justify-content:space-around;padding:0 20px;font-size:11px;font-weight:800;display:flex;position:absolute;top:18px}.gauge-marks .zero{color:#10b981;font-size:13px}.gauge-needle{transform-origin:bottom;background:#f59e0b;border-radius:2px;width:4px;height:130px;transition:transform .1s ease-out;position:absolute;bottom:0;left:50%;box-shadow:0 0 10px #f59e0b99}.gauge-needle.in-tune{background:#10b981;box-shadow:0 0 16px #10b981}.gauge-center-pivot{background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #000c}.tuner-note-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.detected-note-letter{color:#fff;letter-spacing:-2px;text-shadow:0 0 30px #fff3;font-size:72px;font-weight:900;line-height:1}.detected-note-letter.glow-green{color:#34d399;text-shadow:0 0 35px #34d39999}.tuner-status-badge{color:var(--muted);font-size:13px;font-weight:800}.tuner-freq-strip{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;margin-top:10px;display:flex}.freq-box{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.freq-label{color:var(--muted)}.freq-val{color:#fff;font-family:monospace;font-weight:800}.ref-select{color:#38bdf8;cursor:pointer;background:0 0;border:none;font-weight:800}.vocal-trainer-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:20px;padding:26px;display:flex}.vocal-top-row{justify-content:space-between;align-items:center;display:flex}.vocal-badge{text-transform:uppercase;color:#ec4899;font-size:11px;font-weight:800}.vocal-target-title{color:#fff;margin:4px 0 2px;font-size:26px;font-weight:900}.vocal-target-desc{color:var(--muted);margin:0;font-size:13px}.vocal-stats-box{text-align:center;background:#10b9811f;border:1px solid #10b98159;border-radius:14px;padding:10px 20px}.vocal-stats-box .score-val{color:#34d399;font-size:26px;font-weight:900;display:block}.vocal-stats-box .score-lbl{color:var(--muted);font-size:11px;font-weight:700}.vocal-interactive-center{background:#00000040;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.vocal-progress-section{flex-direction:column;gap:6px;width:100%;max-width:480px;display:flex}.vocal-hold-label{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.vocal-hold-label strong{color:#fff}.vocal-progress-bar-track{background:#ffffff1a;border-radius:6px;width:100%;height:12px;overflow:hidden}.vocal-progress-bar-fill{background:linear-gradient(90deg,#38bdf8,#10b981);height:100%;transition:width .1s linear}.hold-hint-text{color:var(--muted);text-align:center;font-size:11px}.vocal-feedback-pill{color:#fff;font-size:14px;font-weight:800}.singing-cents{color:#38bdf8;margin-left:6px;font-size:12px}.vocal-exercise-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.vocal-ex-btn{background:var(--bg);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;transition:all .2s;display:flex}.vocal-ex-btn:hover{border-color:#38bdf8}.vocal-ex-btn.active{background:#38bdf81a;border-color:#38bdf8}.vocal-ex-btn .ex-note{color:#fff;font-size:13px;font-weight:800}.vocal-ex-btn .ex-freq{color:var(--muted);font-size:11px}.sheet-music-container{flex-direction:column;gap:22px;max-width:1000px;margin:0 auto;animation:.3s fadeIn;display:flex}.sheet-header{background:linear-gradient(135deg,#0f172ab3,#1e293bcc);border:1px solid #ffffff1a;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.sheet-tag{color:#a78bfa;background:#a78bfa26;border-radius:999px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.sheet-title{color:#fff;margin:0 0 4px;font-size:24px;font-weight:900}.sheet-subtitle{color:var(--muted);max-width:650px;margin:0;font-size:13px}.staff-canvas-card{background:#0f172a;border:2px solid #ffffff1f;border-radius:18px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex;box-shadow:0 12px 30px #00000080}.staff-canvas-inner{width:100%;max-width:600px}.staff-svg{width:100%;height:auto}.staff-note-infobar{background:#ffffff0d;border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;padding:10px 20px;display:flex}.infobar-item{align-items:center;gap:6px;font-size:13px;display:flex}.infobar-item .info-lbl{color:var(--muted)}.infobar-item .info-val{color:#fff;font-weight:800}.solfege-badge{background:#6366f1;border-radius:6px;padding:2px 8px}.drill-hud{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.drill-status-strip{color:#fff;align-items:center;gap:16px;font-size:14px;display:flex}.drill-feedback-pill{color:#34d399;font-weight:800}.drill-prompt-text{color:var(--muted);font-size:13px}.drill-choices-strip{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.drill-choice-btn{background:var(--surface);border:1px solid var(--border);color:#fff;cursor:pointer;border-radius:10px;padding:8px 18px;font-size:14px;font-weight:800;transition:all .15s}.drill-choice-btn:hover{background:#6366f1;border-color:#6366f1;transform:translateY(-2px)}.note-palette-section{flex-direction:column;gap:10px;display:flex}.palette-title{color:var(--muted);font-size:13px;font-weight:800}.palette-buttons{flex-wrap:wrap;gap:8px;display:flex}.palette-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;min-width:52px;padding:8px 12px;transition:all .15s;display:flex}.palette-btn:hover{border-color:#38bdf8}.palette-btn.active{background:#38bdf826;border-color:#38bdf8}.palette-btn .p-solfege{color:#fff;font-size:13px;font-weight:800}.palette-btn .p-note{color:var(--muted);font-size:10px}.rhythm-lab-container{flex-direction:column;gap:22px;max-width:1000px;margin:0 auto;animation:.3s fadeIn;display:flex}.rhythm-header{background:linear-gradient(135deg,#0f172ab3,#1e293bcc);border:1px solid #ffffff1a;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.rhythm-tag{color:#f59e0b;background:#f59e0b26;border-radius:999px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.rhythm-title{color:#fff;margin:0 0 4px;font-size:24px;font-weight:900}.rhythm-subtitle{color:var(--muted);max-width:650px;margin:0;font-size:13px}.rhythm-controls-top{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.rhythm-tempo-box{flex-direction:column;gap:4px;min-width:160px;display:flex}.rhythm-tempo-box label{color:var(--muted);font-size:12px}.rhythm-tempo-box strong{color:#fff}.rhythm-slider{accent-color:#f59e0b}.rhythm-start-btn{border-radius:10px;padding:8px 18px;font-size:13px;font-weight:800}.rhythm-preset-strip{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.preset-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;transition:all .15s;display:flex}.preset-btn:hover{border-color:#f59e0b}.preset-btn.active{background:#f59e0b1f;border-color:#f59e0b}.preset-btn .p-name{color:#fff;font-size:12px;font-weight:800}.preset-btn .p-desc{color:var(--muted);font-size:10px}.rhythm-visual-bar{background:#0000004d;border:1px solid #ffffff14;border-radius:14px;justify-content:center;gap:10px;padding:14px;display:flex}.beat-lamp{width:44px;height:44px;color:var(--muted);background:#ffffff14;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:800;transition:all 60ms;display:flex}.beat-lamp.accent{border-color:#f59e0b66}.beat-lamp.active{color:#0f172a;background:#f59e0b;border-color:#fbbf24;transform:scale(1.15);box-shadow:0 0 20px #f59e0bcc}.rhythm-pad-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:30px;display:flex}.pad-stats-row{align-items:center;gap:16px;font-size:13px;display:flex}.stat-pill{color:#fff}.stat-pill strong{color:#38bdf8}.rating-pill{border-radius:8px;padding:4px 12px;font-size:12px;font-weight:800}.rating-pill.perfect{color:#34d399;background:#10b98133}.rating-pill.early{color:#fbbf24;background:#f59e0b33}.rating-pill.late{color:#fb923c;background:#f9731633}.rating-pill.miss{color:#f87171;background:#ef444433}.rhythm-tap-button{cursor:pointer;background:radial-gradient(circle,#1e293b,#0f172a);border:4px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;transition:all 80ms;display:flex;box-shadow:0 12px 28px #0006,inset 0 2px #fff3}.rhythm-tap-button:hover:not(:disabled){border-color:#38bdf8;box-shadow:0 14px 32px #38bdf84d}.rhythm-tap-button:active:not(:disabled){transform:scale(.94)}.rhythm-tap-button.perfect{border-color:#10b981;box-shadow:0 0 25px #10b98199}.rhythm-tap-button.early{border-color:#f59e0b}.rhythm-tap-button.late{border-color:#f97316}.tap-inner{flex-direction:column;align-items:center;gap:2px;display:flex}.tap-icon{font-size:32px}.tap-text{color:#fff;letter-spacing:.5px;font-size:15px;font-weight:900}.tap-sub{color:var(--muted);font-size:10px}.tap-history-track{background:#00000040;border:1px solid #ffffff14;border-radius:8px;width:100%;max-width:500px;height:36px;position:relative}.track-center-line{background:#10b981;width:2px;position:absolute;top:0;bottom:0;left:50%}.track-label{color:var(--muted);font-size:10px;position:absolute;top:-18px}.track-label.left{left:4px}.track-label.center{color:#10b981;left:50%;transform:translate(-50%)}.track-label.right{right:4px}.history-dots-container{width:100%;height:100%;position:relative}.history-dot{border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.history-dot.perfect{background:#10b981}.history-dot.early{background:#f59e0b}.history-dot.late{background:#f97316}.history-dot.miss{background:#ef4444}.voice-leading-container{flex-direction:column;gap:26px;max-width:1100px;margin:0 auto;animation:.3s fadeIn;display:flex}.vl-header{background:linear-gradient(135deg,#0f172ab3,#1e293bcc);border:1px solid #ffffff1a;border-radius:18px;padding:22px 26px}.vl-tag{color:#c084fc;background:#c084fc26;border-radius:999px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.vl-title{color:#fff;margin:0 0 4px;font-size:24px;font-weight:900}.vl-subtitle{color:var(--muted);max-width:750px;margin:0;font-size:13px}.vl-root-picker-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.root-pick-lbl{color:var(--muted);font-size:13px;font-weight:800}.root-pick-buttons{flex-wrap:wrap;gap:6px;display:flex}.inversion-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.inversion-card{background:var(--surface);border:2px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;gap:8px;padding:20px;transition:all .2s;display:flex}.inversion-card:hover{border-color:#a855f7;transform:translateY(-2px)}.inversion-card.active{background:#a855f714;border-color:#a855f7}.inv-top{justify-content:space-between;align-items:center;display:flex}.inv-symbol{color:#fff;font-size:28px;font-weight:900}.inv-badge{color:#c084fc;background:#a855f72e;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.inv-name{color:#e2e8f0;font-size:14px;font-weight:800}.inv-formula{color:var(--muted);font-size:12px}.inv-formula strong{color:#fff}.inv-desc{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.inv-play-btn{align-self:flex-start;margin-top:4px}.vl-ab-comparison-section{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:18px;padding:24px;display:flex}.section-title{color:#fff;margin:0 0 4px;font-size:18px;font-weight:900}.section-sub{color:var(--muted);margin:0;font-size:13px}.ab-example-box{background:#00000040;border:1px solid #ffffff0f;border-radius:14px;padding:18px}.ab-example-header h4{color:#fff;margin:0 0 4px;font-size:15px;font-weight:800}.ab-example-header p{color:var(--muted);margin:0 0 14px;font-size:12px}.ab-lanes-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=768px){.ab-lanes-grid{grid-template-columns:1fr}}.ab-lane{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.ab-lane.jumpy-lane{border-color:#ef44444d}.ab-lane.smooth-lane{border-color:#10b98159}.lane-head{justify-content:space-between;align-items:center;display:flex}.lane-badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.lane-badge.red{color:#f87171;background:#ef444426}.lane-badge.green{color:#34d399;background:#10b98126}.lane-chords{flex-wrap:wrap;gap:8px;display:flex}.mini-chord-chip{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;min-width:64px;padding:8px 12px;transition:all .15s;display:flex}.mini-chord-chip.playing{background:#38bdf833;border-color:#38bdf8;transform:scale(1.05)}.mini-chord-chip strong{color:#fff;font-size:14px}.mini-chord-chip .chip-sub{color:var(--muted);font-size:10px}.vl-bassline-section{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:16px;padding:24px;display:flex}.bassline-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bassline-icon{font-size:26px}.bassline-strip{gap:10px;padding-bottom:10px;display:flex;overflow-x:auto}.bassline-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:110px;padding:14px 10px;transition:all .18s;display:flex}.bassline-card:hover{border-color:#38bdf8;transform:translateY(-2px)}.bassline-card.playing{background:#38bdf826;border-color:#38bdf8;box-shadow:0 0 16px #38bdf866}.bass-chord{color:#fff;font-size:20px;font-weight:900}.bass-note-pill{color:#38bdf8;background:#38bdf826;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.bass-desc{color:var(--muted);font-size:10px}.makam-explorer-studio{flex-direction:column;gap:22px;max-width:1100px;margin:0 auto;animation:.3s fadeIn;display:flex}.makam-head-card{background:linear-gradient(135deg,#141827cc,#1e293be6);border:1px solid #f59e0b40;border-radius:18px;flex-direction:column;gap:16px;padding:22px 26px;display:flex}.makam-tag{color:#fbbf24;background:#f59e0b26;border-radius:999px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.makam-title{color:#fff;margin:0 0 4px;font-size:24px;font-weight:900}.makam-subtitle{color:var(--muted);max-width:750px;margin:0;font-size:13px}.makam-header-controls{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 18px;display:flex}.makam-toggle-box,.makam-timbre-box{align-items:center;gap:8px;display:flex}.makam-toggle-box label,.makam-timbre-box label{color:var(--muted);font-size:12px;font-weight:700}.makam-sub-toggle{background:#0006;border:1px solid #ffffff14;border-radius:8px;gap:4px;padding:3px;display:flex}.toggle-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .15s}.toggle-btn.active{color:#0f172a;background:#f59e0b}.makam-select{background:var(--bg);border:1px solid var(--border);color:#fff;border-radius:8px;padding:6px 10px;font-size:12px}.makam-play-btn{margin-left:auto;padding:8px 18px;font-size:13px;font-weight:800}.makam-selector-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.makam-pick-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:14px;transition:all .2s;display:flex}.makam-pick-card:hover{border-color:#f59e0b;transform:translateY(-2px)}.makam-pick-card.active{background:#f59e0b1a;border-color:#f59e0b}.m-card-top{justify-content:space-between;align-items:center;display:flex}.m-card-name{color:#fff;font-size:14px;font-weight:800}.m-card-karar{color:var(--muted);font-size:10px}.m-card-mood{color:var(--muted);margin:0;font-size:11px;line-height:1.35}.makam-detail-showcase{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:16px;padding:24px;display:flex}.showcase-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.showcase-title{color:#fbbf24;margin:0;font-size:24px;font-weight:900}.showcase-approx{color:var(--muted);font-size:13px}.showcase-approx strong{color:#fff}.showcase-karar-badge{color:#fbbf24;background:#f59e0b26;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800}.showcase-mood-text{color:#e2e8f0;margin:0;font-size:13px;line-height:1.5}.pitches-strip-section{flex-direction:column;gap:8px;display:flex}.strip-title{color:var(--muted);font-size:12px;font-weight:800}.pitches-cards-row{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.pitch-perde-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:3px;min-width:110px;padding:10px 8px;transition:all .15s;display:flex}.pitch-perde-card:hover{border-color:#fbbf24}.pitch-perde-card.sounding{background:#f59e0b33;border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 0 16px #f59e0b80}.perde-order{color:var(--muted);font-size:10px}.perde-name{color:#fff;font-size:13px;font-weight:900}.perde-desc{color:var(--muted);font-size:11px}.perde-comma-tag{color:#fbbf24;background:#f59e0b26;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.makam-examples-box{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:10px;padding-top:8px;display:flex}.examples-lbl{color:var(--muted);font-size:12px;font-weight:800}.examples-tags{flex-wrap:wrap;gap:6px;display:flex}.example-pill{color:#a5b4fc;background:#6366f11f;border-radius:6px;padding:3px 8px;font-size:11px}.song-analysis-lab{flex-direction:column;gap:24px;display:flex}.analysis-hero-card{background:linear-gradient(135deg,#1e1b4bb3 0%,#0f172ae6 100%);border:1px solid #8b5cf659;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;box-shadow:0 10px 30px #0000004d}.analysis-pill-badge{text-transform:uppercase;letter-spacing:.08em;color:#c084fc;background:#a855f726;border:1px solid #a855f74d;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.analysis-title{color:#fff;margin:0 0 6px;font-size:24px;font-weight:900}.analysis-subtitle{color:var(--muted);max-width:650px;margin:0;font-size:13px;line-height:1.5}.analysis-view-toggle{background:#0f172acc;border:1px solid #ffffff1a;border-radius:12px;gap:8px;padding:4px;display:flex}.view-toggle-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.view-toggle-btn.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px #6366f166}.analysis-category-filter{flex-wrap:wrap;gap:8px;display:flex}.cat-btn{color:var(--muted);cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.cat-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.analysis-layout-grid{grid-template-columns:300px 1fr;gap:20px;display:grid}@media (width<=900px){.analysis-layout-grid{grid-template-columns:1fr}}.songs-sidebar-list{flex-direction:column;gap:10px;max-height:520px;padding-right:4px;display:flex;overflow-y:auto}.song-list-item{cursor:pointer;background:#1e293b66;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px;transition:all .2s}.song-list-item:hover{background:#1e293bcc;border-color:#6366f166}.song-list-item.selected{background:#6366f12e;border-color:#6366f1;box-shadow:0 0 16px #6366f133}.song-item-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.song-item-title{color:#fff;font-size:14px;font-weight:800}.song-item-key{color:#38bdf8;background:#38bdf826;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:900}.song-item-artist{color:var(--muted);margin-bottom:6px;font-size:12px}.song-item-tags{flex-wrap:wrap;gap:4px;display:flex}.mini-tag{color:#a5b4fc;background:#6366f11a;border-radius:4px;padding:2px 5px;font-size:10px}.song-inspector-panel{background:#0f172a99;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:18px;padding:24px;display:flex}.inspector-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.inspector-tags-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.inspector-badge{color:#10b981;background:#10b98126;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.inspector-bpm{color:#f59e0b;background:#f59e0b26;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.inspector-subtag{color:var(--muted);font-size:11px}.inspector-title{color:#fff;margin:0 0 4px;font-size:26px;font-weight:900}.inspector-artist{color:var(--muted);font-size:13px}.inspector-desc{color:#cbd5e1;margin:0;font-size:14px;line-height:1.5}.inspector-chords-label{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-size:12px;font-weight:800}.inspector-chords-strip{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.song-chord-block{border:2px solid var(--block-color,#6366f1);cursor:pointer;background:#1e293b80;border-radius:12px;flex-direction:column;gap:4px;padding:12px;transition:all .2s;display:flex}.song-chord-block:hover{background:#1e293bcc;transform:translateY(-2px)}.song-chord-block.active-play{box-shadow:0 0 20px var(--block-color,#6366f1);background:#6366f140;transform:scale(1.04)}.block-step{color:var(--muted);font-size:10px;font-weight:700}.block-chord-name{color:#fff;font-size:20px;font-weight:900}.block-degree-tag{color:var(--block-color,#6366f1);font-size:13px;font-weight:800}.block-role{color:var(--muted);font-size:11px;line-height:1.2}.songwriting-secret-box{background:#6366f11a;border:1px dashed #6366f166;border-radius:12px;padding:14px 16px}.secret-title-row{color:#a5b4fc;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.secret-text{color:#e2e8f0;margin:0;font-size:13px;line-height:1.5}.modulation-container{flex-direction:column;gap:20px;display:flex}.modulation-selectors-card{background:#1e293b80;border:1px solid #ffffff1a;border-radius:16px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:16px;padding:20px 24px;display:flex}.mod-selector-column{flex-direction:column;gap:8px;display:flex}.mod-label{color:var(--muted);font-size:13px;font-weight:800}.mod-key-row{align-items:center;gap:10px;display:flex}.mode-toggle-mini{background:#0f172a99;border-radius:8px;padding:2px;display:flex}.mini-mode-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:700}.mini-mode-btn.active{background:var(--accent);color:#fff}.mod-arrow-indicator{color:#6366f1;font-size:28px;font-weight:900}.mod-pathways-list{flex-direction:column;gap:14px;display:flex}.pathways-heading{color:#fff;margin:0;font-size:16px;font-weight:800}.mod-route-card{background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.route-top-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.route-tag{color:#38bdf8;background:#38bdf826;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:800}.route-title{color:#fff;margin:4px 0 0;font-size:16px;font-weight:800}.route-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.route-chords-sequence{flex-wrap:wrap;gap:10px;display:flex}.route-chord-pill{cursor:pointer;background:#1e293b99;border:1.5px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:2px;padding:8px 14px;transition:all .2s;display:flex}.route-chord-pill:hover{background:#1e293be6;border-color:#38bdf8}.route-chord-pill.playing{background:#38bdf840;border-color:#38bdf8;transform:scale(1.05);box-shadow:0 0 14px #38bdf866}.pill-name{color:#fff;font-size:16px;font-weight:900}.pill-role{color:var(--muted);font-size:10px}.synth-lab-container{flex-direction:column;gap:20px;display:flex}.synth-hero-card{background:linear-gradient(135deg,#0f172ae6 0%,#020617f2 100%);border:1px solid #38bdf84d;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;display:flex}.synth-badge{color:#38bdf8;background:#38bdf826;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.synth-title{color:#fff;margin:0 0 6px;font-size:24px;font-weight:900}.synth-subtitle{color:var(--muted);max-width:600px;margin:0;font-size:13px;line-height:1.5}.synth-scope-box{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.scope-title{text-transform:uppercase;color:#38bdf8;letter-spacing:.05em;font-size:10px;font-weight:800}.synth-canvas{background:#0f172a;border:1px solid #38bdf84d;border-radius:8px}.synth-presets-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preset-label{color:var(--muted);font-size:12px;font-weight:800}.synth-preset-btn{color:#e2e8f0;cursor:pointer;background:#1e293b99;border:1px solid #ffffff1a;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s}.synth-preset-btn:hover{color:#fff;background:#38bdf833;border-color:#38bdf8}.synth-controls-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.synth-module-card{background:#0f172ab3;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.module-header{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.wave-selector-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wave-choice-btn{cursor:pointer;background:#1e293b80;border:1.5px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px;transition:all .15s;display:flex}.wave-choice-btn strong{color:#fff;font-size:12px}.wave-choice-btn small{color:var(--muted);text-align:center;font-size:9px}.wave-choice-btn.active{background:#38bdf833;border-color:#38bdf8}.octave-control-box{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.octave-btns{gap:4px;display:flex}.btn-oct{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-size:11px}.btn-oct.active{color:#000;background:#38bdf8;font-weight:800}.filter-type-row{gap:6px;display:flex}.filter-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;flex:1;padding:6px;font-size:11px;font-weight:700}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.slider-group{flex-direction:column;gap:6px;display:flex}.slider-label-row{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.slider-label-row strong{color:#38bdf8}.synth-slider{accent-color:#38bdf8;cursor:pointer;width:100%}.adsr-sliders-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.adsr-col{flex-direction:column;align-items:center;gap:4px;display:flex}.adsr-name{color:#fff;font-size:11px;font-weight:800}.adsr-val{color:#38bdf8;font-family:monospace;font-size:10px}.adsr-range{accent-color:#a855f7;cursor:pointer;width:100%}.lfo-target-row{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.lfo-target-btns{gap:4px;display:flex}.lfo-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-size:11px}.lfo-btn.active{color:#fff;background:#ec4899;font-weight:800}.synth-keyboard-dock{background:#0f172acc;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.keyboard-instructions{color:var(--muted);font-size:12px}.synth-piano-keys{background:#000;border:1px solid #ffffff1a;border-radius:10px;height:130px;display:flex;position:relative;overflow:hidden}.synth-key{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0003;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:8px;display:flex;position:relative}.synth-key.white-key{color:#0f172a;z-index:1;background:#f8fafc;flex:1}.synth-key.white-key.active{color:#fff;background:#38bdf8;box-shadow:0 0 16px #38bdf8}.synth-key.black-key{color:#fff;z-index:2;background:#0f172a;border-radius:0 0 4px 4px;width:32px;height:60%;position:absolute}.synth-key.black-key:nth-child(2){left:7.77778%}.synth-key.black-key:nth-child(4){left:19.4444%}.synth-key.black-key:nth-child(7){left:41.3333%}.synth-key.black-key:nth-child(9){left:52.7778%}.synth-key.black-key:nth-child(11){left:63.8889%}.synth-key.black-key:nth-child(14){left:86.1111%}.synth-key.black-key.active{background:#ec4899;box-shadow:0 0 16px #ec4899}.synth-key-note{font-size:11px;font-weight:800}.synth-key-binding{opacity:.6;font-size:9px}.workout-lab-root{flex-direction:column;gap:20px;display:flex}.workout-hero-card{background:linear-gradient(135deg,#10b98126 0%,#0f172ae6 100%);border:1px solid #10b98159;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;display:flex}.workout-badge{color:#10b981;background:#10b98126;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.workout-title{color:#fff;margin:0 0 6px;font-size:24px;font-weight:900}.workout-subtitle{color:var(--muted);max-width:600px;margin:0;font-size:13px;line-height:1.5}.workout-stats-strip{gap:12px;display:flex}.workout-stat-pill{background:#0f172acc;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:8px 16px;display:flex}.workout-stat-pill.streak{border-color:#f59e0b66}.workout-stat-pill.xp{border-color:#6366f166}.pill-fire,.pill-star{font-size:22px}.pill-val{color:#fff;font-size:16px;font-weight:900;display:block}.pill-lbl{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.workout-card-container{justify-content:center;width:100%;display:flex}.welcome-box,.summary-box,.drill-card{text-align:center;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:20px;width:100%;max-width:720px;padding:32px 36px;display:flex}.welcome-icon{font-size:48px}.welcome-title,.summary-title{color:#fff;margin:0;font-size:22px;font-weight:900}.welcome-desc,.summary-desc{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.workout-steps-preview{text-align:left;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.step-card{background:#1e293b80;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex}.step-num{color:#10b981;background:#10b98126;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:flex}.step-card strong{color:#fff;font-size:14px}.step-card p{color:var(--muted);margin:0;font-size:11px}.start-workout-btn{align-self:center;padding:12px 32px;font-size:15px}.drill-card{text-align:left}.drill-header{justify-content:space-between;align-items:center;display:flex}.drill-step-tag{color:#10b981;background:#10b98126;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:800}.drill-prompt{color:#fff;margin:0;font-size:18px;font-weight:800}.drill-feedback{border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700}.drill-feedback.success{color:#34d399;background:#10b98133;border:1px solid #10b981}.drill-feedback.error{color:#f87171;background:#ef444433;border:1px solid #ef4444}.drill-options-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.drill-options-grid.cadences{grid-template-columns:1fr}.drill-opt-btn{cursor:pointer;text-align:left;background:#1e293b99;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;transition:all .15s;display:flex}.drill-opt-btn:hover:not(:disabled){background:#10b98126;border-color:#10b981}.opt-title{color:#fff;font-size:14px;font-weight:800}.opt-sound{color:var(--muted);font-size:11px}.summary-metrics{justify-content:center;gap:16px;display:flex}.metric-box{background:#1e293b80;border:1px solid #ffffff1a;border-radius:12px;padding:14px 20px}.metric-box.fire{border-color:#f59e0b66}.metric-val{color:#fff;font-size:22px;font-weight:900;display:block}.metric-lbl{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.pro-tip-box{text-align:left;background:#6366f11f;border:1px solid #6366f14d;border-radius:12px;gap:12px;padding:14px 16px;display:flex}.pro-tip-icon{font-size:24px}.pro-tip-box strong{color:#a5b4fc;margin-bottom:4px;font-size:13px;display:block}.pro-tip-box p{color:#cbd5e1;margin:0;font-size:12px;line-height:1.4}.usul-lab-container{flex-direction:column;gap:20px;display:flex}.usul-hero-card{background:linear-gradient(135deg,#f59e0b26 0%,#0f172ae6 100%);border:1px solid #f59e0b59;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;display:flex}.usul-pill-badge{color:#fbbf24;background:#f59e0b26;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.usul-title{color:#fff;margin:0 0 6px;font-size:24px;font-weight:900}.usul-subtitle{color:var(--muted);max-width:600px;margin:0;font-size:13px;line-height:1.5}.kudum-visualizer-dock{gap:16px;display:flex}.kudum-drum{cursor:pointer;background:radial-gradient(circle,#78350f 0%,#1c1917 100%);border:3px solid #d97706;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;transition:all .1s;display:flex;box-shadow:0 8px 20px #0006}.kudum-drum:hover{transform:scale(1.05)}.kudum-drum.active{border-color:#fde68a;transform:scale(.94);box-shadow:0 0 25px #f59e0bcc}.drum-title{color:#fff;font-size:15px;font-weight:900}.drum-hand{color:#fde68a;font-size:10px}.usul-selector-tabs{flex-wrap:wrap;gap:8px;display:flex}.usul-tab-btn{cursor:pointer;background:#1e293b80;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:2px;padding:10px 16px;transition:all .15s;display:flex}.usul-tab-btn:hover{background:#f59e0b26;border-color:#f59e0b}.usul-tab-btn.active{background:#f59e0b40;border-color:#f59e0b;box-shadow:0 0 14px #f59e0b4d}.usul-btn-name{color:#fff;font-size:13px;font-weight:800}.usul-btn-time{color:#fde68a;font-size:10px}.usul-board-card{background:#0f172ab3;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex}.usul-board-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.board-badge{color:#f59e0b;background:#f59e0b26;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:800}.board-title{color:#fff;margin:4px 0 2px;font-size:22px;font-weight:900}.board-desc{color:var(--muted);margin:0;font-size:13px}.board-controls-group{align-items:center;gap:16px;display:flex}.usul-play-btn{padding:10px 20px;font-size:14px;font-weight:800}.usul-tempo-box{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.usul-timeline-label{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-size:12px;font-weight:800}.usul-timeline-strip{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;display:grid}.beat-cell{background:#1e293b66;border:1.5px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .1s;display:flex}.beat-cell.current-beat{background:#f59e0b40;border-color:#f59e0b;transform:scale(1.08);box-shadow:0 0 16px #f59e0b99}.beat-cell.hit-dum{border-color:#d9770699}.beat-cell.hit-tek{border-color:#38bdf899}.beat-number{color:var(--muted);font-size:10px;font-weight:800}.hit-name{color:#fff;font-size:15px;font-weight:900}.hit-dur{color:var(--muted);font-size:9px}.empty-dot{color:#ffffff26;font-size:18px;line-height:1}.usul-examples-box{background:#1e293b4d;border-radius:10px;gap:10px;padding:12px 14px;display:flex}.examples-tags-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.usul-example-tag{color:#fde68a;background:#f59e0b26;border-radius:6px;padding:3px 8px;font-size:11px}.certificate-lab-root{flex-direction:column;gap:20px;display:flex}.exam-hero-card{background:linear-gradient(135deg,#d9770626 0%,#0f172ae6 100%);border:1px solid #d9770659;border-radius:16px;padding:22px 28px}.exam-pill-badge{color:#fbbf24;background:#d9770626;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.exam-title{color:#fff;margin:0 0 6px;font-size:24px;font-weight:900}.exam-subtitle{color:var(--muted);max-width:650px;margin:0;font-size:13px;line-height:1.5}.exam-grades-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.exam-grade-card{background:#0f172ab3;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:14px;padding:24px;display:flex}.grade-badge{color:#f59e0b;background:#f59e0b26;border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:11px;font-weight:900}.grade-title{color:#fff;margin:0;font-size:18px;font-weight:800}.grade-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.grade-specs{color:#cbd5e1;flex-direction:column;gap:4px;font-size:12px;display:flex}.btn-block{width:100%;margin-top:auto}.active-exam-container{flex-direction:column;gap:16px;width:100%;max-width:760px;margin:0 auto;display:flex}.exam-top-bar{flex-direction:column;gap:8px;display:flex}.exam-active-grade{color:#fff;font-size:14px;font-weight:800}.exam-q-counter{color:var(--muted);margin-left:8px;font-size:12px}.exam-progress-track{background:#ffffff1a;border-radius:999px;height:6px;overflow:hidden}.exam-progress-fill{background:#f59e0b;height:100%;transition:width .3s}.exam-question-card{background:#0f172ab3;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:18px;padding:26px;display:flex}.exam-question-text{color:#fff;margin:0;font-size:18px;font-weight:800;line-height:1.4}.exam-options-list{flex-direction:column;gap:10px;display:flex}.exam-opt-btn{cursor:pointer;text-align:left;background:#1e293b80;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.exam-opt-btn:hover{background:#f59e0b26;border-color:#f59e0b}.exam-opt-btn.selected{background:#f59e0b40;border-color:#f59e0b;box-shadow:0 0 14px #f59e0b4d}.opt-letter{color:#f59e0b;background:#f59e0b26;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:flex}.opt-text{color:#fff;font-size:14px;font-weight:600}.exam-nav-row{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.exam-result-container{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.result-overview-card{text-align:center;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:640px;padding:28px;display:flex}.result-score-badge{border-radius:999px;padding:6px 18px;font-size:26px;font-weight:900}.result-score-badge.passed{color:#10b981;background:#10b98126;border:1px solid #10b981}.result-score-badge.failed{color:#ef4444;background:#ef444426;border:1px solid #ef4444}.cert-name-input-group{text-align:left;flex-direction:column;gap:8px;width:100%;display:flex}.input-with-button{gap:8px;display:flex}.cert-input{color:#fff;background:#0f172acc;border:1px solid #fff3;border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.printable-certificate-wrapper{aspect-ratio:297/210;color:#0f172a;box-sizing:border-box;background:#fdfbf7;border-radius:8px;flex-direction:column;width:100%;max-width:960px;margin:24px auto;padding:14px;display:flex;box-shadow:0 25px 60px #0006,0 0 35px #d9770626}.certificate-frame{box-sizing:border-box;background:#fff;border:5px double #b45309;border-radius:6px;flex-direction:column;width:100%;height:100%;padding:6px;display:flex}.cert-inner-border{box-sizing:border-box;text-align:center;background:radial-gradient(circle,#fff 0%,#fefce8 65%,#fef3c7 100%);border:2px solid #d97706;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:24px 36px 16px;display:flex;position:relative}.cert-corner{pointer-events:none;border-color:#b45309;width:22px;height:22px;position:absolute}.cert-corner.tl{border-top:3px double #b45309;border-left:3px double #b45309;top:6px;left:6px}.cert-corner.tr{border-top:3px double #b45309;border-right:3px double #b45309;top:6px;right:6px}.cert-corner.bl{border-bottom:3px double #b45309;border-left:3px double #b45309;bottom:6px;left:6px}.cert-corner.br{border-bottom:3px double #b45309;border-right:3px double #b45309;bottom:6px;right:6px}.cert-header-block{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.cert-crest-row{justify-content:center;align-items:center;gap:12px;display:flex}.cert-crest-icon{font-size:20px}.cert-academy-titles{flex-direction:column;align-items:center;gap:2px;display:flex}.cert-institution-name{letter-spacing:.16em;color:#78350f;font-family:serif;font-size:13px;font-weight:900}.cert-motto{letter-spacing:.12em;color:#b45309;text-transform:uppercase;font-size:8.5px;font-weight:700}.cert-gold-divider{background:linear-gradient(90deg,#0000 0%,#b45309 25%,#f59e0b 50%,#b45309 75%,#0000 100%);width:55%;height:2px;margin:6px auto}.cert-main-title{color:#78350f;letter-spacing:.08em;text-shadow:0 1px 2px #b4530933;margin:0;font-family:Cinzel,Playfair Display,Georgia,serif;font-size:30px;font-weight:900;line-height:1.15}.cert-subtitle{color:#92400e;letter-spacing:.12em;margin:2px 0 0;font-size:11px;font-style:italic;font-weight:700}.cert-body-block{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:720px;margin:4px 0;display:flex}.cert-award-text{color:#475569;font-family:serif;font-size:13px;font-style:italic}.cert-student-name{color:#0f172a;letter-spacing:.02em;border-bottom:2px solid #b45309;padding:0 24px 4px;font-family:Playfair Display,Georgia,serif;font-size:34px;font-weight:900;line-height:1.2}.cert-achievement-desc{color:#334155;max-width:680px;margin:4px auto 0;font-size:13.5px;line-height:1.6}.cert-achievement-desc strong{color:#78350f}.cert-signatures-row{justify-content:space-between;align-items:flex-end;width:100%;max-width:800px;padding:0 10px;display:flex}.cert-col{flex-direction:column;align-items:center;gap:2px;min-width:160px;display:flex}.cert-col.date-col{align-items:flex-start}.cert-col.signature-col{align-items:flex-end}.cert-col.seal-col{align-items:center}.cert-col-val{color:#0f172a;font-size:13px;font-weight:800}.cert-col-lbl{color:#78350f;text-transform:uppercase;letter-spacing:.05em;border-top:1px solid #d97706;width:100%;padding-top:3px;font-size:10.5px;font-weight:800}.cert-col.signature-col .cert-col-lbl{text-align:right}.cert-col.date-col .cert-col-lbl{text-align:left}.cert-col-sub{color:#64748b;font-size:9px}.gold-wax-seal{color:#fff;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 35%,#fde68a 0%,#f59e0b 45%,#b45309 85%,#78350f 100%);border:3px dashed #fef3c7;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;line-height:1;display:flex;box-shadow:0 6px 18px #b4530973,inset 0 2px 4px #fff9}.seal-star{color:#fef3c7;letter-spacing:2px;margin-bottom:2px;font-size:7px}.seal-main{letter-spacing:1px;font-size:10px;font-weight:900}.seal-center-text{opacity:.9;font-size:8px;font-weight:800}.seal-sub{letter-spacing:1px;color:#fde68a;margin-top:1px;font-size:6.5px;font-weight:800}.seal-year{margin-top:2px;font-size:8px;font-weight:900}.signature-font{color:#78350f;margin-bottom:2px;font-family:Brush Script MT,Dancing Script,cursive,serif;font-size:22px;line-height:1}.cert-footer-code{color:#94a3b8;border-top:1px solid #fde68a;justify-content:space-between;align-items:center;width:100%;padding-top:8px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.cert-footer-code strong{color:#b45309}.cert-secure-tag{color:#059669;font-weight:700}.piano-roll-lab-root{flex-direction:column;gap:20px;display:flex}.pianoroll-hero-card{background:linear-gradient(135deg,#38bdf826 0%,#0f172ae6 100%);border:1px solid #38bdf859;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;display:flex}.pianoroll-pill{color:#38bdf8;background:#38bdf826;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.pianoroll-title{color:#fff;margin:0 0 6px;font-size:24px;font-weight:900}.pianoroll-subtitle{color:var(--muted);max-width:600px;margin:0;font-size:13px;line-height:1.5}.pianoroll-controls-box{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pianoroll-play-btn{min-width:140px;padding:10px 20px;font-size:14px;font-weight:800}.btn-active-loop{color:#38bdf8!important;background:#38bdf838!important;border-color:#38bdf8!important}.pianoroll-toolbar{background:#0f172aa6;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;padding:10px 18px;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.toolbar-group-label{text-transform:uppercase;color:var(--muted);letter-spacing:.5px;font-size:11px;font-weight:800}.toggle-btn-group{background:#02061780;border:1px solid #ffffff1a;border-radius:8px;gap:2px;padding:2px;display:flex}.pill-toggle-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .15s}.pill-toggle-btn:hover{color:#fff;background:#ffffff0d}.pill-toggle-btn.active{color:#020617;background:#38bdf8;font-weight:800;box-shadow:0 0 10px #38bdf866}.practice-hud-banner{border:1px solid #0000;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 20px;animation:.3s practiceFadeIn;display:flex}@keyframes practiceFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.practice-hud-banner.waiting{background:linear-gradient(90deg,#eab3082e 0%,#0f172ae6 100%);border-color:#eab30873}.practice-hud-banner.correct{background:linear-gradient(90deg,#10b9812e 0%,#0f172ae6 100%);border-color:#10b98173}.practice-hud-banner.wrong{background:linear-gradient(90deg,#ef44442e 0%,#0f172ae6 100%);border-color:#ef444473}.practice-hud-banner.idle{background:#0f172a99;border-color:#ffffff14}.practice-hud-left{align-items:center;gap:12px;display:flex}.practice-badge{color:#fbbf24;letter-spacing:.5px;background:#eab30833;border:1px solid #fbbf24;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:900}.practice-hint-text{color:#f8fafc;font-size:13px;font-weight:700}.practice-hud-stats{align-items:center;gap:12px;display:flex}.stat-pill{color:var(--muted);background:#00000059;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.stat-pill strong{color:#fff;font-size:13px}.pianoroll-song-selector{flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:14px;display:flex}.repertoire-label{color:var(--muted);align-items:center;margin-right:4px;font-size:12px;font-weight:800;display:flex}.repertoire-btn{cursor:pointer;background:#1e293b80;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;justify-content:center;gap:3px;min-width:140px;padding:8px 14px;transition:all .15s;display:flex}.repertoire-btn:hover{background:#38bdf826;border-color:#38bdf8;transform:translateY(-1px)}.repertoire-btn.active{background:#38bdf840;border-color:#38bdf8;box-shadow:0 0 14px #38bdf84d}.repertoire-btn-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.repertoire-btn strong{color:#fff;font-size:13px}.difficulty-tag{color:#38bdf8;background:#38bdf826;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:800}.repertoire-btn-sub{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}.pianoroll-canvas-wrapper{background:#090d16;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;align-items:center;margin-top:16px;padding:16px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0009}.pianoroll-hud-bar{background:#0f172ad9;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;width:860px;max-width:100%;margin-bottom:8px;padding:8px 16px;display:flex}.pianoroll-now-playing{color:#e2e8f0;white-space:nowrap;align-items:center;gap:10px;font-size:13px;display:flex}.active-note-badge{border-radius:6px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;box-shadow:0 0 12px #38bdf84d}.active-note-badge.hand-right{color:#fbbf24;background:#fbbf2433;border:1px solid #fbbf24}.active-note-badge.hand-left{color:#c084fc;background:#c084fc33;border:1px solid #c084fc}.interactive-scrubber{cursor:pointer;background:#ffffff1f;border-radius:999px;flex:1;max-width:320px;height:8px;transition:height .15s;position:relative;overflow:hidden}.interactive-scrubber:hover{height:12px}.pianoroll-progress-fill{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:999px;height:100%;transition:width 50ms linear}.pianoroll-time-counter{align-items:center;gap:8px;font-size:11px;display:flex}.measure-pill{color:#38bdf8;background:#38bdf826;border-radius:4px;padding:2px 7px;font-weight:800}.time-mono{color:var(--muted);font-family:JetBrains Mono,monospace;font-weight:700}.upcoming-notes-bar{background:#02061780;border-radius:8px;align-items:center;gap:8px;width:860px;max-width:100%;margin-bottom:8px;padding:4px 12px;display:flex;overflow-x:auto}.upcoming-label{text-transform:uppercase;color:var(--muted);letter-spacing:.5px;white-space:nowrap;font-size:10px;font-weight:800}.upcoming-empty{color:var(--muted);font-size:11px;font-style:italic}.upcoming-note-pill{white-space:nowrap;background:#0f172a99;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;display:inline-flex}.upcoming-note-pill.hand-right{color:#fde68a;border-color:#fbbf2466}.upcoming-note-pill.hand-left{color:#e9d5ff;border-color:#c084fc66}.upcoming-note-pill .in-sec{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:9px}.waterfall-canvas{border-radius:12px 12px 0 0;width:860px;max-width:100%;height:360px;display:block}.pianoroll-keyboard-chassis{-webkit-user-select:none;user-select:none;background:#020617;border:1px solid #ffffff1a;border-top:none;border-radius:0 0 12px 12px;width:860px;max-width:100%;height:105px;position:relative;overflow:hidden;box-shadow:0 14px 35px #000c,inset 0 2px 4px #000000e6}.piano-fallboard-felt{z-index:10;background:linear-gradient(#b91c1c 0%,#dc2626 50%,#991b1b 100%);height:4px;position:absolute;top:0;left:0;right:0;box-shadow:0 1px 3px #000000b3}.pianoroll-white-keys-row{z-index:1;width:100%;height:100%;display:flex;position:relative}.realistic-piano-key.white-key{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f8fafc 80%,#e2e8f0 100%);border-bottom:3px solid #cbd5e1;border-right:1px solid #94a3b8;border-radius:0 0 5px 5px;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;padding-bottom:4px;transition:background 50ms,transform 50ms,box-shadow 50ms;display:flex;position:relative;box-shadow:inset 0 -4px 6px #00000014,0 2px 4px #00000026}.realistic-piano-key.white-key:hover{background:linear-gradient(#fff 0%,#f0f9ff 80%,#bae6fd 100%)}.realistic-piano-key.white-key.active-hit{transform:translateY(2px);background:linear-gradient(#bae6fd 0%,#38bdf8 80%,#0284c7 100%)!important;border-bottom-color:#0369a1!important;box-shadow:0 0 20px #38bdf8cc,inset 0 -2px 6px #00000040!important}.realistic-piano-key.white-key.pulse-waiting{animation:1s infinite alternate pulseKeyGlow;background:linear-gradient(#dcfce7 0%,#34d399 75%,#059669 100%)!important;box-shadow:0 0 22px #10b981e6,inset 0 0 8px #10b981!important}@keyframes pulseKeyGlow{0%{filter:brightness();transform:translateY(0)}to{filter:brightness(1.2);transform:translateY(2px)}}.key-shortcut-tag{color:#64748b;background:#0000000f;border:1px solid #0000001a;border-radius:3px;padding:1px 3px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:800;position:absolute;top:10px}.realistic-piano-key.white-key .key-note-label{color:#475569;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;line-height:1.1}.realistic-piano-key.white-key .key-note-label.is-c{color:#0284c7;font-size:10px;font-weight:900}.realistic-piano-key.white-key .key-solfege-label{color:#94a3b8;font-size:8px;font-weight:600;line-height:1}.realistic-piano-key.white-key.active-hit .key-note-label,.realistic-piano-key.white-key.active-hit .key-solfege-label{font-weight:900;color:#0f172a!important}.pianoroll-black-keys-layer{pointer-events:none;z-index:5;width:100%;height:60%;position:absolute;top:0;left:0}.realistic-piano-key.black-key{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-end;height:100%;padding-bottom:3px;transition:transform 50ms,box-shadow 50ms;display:flex;position:absolute;top:0}.black-key-cap{background:linear-gradient(#334155 0%,#1e293b 60%,#090d16 100%);border:1px solid #000;border-radius:0 0 4px 4px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:4px 0 3px;display:flex;box-shadow:0 4px 10px #000000b3,inset 0 1px #ffffff40}.realistic-piano-key.black-key:hover .black-key-cap{background:linear-gradient(#475569 0%,#334155 60%,#0f172a 100%)}.realistic-piano-key.black-key.active-hit .black-key-cap{transform:translateY(2px);background:linear-gradient(#f472b6 0%,#ec4899 75%,#a855f7 100%)!important;box-shadow:0 0 20px #ec4899e6,inset 0 1px #ffffff80!important}.realistic-piano-key.black-key.pulse-waiting-black .black-key-cap{animation:1s infinite alternate pulseKeyGlow;background:linear-gradient(#34d399 0%,#059669 80%,#047857 100%)!important;box-shadow:0 0 22px #10b981e6!important}.black-key-shortcut{color:#38bdf8;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:800}.black-key-label{color:#94a3b8;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:800}.realistic-piano-key.black-key.active-hit .black-key-label{color:#fff!important}.pianoroll-guide-card{background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;margin-top:18px;padding:20px 24px}.guide-title{color:#f1f5f9;margin:0 0 14px;font-size:15px;font-weight:800}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.guide-box{background:#02061773;border:1px solid #ffffff0f;border-radius:10px;padding:12px 14px}.guide-box-header{color:#e2e8f0;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.legend-indicator{border-radius:3px;width:10px;height:10px;display:inline-block}.legend-indicator.right-hand{background:linear-gradient(135deg,#fbbf24,#38bdf8)}.legend-indicator.left-hand{background:linear-gradient(135deg,#c084fc,#34d399)}.legend-icon{font-size:14px}.guide-box p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.guide-box code{color:#38bdf8;background:#ffffff14;border-radius:4px;padding:1px 4px;font-size:10px}@page{size:A4 landscape;margin:0}@media print{*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body{background:#fff!important;width:297mm!important;height:210mm!important;margin:0!important;padding:0!important;overflow:hidden!important}body *{visibility:hidden!important}#printable-cert,#printable-cert *{visibility:visible!important}#printable-cert{box-sizing:border-box!important;width:297mm!important;max-width:297mm!important;height:210mm!important;max-height:210mm!important;box-shadow:none!important;z-index:999999!important;page-break-after:avoid!important;page-break-inside:avoid!important;background:#fdfbf7!important;border-radius:0!important;flex-direction:column!important;justify-content:stretch!important;margin:0!important;padding:8mm!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.certificate-frame{box-sizing:border-box!important;background:#fff!important;border:5px double #b45309!important;flex-direction:column!important;justify-content:stretch!important;width:100%!important;height:100%!important;padding:5px!important;display:flex!important}.cert-inner-border{box-sizing:border-box!important;text-align:center!important;background:radial-gradient(circle,#fff 0%,#fefce8 65%,#fef3c7 100%)!important;border:2px solid #d97706!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:100%!important;padding:22px 34px 14px!important;display:flex!important;position:relative!important}.cert-main-title{font-size:32px!important}.cert-student-name{padding-bottom:6px!important;font-size:38px!important}.cert-achievement-desc{font-size:14.5px!important;line-height:1.6!important}.gold-wax-seal{width:82px!important;height:82px!important}.signature-font{font-size:24px!important}}[data-theme=light] body{color:#0f172a;background-color:#f8fafc;background-image:radial-gradient(900px 500px at 0 0,#6366f10d,#0000 60%),radial-gradient(600px 400px at 100% 0,#0ea5e90a,#0000 60%);background-attachment:fixed}[data-theme=light] .modern-topbar{background:#ffffffeb;border-bottom:1px solid #00000014;box-shadow:0 4px 20px #0f172a0a}[data-theme=light] .modern-brand-name{background:linear-gradient(135deg,#0f172a 0%,#3730a3 50%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .modern-brand-tagline{color:#64748b}[data-theme=light] .modern-domain-tag{color:#0284c7;background:#0284c714;border-color:#0284c738}[data-theme=light] .modern-category-nav{background:#00000008;border-color:#0000000f}[data-theme=light] .cat-trigger-btn{color:#475569}[data-theme=light] .cat-trigger-btn:hover{color:#0f172a;background:#0000000d}[data-theme=light] .cat-trigger-btn.active{color:#0f172a;background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0f172a0f}[data-theme=light] .cat-trigger-btn.open{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}[data-theme=light] .modern-search-trigger{color:#64748b;background:#fff;border:1px solid #0000001a;box-shadow:0 1px 3px #0000000a}[data-theme=light] .modern-search-trigger:hover{color:#0f172a;background:#f8fafc;border-color:#6366f1}[data-theme=light] .search-shortcut{color:#475569;background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .modern-catalog-btn{box-shadow:0 1px 3px #0000000a;color:#334155!important;background:#fff!important;border-color:#0000001a!important}[data-theme=light] .modern-catalog-btn:hover{color:#0f172a!important;background:#f8fafc!important}[data-theme=light] .modern-cross-link{color:#e11d48;background:#f43f5e14;border-color:#f43f5e40}[data-theme=light] .modern-cross-link:hover{color:#be123c;background:#f43f5e26}[data-theme=light] .btn-modern-icon{color:#334155;background:#fff;border:1px solid #0000001a;box-shadow:0 1px 3px #0000000a}[data-theme=light] .btn-modern-icon:hover{color:#0f172a;background:#f8fafc;border-color:#0000002e}[data-theme=light] .mobile-menu-trigger{color:#0f172a;background:#fff;border:1px solid #0000001a}[data-theme=light] .modern-sub-ribbon{background:#fffffff2;border-bottom:1px solid #00000012;box-shadow:0 2px 8px #0f172a05}[data-theme=light] .ribbon-category-indicator{color:#0f172a;border-right-color:#0000001a}[data-theme=light] .ribbon-tool-btn{color:#475569;background:#fff;border:1px solid #00000014;box-shadow:0 1px 2px #00000008}[data-theme=light] .ribbon-tool-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#00000024}[data-theme=light] .ribbon-tool-btn.active{color:#fff;background:#4f46e5;border-color:#4338ca;box-shadow:0 2px 10px #4f46e547}[data-theme=light] .ribbon-tool-btn.active .ribbon-tool-badge{color:#fff;background:#ffffff38}[data-theme=light] .mega-menu-card{background:#fffffffa;border:1px solid #0000001f;box-shadow:0 24px 60px #0f172a26,0 0 0 1px #0000000a}[data-theme=light] .mega-menu-header{border-bottom-color:#00000014}[data-theme=light] .mega-title{color:#0f172a}[data-theme=light] .mega-desc,[data-theme=light] .mega-close-btn{color:#64748b}[data-theme=light] .mega-close-btn:hover{color:#0f172a}[data-theme=light] .mega-tool-item{background:#f8fafc;border:1px solid #0000000f}[data-theme=light] .mega-tool-item:hover{background:#fff;border-color:#6366f166;box-shadow:0 6px 20px #0f172a0f}[data-theme=light] .mega-tool-item.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 16px #3b82f626}[data-theme=light] .tool-item-title{color:#0f172a}[data-theme=light] .tool-item-desc{color:#64748b}[data-theme=light] .command-palette-backdrop{background:#0f172a73}[data-theme=light] .command-palette-card{background:#fff;border:1px solid #00000024;box-shadow:0 25px 60px #0f172a38}[data-theme=light] .command-search-row{border-bottom:1px solid #00000014}[data-theme=light] .command-search-icon{color:#64748b}[data-theme=light] .command-search-input{color:#0f172a}[data-theme=light] .command-search-input::placeholder{color:#94a3b8}[data-theme=light] .command-esc-badge{color:#475569;background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .command-result-item:hover{background:#f8fafc}[data-theme=light] .command-result-item.current{background:#eff6ff;border-left-color:#4f46e5}[data-theme=light] .command-item-title{color:#0f172a}[data-theme=light] .command-item-desc{color:#64748b}[data-theme=light] .catalog-modal-backdrop{background:#0f172a80}[data-theme=light] .catalog-modal-card{background:#fff;border:1px solid #0000001f;box-shadow:0 30px 80px #0f172a40}[data-theme=light] .catalog-modal-header{border-bottom:1px solid #00000014;padding-bottom:16px}[data-theme=light] .catalog-modal-title{color:#0f172a}[data-theme=light] .catalog-modal-subtitle{color:#64748b}[data-theme=light] .catalog-cat-card{background:#f8fafc;border:1px solid #00000014}[data-theme=light] .catalog-cat-title{color:#0f172a}[data-theme=light] .catalog-tool-row{background:#fff;border:1px solid #0000000f}[data-theme=light] .catalog-tool-row:hover{background:#f1f5f9;border-color:#6366f166}[data-theme=light] .catalog-tool-name{color:#0f172a}[data-theme=light] .catalog-tool-desc{color:#64748b}[data-theme=light] .mobile-drawer-sheet{color:#0f172a;background:#fff}[data-theme=light] .mobile-drawer-header{border-bottom:1px solid #00000014}[data-theme=light] .mobile-drawer-title,[data-theme=light] .mobile-cat-header{color:#0f172a}[data-theme=light] .mobile-tool-btn{color:#334155;background:#f8fafc;border:1px solid #0000000f}[data-theme=light] .mobile-tool-btn:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .mobile-tool-btn.active{color:#fff;background:#4f46e5}[data-theme=light] .studio-hero-card,[data-theme=light] .analysis-hero-card,[data-theme=light] .synth-hero-card,[data-theme=light] .workout-hero-card,[data-theme=light] .usul-hero-card,[data-theme=light] .exam-hero-card,[data-theme=light] .pianoroll-hero-card,[data-theme=light] .makam-head-card{background:#fff;border:1px solid #00000017;box-shadow:0 4px 20px #0f172a0a}[data-theme=light] .studio-title,[data-theme=light] .analysis-title,[data-theme=light] .synth-title,[data-theme=light] .workout-title,[data-theme=light] .usul-title,[data-theme=light] .exam-title,[data-theme=light] .pianoroll-title,[data-theme=light] .makam-title{color:#0f172a!important}[data-theme=light] .studio-subtitle,[data-theme=light] .analysis-subtitle,[data-theme=light] .synth-subtitle,[data-theme=light] .workout-subtitle,[data-theme=light] .usul-subtitle,[data-theme=light] .exam-subtitle,[data-theme=light] .pianoroll-subtitle,[data-theme=light] .makam-subtitle{color:#475569!important}[data-theme=light] .timeline-container{background:#fff;border:1px solid #00000014;box-shadow:0 2px 12px #0f172a08}[data-theme=light] .timeline-header-bar{border-bottom:1px solid #00000012}[data-theme=light] .timeline-track{background:#f8fafc;border:1px solid #0000000f}[data-theme=light] .chord-timeline-card{background:#fff;border:1px solid #0000001f;box-shadow:0 2px 8px #0f172a0a}[data-theme=light] .chord-timeline-card:hover{border-color:#6366f1;box-shadow:0 4px 14px #6366f11f}[data-theme=light] .chord-timeline-card.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 16px #3b82f633}[data-theme=light] .chord-symbol{color:#0f172a}[data-theme=light] .chord-roman{color:#4f46e5;font-weight:800}[data-theme=light] .chord-function{color:#64748b}[data-theme=light] .timeline-step-badge{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}[data-theme=light] .studio-panel{background:#fff;border:1px solid #00000014;box-shadow:0 2px 10px #0f172a08}[data-theme=light] .studio-sec-title{color:#0f172a}[data-theme=light] .pool-chord-card{background:#fff;border:1px solid #00000017;box-shadow:0 1px 4px #0f172a08}[data-theme=light] .pool-chord-card:hover{background:#f8fafc;border-color:#6366f1;box-shadow:0 4px 12px #0f172a0f}[data-theme=light] .pool-symbol{color:#0f172a}[data-theme=light] .pool-name{color:#475569}[data-theme=light] .pool-roman{color:#6366f1}[data-theme=light] .genre-preset-pill{color:#334155;background:#fff;border:1px solid #cbd5e1}[data-theme=light] .genre-preset-pill:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .genre-preset-pill.active{color:#fff;background:#4f46e5;border-color:#4338ca}[data-theme=light] .root-btn,[data-theme=light] .scale-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}[data-theme=light] .root-btn:hover,[data-theme=light] .scale-btn:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .root-btn.active,[data-theme=light] .scale-btn.active{color:#fff;background:#4f46e5;border-color:#4338ca}[data-theme=light] .analysis-strip{background:#f8fafc;border:1px solid #00000014}[data-theme=light] .analysis-stat{color:#334155}[data-theme=light] .analysis-stat strong{color:#0f172a}[data-theme=light] .songs-sidebar-list{background:#fff;border:1px solid #00000014}[data-theme=light] .song-list-item{background:#f8fafc;border:1px solid #0000000f}[data-theme=light] .song-list-item:hover{background:#f1f5f9;border-color:#6366f14d}[data-theme=light] .song-list-item.active{background:#eff6ff;border-color:#3b82f6}[data-theme=light] .song-list-item strong{color:#0f172a}[data-theme=light] .song-list-item small{color:#64748b}[data-theme=light] .song-inspector-panel{background:#fff;border:1px solid #00000014}[data-theme=light] .song-chord-block{background:#f8fafc;border:1px solid #00000014}[data-theme=light] .song-chord-block .block-chord{color:#0f172a}[data-theme=light] .song-chord-block .block-roman{color:#4f46e5}[data-theme=light] .section-pill{color:#1e293b;background:#e2e8f0}[data-theme=light] .synth-module-card{background:#fff;border:1px solid #00000017;box-shadow:0 2px 10px #0f172a08}[data-theme=light] .synth-module-header{border-bottom:1px solid #00000012}[data-theme=light] .synth-module-header h4{color:#0f172a}[data-theme=light] .synth-knob-container label{color:#475569}[data-theme=light] .synth-val-badge{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1}[data-theme=light] .synth-tab-btn{color:#475569;background:#f8fafc;border:1px solid #cbd5e1}[data-theme=light] .synth-tab-btn:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .synth-tab-btn.active{color:#fff;background:#4f46e5;border-color:#4338ca}[data-theme=light] .synth-keyboard-dock{background:#f1f5f9;border:1px solid #00000014}[data-theme=light] .welcome-box,[data-theme=light] .summary-box{background:#fff;border:1px solid #00000014;box-shadow:0 2px 10px #0f172a08}[data-theme=light] .welcome-box h3,[data-theme=light] .summary-box h3{color:#0f172a}[data-theme=light] .welcome-box p,[data-theme=light] .summary-box p{color:#475569}[data-theme=light] .stat-card{background:#f8fafc;border:1px solid #00000014}[data-theme=light] .stat-num{color:#4f46e5}[data-theme=light] .stat-lbl{color:#64748b}[data-theme=light] .drill-card{background:#fff;border:1px solid #00000014;box-shadow:0 2px 10px #0f172a08}[data-theme=light] .drill-title{color:#0f172a}[data-theme=light] .drill-desc{color:#475569}[data-theme=light] .workout-option-btn{color:#0f172a;background:#f8fafc;border:2px solid #cbd5e1}[data-theme=light] .workout-option-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}[data-theme=light] .usul-board-card{background:#fff;border:1px solid #00000014;box-shadow:0 2px 10px #0f172a08}[data-theme=light] .beat-cell{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1}[data-theme=light] .beat-cell.active{color:#92400e;background:#fef3c7;border-color:#f59e0b;box-shadow:0 0 14px #f59e0b4d}[data-theme=light] .beat-syllable{color:#0f172a;font-weight:800}[data-theme=light] .beat-stroke-type{color:#64748b}[data-theme=light] .usul-selector-btn{color:#334155;background:#f8fafc;border:1px solid #cbd5e1}[data-theme=light] .usul-selector-btn:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .usul-selector-btn.active{color:#fff;background:#f59e0b;border-color:#d97706}[data-theme=light] .exam-grade-card{background:#fff;border:1px solid #00000014}[data-theme=light] .exam-grade-title{color:#0f172a}[data-theme=light] .exam-question-card{background:#fff;border:1px solid #00000014;box-shadow:0 2px 10px #0f172a08}[data-theme=light] .exam-question-text{color:#0f172a}[data-theme=light] .exam-choice-btn{color:#0f172a;background:#f8fafc;border:2px solid #cbd5e1}[data-theme=light] .exam-choice-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}[data-theme=light] .exam-choice-btn.selected{color:#312e81;background:#e0e7ff;border-color:#4f46e5}[data-theme=light] .pianoroll-canvas-wrapper{background:#fff;border:1px solid #0000001f;box-shadow:0 12px 35px #0f172a14}[data-theme=light] .pianoroll-hud-bar{background:#f8fafc;border:1px solid #00000014}[data-theme=light] .pianoroll-now-playing{color:#0f172a}[data-theme=light] .pianoroll-now-playing strong{color:#0284c7}[data-theme=light] .pianoroll-progress-track{background:#e2e8f0}[data-theme=light] .pianoroll-keyboard-chassis{background:#1e293b;border:1px solid #0000001f;box-shadow:0 12px 28px #0f172a24}[data-theme=light] .repertoire-btn{background:#fff;border:1px solid #cbd5e1}[data-theme=light] .repertoire-btn:hover{background:#f0f9ff;border-color:#38bdf8}[data-theme=light] .repertoire-btn.active{background:#e0f2fe;border-color:#0284c7}[data-theme=light] .repertoire-btn strong{color:#0f172a}[data-theme=light] .repertoire-btn small{color:#64748b}[data-theme=light] .repertoire-label,[data-theme=light] .speed-select-box{color:#475569}[data-theme=light] .pianoroll-toolbar{background:#f8fafc;border:1px solid #00000014}[data-theme=light] .toolbar-group-label{color:#64748b}[data-theme=light] .toggle-btn-group{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .pill-toggle-btn{color:#64748b}[data-theme=light] .pill-toggle-btn:hover{color:#0f172a;background:#e2e8f0}[data-theme=light] .pill-toggle-btn.active{color:#fff;background:#0284c7;box-shadow:0 0 10px #0284c759}[data-theme=light] .practice-hud-banner.waiting{background:linear-gradient(90deg,#fefce8 0%,#fffbeb 100%);border-color:#fde047}[data-theme=light] .practice-hud-banner.correct{background:linear-gradient(90deg,#f0fdf4 0%,#dcfce7 100%);border-color:#86efac}[data-theme=light] .practice-hud-banner.wrong{background:linear-gradient(90deg,#fef2f2 0%,#fee2e2 100%);border-color:#fca5a5}[data-theme=light] .practice-hint-text{color:#0f172a}[data-theme=light] .stat-pill{color:#64748b;background:#fff;border-color:#cbd5e1}[data-theme=light] .stat-pill strong{color:#0f172a}[data-theme=light] .upcoming-notes-bar{background:#f1f5f9}[data-theme=light] .upcoming-note-pill{background:#fff;border-color:#cbd5e1}[data-theme=light] .upcoming-note-pill.hand-right{color:#b45309;border-color:#f59e0b}[data-theme=light] .upcoming-note-pill.hand-left{color:#7e22ce;border-color:#a855f7}[data-theme=light] .pianoroll-guide-card{background:#f8fafc;border:1px solid #00000014}[data-theme=light] .guide-title{color:#0f172a}[data-theme=light] .guide-box{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000a}[data-theme=light] .guide-box-header{color:#0f172a}[data-theme=light] .guide-box p{color:#64748b}[data-theme=light] .guide-box code{color:#0284c7;background:#f1f5f9}[data-theme=light] .makam-header-controls{background:#f8fafc;border:1px solid #00000014}[data-theme=light] .makam-sub-toggle{background:#e2e8f0;border:1px solid #00000014}[data-theme=light] .makam-toggle-box label,[data-theme=light] .makam-timbre-box label{color:#475569}[data-theme=light] .makam-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1}[data-theme=light] .makam-pick-card,[data-theme=light] .makam-card{color:#0f172a;background:#fff;border:1px solid #00000017}[data-theme=light] .makam-pick-card:hover,[data-theme=light] .makam-card:hover{background:#fffbeb;border-color:#f59e0b}[data-theme=light] .makam-detail-card{background:#fff;border:1px solid #f59e0b59;box-shadow:0 4px 20px #f59e0b14}[data-theme=light] .voice-leading-canvas-card,[data-theme=light] .sheet-music-card,[data-theme=light] .tuner-card,[data-theme=light] .rhythm-pad-card{background:#fff;border:1px solid #00000014;box-shadow:0 2px 10px #0f172a08}[data-theme=light] .bassline-card{background:#f8fafc;border:1px solid #cbd5e1}[data-theme=light] .bassline-card:hover{background:#fff;border-color:#0284c7}[data-theme=light] .bass-chord{color:#0f172a}[data-theme=light] .ear-mode-btn{color:#475569;background:#fff;border:1px solid #cbd5e1}[data-theme=light] .ear-mode-btn:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .ear-mode-btn.active{color:#fff;background:#4f46e5;border-color:#4338ca}[data-theme=light] .ear-question-card{background:#fff;border:1px solid #00000014}[data-theme=light] .ear-option-btn{color:#0f172a;background:#f8fafc;border:2px solid #cbd5e1}[data-theme=light] .ear-option-btn:hover{background:#eff6ff;border-color:#3b82f6}[data-theme=light] .journal-stat-card,[data-theme=light] .journal-form,[data-theme=light] .journal-entry-card,[data-theme=light] .handbook-content-card,[data-theme=light] .topic-card{background:#fff;border:1px solid #00000014}[data-theme=light] .topbar{background:#ffffffeb;border-bottom:1px solid #00000014}[data-theme=light] .hero{background:linear-gradient(#ffffffe6 0%,#f8fafcf2 100%);border-bottom:1px solid #0000000f}[data-theme=light] .hero h1{color:#0f172a}[data-theme=light] .hero p{color:#475569}[data-theme=light] .search-zone{background:#fff;border:1px solid #00000014;box-shadow:0 2px 12px #0f172a0a}:root{--bg:#080a0f;--bg2:#0c1017;--panel:#10141c;--panel2:#151a24;--panel3:#1b2230;--accent:#9be15d;--accent2:#5eead4;--accent3:#c5f89a;--radius-sm:10px;--radius:16px;--radius-lg:22px}body{background-image:radial-gradient(900px 520px at 12% -10%,#9be15d1a,#0000 62%),radial-gradient(760px 480px at 92% 0,#5eead412,#0000 66%),linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:auto,auto,48px 48px,48px 48px}.shell{width:min(1380px,100% - 48px)}.topbar{background:color-mix(in srgb, var(--bg) 76%, transparent);border-bottom-color:#ffffff0f}.topbar-inner{height:76px}.brand-logo{color:#071008;background:var(--accent);border-radius:50%;width:42px;height:42px;box-shadow:0 0 0 5px #9be15d14,0 10px 32px #00000047}.brand{letter-spacing:-.025em;font-size:18px}.brand-sub{color:var(--text-sec);letter-spacing:.11em}.top-actions{gap:6px}.top-actions .btn{min-height:40px}.btn{box-shadow:none;background:#ffffff09;border-color:#ffffff17}.btn:hover{border-color:#9be15d5c}.btn-primary{color:#0b1208;background:var(--accent);box-shadow:0 8px 28px #9be15d29}.btn-primary:hover{color:#071008;background:#b7f27d;box-shadow:0 10px 32px #9be15d38}.hero{grid-template-columns:minmax(0,1.15fr) minmax(520px,.85fr);align-items:end;gap:54px;padding:64px 0 28px;display:grid;background:0 0!important;border:0!important}.hero-copy{align-self:center}.eyebrow{color:var(--accent3);letter-spacing:.14em;background:0 0;border:0;margin-bottom:20px;padding:0}.live-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #9be15d1a,0 0 18px #9be15d99}.hero-title{letter-spacing:-.065em;-webkit-text-fill-color:var(--text);background:0 0;max-width:760px;font-size:clamp(48px,6.4vw,88px);line-height:.93}.hero-title span{color:var(--accent)}.hero-desc{max-width:620px;margin:0;font-size:17px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.stat{background:linear-gradient(145deg,#ffffff0b,#ffffff05);border-color:#ffffff13;min-height:128px;padding:22px;box-shadow:0 18px 50px #00000029}.stat:before{background:linear-gradient(135deg,#9be15d1a,#0000 58%)}.stat-value{font-size:34px}.stat-label{color:var(--text-sec);letter-spacing:.02em}.stat-icon{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);opacity:.72;font-size:10px;font-weight:800;top:18px;right:18px}.workspace{grid-template-columns:minmax(0,1fr) 292px;gap:18px}.main-panel,.side-panel{border-color:#ffffff13;box-shadow:0 24px 70px #00000038}.search-zone{gap:16px;padding:20px}.searchbox input{background:#ffffff09;min-height:52px}.searchbox input:focus{border-color:var(--accent);background:#ffffff0e}.searchbox-lyrics input:focus{border-color:var(--accent2)}.chip{min-height:36px;padding-inline:14px}.chip.active{color:#0b1208;background:var(--accent)}.select,.view-toggle{min-height:38px}.alpha-bar{padding-top:2px}.alpha-btn{flex:1 0 28px}.alpha-btn.active{color:#081008;background:var(--accent)}.list-head{background:#ffffff05;padding:14px 20px}.section-head{padding:12px 20px;top:76px}.section-title-flag{filter:saturate(.8)}.song-row{min-height:72px;padding:14px 20px}.song-row:hover{background:#9be15d09}.song-row:after{background:var(--accent)}.song-code{color:var(--accent3);background:#9be15d13;border-color:#9be15d2e}.song-title{font-size:15px}.fav-btn.on{color:#fb7185}.song-row:focus-visible,.artist-group-head:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.side-panel{padding:20px;position:sticky;top:94px}.quick-actions .btn{min-height:44px}[data-theme=light]{--bg:#f4f6f1;--bg2:#edf1e9;--panel:#fff;--panel2:#f5f7f2;--panel3:#e9eee5;--accent:#397a16;--accent2:#087f72;--accent3:#397a16}[data-theme=light] body{background-image:radial-gradient(900px 520px at 12% -10%,#46822317,#0000 62%),linear-gradient(#0f172a05 1px,#0000 1px),linear-gradient(90deg,#0f172a05 1px,#0000 1px);background-size:auto,48px 48px,48px 48px}[data-theme=light] .brand-logo{background:#65a83c}[data-theme=light] .btn-primary,[data-theme=light] .chip.active,[data-theme=light] .alpha-btn.active{color:#fff;background:#397a16}[data-theme=light] .stat{background:#fffc}[data-theme=light] .search-zone{box-shadow:none;border:0}@media (width<=1120px){.top-actions .cloud-sync-badge .sync-label,.top-actions .active-setlist-pill,.top-actions>.btn:nth-of-type(4),.top-actions>span{display:none}.hero{grid-template-columns:1fr 440px;gap:32px}}@media (width<=960px){.shell{width:min(100% - 32px,860px)}.workspace{grid-template-columns:minmax(0,1fr)}.main-panel{min-width:0}.hero{grid-template-columns:1fr;padding-top:48px}.stats{grid-template-columns:repeat(4,1fr)}.stat{min-height:110px;padding:18px}.stat-value{font-size:28px}.filter-selects{width:100%}.view-toggle,.view-btn{flex:1}.select{min-width:150px}.song-row{grid-template-columns:28px 58px minmax(0,1fr) auto}.song-actions{grid-column:4}}@media (width<=700px){.shell{width:min(100% - 24px,640px)}.topbar-inner{height:64px}.brand-logo{width:38px;height:38px}.brand>div:last-child,.top-actions>.btn:not(.btn-primary):not(.btn-icon),.cloud-sync-badge{display:none}.top-actions .btn-primary{justify-content:center;width:40px;padding:0;font-size:0}.top-actions .btn-primary:after{content:"+";font-size:22px;font-weight:500}.hero{gap:28px;padding:40px 0 22px}.hero-title{font-size:clamp(44px,15vw,64px)}.hero-desc{font-size:15px}.stats{grid-template-columns:repeat(2,1fr)}.stat{min-height:98px}.search-zone{padding:14px}.filter-row{align-items:stretch}.chips{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.chip{flex:none}.filter-selects{grid-template-columns:1fr 1fr;display:grid}.view-toggle{grid-column:1/-1}.select{width:100%;min-width:0}.list-head span:first-child{max-width:65%}.section-head{top:64px}.song-row{grid-template-columns:46px minmax(0,1fr) auto;gap:10px;padding:13px 14px}.song-check-wrap{display:none}.song-code{grid-column:1}.song-info{grid-column:2;min-width:0}.song-title,.song-artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-actions{grid-column:3}.btn-trash-row{display:none}.artist-song-row{grid-template-columns:46px minmax(0,1fr) auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}[data-theme=light] .search-input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1}[data-theme=light] .search-input:focus{background:#fff;border-color:#6366f1}[data-theme=light] .filter-pill{color:#475569;background:#f8fafc;border:1px solid #cbd5e1}[data-theme=light] .filter-pill:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .filter-pill.active{color:#fff;background:#4f46e5;border-color:#4338ca}[data-theme=light] .song-card{background:#fff;border:1px solid #00000014;box-shadow:0 2px 8px #0f172a0a}[data-theme=light] .song-card:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 6px 20px #0f172a14}[data-theme=light] .song-card-title,[data-theme=light] .song-title{color:#0f172a}[data-theme=light] .song-card-artist,[data-theme=light] .song-artist{color:#475569}[data-theme=light] .chord-tag,[data-theme=light] .chord-badge{color:#1e293b;background:#f1f5f9;border:1px solid #cbd5e1}[data-theme=light] .side-panel,[data-theme=light] .modal-sheet,[data-theme=light] .song-modal-card{background:#fff;border:1px solid #0000001a;box-shadow:0 20px 60px #0f172a26}[data-theme=light] .lyrics-line{color:#1e293b}[data-theme=light] .lyrics-chord{color:#4f46e5;font-weight:800}[data-theme=light] .btn-ghost{color:#334155;background:0 0;border:1px solid #cbd5e1}[data-theme=light] .btn-ghost:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .btn-primary{color:#fff;background:#4f46e5;border-color:#4338ca}[data-theme=light] .btn-primary:hover{background:#4338ca}[data-theme=light] .meter-name,[data-theme=light] .t-name,[data-theme=light] .catalog-card-title-row strong,[data-theme=light] .drawer-header,[data-theme=light] .footer-brand-title,[data-theme=light] .stat-card strong,[data-theme=light] .footer-left strong,[data-theme=light] .ear-stat strong,[data-theme=light] .section-heading,[data-theme=light] .template-title,[data-theme=light] .timeline-title,[data-theme=light] .card-chord-name,[data-theme=light] .advisor-reason,[data-theme=light] .pool-title,[data-theme=light] .pool-chord-name,[data-theme=light] .form-tab-btn strong,[data-theme=light] .journal-stat-card strong,[data-theme=light] .midi-lab-title,[data-theme=light] .big-chord-symbol,[data-theme=light] .meter-label strong,[data-theme=light] .info-item strong,[data-theme=light] .tuner-title,[data-theme=light] .detected-note-letter,[data-theme=light] .freq-val,[data-theme=light] .vocal-target-title,[data-theme=light] .vocal-hold-label strong,[data-theme=light] .sheet-title,[data-theme=light] .infobar-item .info-val,[data-theme=light] .rhythm-title,[data-theme=light] .rhythm-tempo-box strong,[data-theme=light] .preset-btn .p-name,[data-theme=light] .tap-text,[data-theme=light] .vl-title,[data-theme=light] .inv-symbol,[data-theme=light] .inv-formula strong,[data-theme=light] .section-title,[data-theme=light] .ab-example-header h4,[data-theme=light] .mini-chord-chip strong,[data-theme=light] .m-card-name,[data-theme=light] .showcase-approx strong,[data-theme=light] .perde-name,[data-theme=light] .song-item-title,[data-theme=light] .inspector-title,[data-theme=light] .block-chord-name,[data-theme=light] .pathways-heading,[data-theme=light] .route-title,[data-theme=light] .pill-name,[data-theme=light] .module-header,[data-theme=light] .wave-choice-btn strong,[data-theme=light] .adsr-name,[data-theme=light] .welcome-title,[data-theme=light] .summary-title,[data-theme=light] .step-card strong,[data-theme=light] .drill-prompt,[data-theme=light] .opt-title,[data-theme=light] .metric-val,[data-theme=light] .drum-title,[data-theme=light] .usul-btn-name,[data-theme=light] .board-title,[data-theme=light] .hit-name,[data-theme=light] .grade-title,[data-theme=light] .exam-active-grade,[data-theme=light] .opt-text{color:#0f172a!important}[data-theme=light] .section-sub,[data-theme=light] .pool-sub,[data-theme=light] .timeline-subtitle,[data-theme=light] .info-item label,[data-theme=light] .meter-label span,[data-theme=light] .drill-desc,[data-theme=light] .step-card p,[data-theme=light] .opt-desc,[data-theme=light] .board-desc,[data-theme=light] .perde-koma,[data-theme=light] .m-card-desc,[data-theme=light] .stat-pill,[data-theme=light] .metric-lbl{color:#475569!important}[data-theme=light] .studio-key-picker-box,[data-theme=light] .timeline-playback-bar,[data-theme=light] .staff-canvas-card,[data-theme=light] .modulation-selectors-card,[data-theme=light] .mod-route-card,[data-theme=light] .metric-box,[data-theme=light] .usul-examples-box,[data-theme=light] .result-overview-card,[data-theme=light] .catalog-tool-card,[data-theme=light] .step-card{background:#fff!important;border:1px solid #00000014!important;box-shadow:0 2px 10px #0f172a08!important}[data-theme=light] .cat-btn,[data-theme=light] .mode-toggle-mini,[data-theme=light] .usul-tab-btn,[data-theme=light] .synth-preset-btn,[data-theme=light] .wave-choice-btn,[data-theme=light] .workout-stat-pill,[data-theme=light] .drawer-tool-btn,[data-theme=light] .drill-opt-btn,[data-theme=light] .exam-opt-btn,[data-theme=light] .route-chord-pill{color:#334155!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}[data-theme=light] .cat-btn:hover,[data-theme=light] .usul-tab-btn:hover,[data-theme=light] .synth-preset-btn:hover,[data-theme=light] .wave-choice-btn:hover,[data-theme=light] .drill-opt-btn:hover,[data-theme=light] .exam-opt-btn:hover,[data-theme=light] .route-chord-pill:hover{color:#0f172a!important;background:#f1f5f9!important;border-color:#94a3b8!important}[data-theme=light] .cat-btn.active,[data-theme=light] .usul-tab-btn.active,[data-theme=light] .synth-preset-btn.active,[data-theme=light] .wave-choice-btn.active,[data-theme=light] .drawer-tool-btn.active,[data-theme=light] .route-chord-pill.active{color:#fff!important;background:#4f46e5!important;border-color:#4338ca!important}[data-theme=light] .studio-select,[data-theme=light] .makam-select,[data-theme=light] .speed-select-box select,[data-theme=light] .cert-input,[data-theme=light] .journal-form-row input,[data-theme=light] .journal-form-row textarea{box-shadow:0 1px 3px #0000000a;color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}[data-theme=light] .studio-select:focus,[data-theme=light] .makam-select:focus,[data-theme=light] .cert-input:focus,[data-theme=light] .journal-form-row input:focus,[data-theme=light] .journal-form-row textarea:focus{outline:none;box-shadow:0 0 0 3px #6366f126;border-color:#6366f1!important}[data-theme=light] .metro-bpm-adj{color:#0f172a;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 4px #0000000d}[data-theme=light] .metro-bpm-adj:hover{color:#4f46e5;background:#f1f5f9;border-color:#4f46e5}[data-theme=light] .metro-bpm-num{color:#0f172a}[data-theme=light] .metro-beat-dot{background:#e2e8f0;border-color:#cbd5e1}[data-theme=light] .metro-beat-dot.active{background:#f59e0b;border-color:#d97706;box-shadow:0 0 12px #f59e0b66}[data-theme=light] .modern-academy-shell{--academy-ink:#172033;--academy-muted:#526174;--academy-border:#d7dee8;color:var(--academy-ink);background:#f3f6fb}[data-theme=light] .modern-academy-shell .modern-topbar{border-bottom:1px solid var(--academy-border);background:#fffffff0;box-shadow:0 6px 24px #0f172a0f}[data-theme=light] .modern-academy-shell .modern-brand-name{color:#172033;-webkit-text-fill-color:#172033;background:0 0}[data-theme=light] .modern-academy-shell .modern-brand-tagline,[data-theme=light] .modern-academy-shell .cat-trigger-btn,[data-theme=light] .modern-academy-shell .ribbon-tool-btn,[data-theme=light] .modern-academy-shell .modern-search-trigger{color:var(--academy-muted)}[data-theme=light] .modern-academy-shell .modern-category-nav,[data-theme=light] .modern-academy-shell .modern-sub-ribbon{border-color:var(--academy-border);background:#f8fafc}[data-theme=light] .modern-academy-shell .cat-trigger-btn:hover,[data-theme=light] .modern-academy-shell .cat-trigger-btn.active,[data-theme=light] .modern-academy-shell .cat-trigger-btn.open,[data-theme=light] .modern-academy-shell .ribbon-tool-btn:hover{color:#172033;background:#e8eef7;border-color:#bac7d8}[data-theme=light] .modern-academy-shell .ribbon-tool-btn.active{color:#fff;background:#4f46e5;border-color:#4338ca}[data-theme=light] .modern-academy-shell .mega-menu-card,[data-theme=light] .modern-academy-shell .mega-tool-item,[data-theme=light] .modern-academy-shell .command-palette-card,[data-theme=light] .modern-academy-shell .catalog-modal-card,[data-theme=light] .modern-academy-shell .mobile-drawer-sheet{color:var(--academy-ink);border-color:var(--academy-border);background:#fff;box-shadow:0 20px 60px #0f172a29}[data-theme=light] .modern-academy-shell .mega-title,[data-theme=light] .modern-academy-shell .tool-item-title,[data-theme=light] .modern-academy-shell .catalog-modal-title,[data-theme=light] .modern-academy-shell .command-item-title,[data-theme=light] .modern-academy-shell .drawer-header,[data-theme=light] .modern-academy-shell .catalog-card-title-row strong{color:#172033}[data-theme=light] .modern-academy-shell .mega-desc,[data-theme=light] .modern-academy-shell .tool-item-desc,[data-theme=light] .modern-academy-shell .catalog-modal-sub,[data-theme=light] .modern-academy-shell .command-item-desc,[data-theme=light] .modern-academy-shell .tool-item-tag{color:#526174}[data-theme=light] .modern-academy-shell .mega-menu-header,[data-theme=light] .modern-academy-shell .command-search-row,[data-theme=light] .modern-academy-shell .catalog-modal-header{border-color:var(--academy-border)}[data-theme=light] .modern-academy-shell .mega-tool-item:hover,[data-theme=light] .modern-academy-shell .command-result-item:hover,[data-theme=light] .modern-academy-shell .catalog-tool-card:hover{background:#f1f5f9;border-color:#b8c5d6}[data-theme=light] .modern-academy-shell .studio-hero-card,[data-theme=light] .modern-academy-shell .analysis-hero-card,[data-theme=light] .modern-academy-shell .synth-hero-card,[data-theme=light] .modern-academy-shell .workout-hero-card,[data-theme=light] .modern-academy-shell .usul-hero-card,[data-theme=light] .modern-academy-shell .exam-hero-card,[data-theme=light] .modern-academy-shell .pianoroll-hero-card,[data-theme=light] .modern-academy-shell .makam-head-card{color:#172033;box-shadow:0 12px 30px #0f172a14}[data-theme=light] .modern-academy-shell input,[data-theme=light] .modern-academy-shell textarea,[data-theme=light] .modern-academy-shell select{color:#172033;background:#fff;border-color:#c5d0df}[data-theme=light] .modern-academy-shell input::placeholder,[data-theme=light] .modern-academy-shell textarea::placeholder{color:#66758a}