:root{--bg:#f8f4ea;--paper:#fffdf7;--paper-2:#f4f0e6;--ink:#192225;--muted:#687073;--line:#ddd6c9;--teal:#075b61;--teal-dark:#03454a;--teal-soft:#dfeceb;--gold:#d59635;--shadow:0 16px 40px #26201614;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg, #075b610a 1px, transparent 1px) 0 0 / 72px 72px, var(--bg);min-width:320px;margin:0}button,input,select{font:inherit}button{color:inherit}.access-gate{background:linear-gradient(90deg,#075b610b 1px,#0000 1px) 0 0/72px 72px,linear-gradient(#fffdf7eb,#f8f4eafa);place-items:center;min-height:100vh;padding:24px;display:grid}.access-panel{border:1px solid var(--line);width:min(100%,520px);box-shadow:var(--shadow);background:#fffdf7f0;border-radius:8px;padding:34px}.access-brand{margin-bottom:26px}.access-kicker{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:900}.access-panel h1{letter-spacing:0;margin:0;font-size:38px;line-height:1.02}.access-copy{color:var(--muted);margin:16px 0 26px;font-size:17px;line-height:1.5}.access-form{gap:14px;display:grid}.access-form label{color:var(--muted);gap:8px;font-weight:800;display:grid}.access-form input{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:8px;padding:15px 16px;font-weight:800}.access-form input:focus{border-color:var(--teal);outline:3px solid #075b6133}.access-form button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:54px;padding:0 20px;font-size:18px;font-weight:900}.access-form button:disabled{cursor:wait;opacity:.72}.access-error{color:#a33b25;margin:0;font-weight:800}.access-message{color:var(--teal);margin:0;font-weight:800}.auth-setup{gap:10px;margin-top:18px;display:grid}.auth-setup code{border:1px solid var(--line);background:var(--paper-2);width:100%;color:var(--teal-dark);border-radius:8px;padding:12px 14px;font-weight:900;display:block}.app-shell{grid-template-rows:72px 1fr 78px;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#fffdf7e0;grid-template-columns:310px 1fr auto;align-items:center;padding:0 24px;display:grid;position:sticky;top:0}.brand{letter-spacing:0;white-space:nowrap;align-items:center;gap:12px;font-family:Georgia,Times New Roman,serif;font-size:30px;display:flex}.brand-mark{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:23px;display:grid}.nav,.top-actions,.transport,.tag-row,.notation-controls,.quick-actions,.tabs,.builder-title span,.type-toggles{align-items:center;display:flex}.nav{justify-content:center;gap:28px}.nav-item,.icon-button,.system-switch,.notation-button,.add-button,.quick-actions button,.phrase-list button,.notation-controls button,.practice-grid button,.start-button,.transport button,.player label button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:7px}.nav-item{color:#3d484b;border-color:#0000;border-bottom-style:solid;border-bottom-width:3px;border-radius:0;align-items:center;gap:8px;padding:16px 6px;display:flex}.nav-item.active{color:var(--teal);border-bottom-color:var(--teal)}.top-actions{gap:12px}.icon-button{place-items:center;width:42px;height:42px;display:grid}.system-switch{background:var(--paper);align-items:center;gap:8px;height:42px;padding:0 14px;display:flex}.signed-in-user{max-width:220px;min-height:38px;color:var(--teal-dark);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-weight:800;display:flex;overflow:hidden}.sign-out-button{border:1px solid var(--line);background:var(--paper);height:40px;color:var(--teal-dark);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-weight:900;display:inline-flex}.workspace{border-bottom:1px solid var(--line);grid-template-columns:340px minmax(560px,1fr) 420px;min-height:0;display:grid}.library-pane,.raga-pane,.companion-pane{min-height:0;overflow:auto}.library-pane,.companion-pane{background:#fffdf7b8;padding:24px}.library-pane{border-right:1px solid var(--line)}.companion-pane{border-left:1px solid var(--line)}.pane-title{text-transform:uppercase;letter-spacing:.06em;color:#303b3f;margin-bottom:22px;font-size:13px}.search-box{background:var(--paper);border:1px solid #cfc8bb;border-radius:7px;align-items:center;gap:10px;height:44px;padding:0 12px;display:flex}.search-box input,.ask-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.segmented{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 20px;display:grid}.segmented button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:7px;height:38px}.segmented .selected{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 8px 18px #075b612e}.raga-list{gap:4px;display:grid}.raga-row{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ddd6c9bf;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 14px;display:flex}.raga-row.active{background:var(--teal-soft);color:var(--teal-dark);box-shadow:inset 4px 0 0 var(--teal)}.raga-row strong,.raga-row small{display:block}.raga-row small{color:var(--muted);margin-top:5px;font-size:12px}.add-button{background:var(--paper);align-items:center;gap:8px;height:42px;margin-top:18px;padding:0 14px;display:flex}.raga-pane{background:#fffdf77a;padding:24px 30px 28px}.raga-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1}.title-star{color:var(--gold);vertical-align:top}.raga-header p{color:var(--muted);margin:12px 0 0}.notation-button{background:var(--paper);align-items:center;gap:8px;height:40px;padding:0 14px;display:flex}.tag-row{flex-wrap:wrap;gap:10px;margin:18px 0 22px}.tag-row span{border:1px solid var(--line);background:#fffdf7cc;border-radius:7px;padding:7px 10px;font-size:13px}.scale-grid{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:34px;padding-bottom:24px;display:grid}h2{color:var(--teal);letter-spacing:0;margin:0 0 12px;font-size:18px}h3{color:var(--teal);margin:0 0 7px;font-size:14px}.scale-notes{flex-wrap:wrap;gap:20px;font-size:19px;font-weight:650;display:flex}.facts-row{border-bottom:1px solid var(--line);grid-template-columns:1fr .8fr 1.4fr;gap:22px;padding:24px 0;display:grid}.fact{border-right:1px solid var(--line);min-height:62px}.fact:last-child{border-right:0}.fact p{color:#30383a;margin:0 0 5px;line-height:1.35}.content-split{border-bottom:1px solid var(--line);grid-template-columns:1fr .86fr;gap:34px;padding:24px 0;display:grid}.phrase-list{gap:8px;display:grid}.phrase-list button{background:#fffdf7d6;justify-content:space-between;align-items:center;min-height:38px;padding:0 12px;display:flex}.mood-panel p,.reply p{color:#3e484b;margin:0 0 12px;line-height:1.55}.mood-panel p{align-items:flex-start;gap:10px;display:flex}.notation-panel,.harmony-panel{border-bottom:1px solid var(--line);padding:24px 0}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.section-heading p{color:var(--muted);margin:0;line-height:1.45}.section-heading label{color:#394346;gap:6px;min-width:132px;font-size:12px;font-weight:700;display:grid}.scale-map{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;margin-bottom:14px;display:grid}.sa-detector{background:linear-gradient(#dfecebad,#fffdf7cc);border:1px solid #075b6138;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:12px;display:flex}.sa-detector div{gap:2px;display:grid}.sa-detector span{color:var(--teal);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.sa-detector strong{color:var(--teal-dark);font-size:28px;line-height:1}.sa-detector small{color:var(--muted);line-height:1.35}.sa-detector .detector-error{color:#9a431f}.sa-detector button{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:132px;height:40px;font-weight:800;display:flex}.sa-detector button.listening{background:#168246;border-color:#168246;box-shadow:0 0 0 4px #16824624}.sa-detector button.detected{background:#0f6f3f;border-color:#0f6f3f}.detector-process{background:#fffdf7c7;border:1px solid #075b612e;border-radius:7px;gap:6px;margin:-6px 0 14px;padding:10px;display:grid}.detector-process.listening{background:#e8f7eebd;border-color:#16824661}.detector-process.detected{border-color:#0f6f3f57}.detector-process p{color:#354044;grid-template-columns:22px 1fr;align-items:start;gap:8px;margin:0;font-size:13px;line-height:1.35;display:grid}.detector-process b{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.detector-process.listening b,.detector-process.detected b{background:#168246}.detection-report{background:#fffdf7d1;border:1px solid #075b6133;border-radius:7px;grid-template-columns:.8fr 1.4fr 1.2fr;gap:10px;margin:-6px 0 14px;padding:10px;display:grid}.detection-report.listening{background:#e8f7eec2;border-color:#1682466b}.detection-report.detected{background:linear-gradient(#e8f7eec7,#fffdf7db);border-color:#0f6f3f6b}.detection-report div{align-content:start;gap:4px;display:grid}.detection-report span{color:var(--teal);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.detection-report strong{color:#0f6f3f;font-size:22px;line-height:1}.detection-report p{color:#364144;margin:0;font-size:13px;line-height:1.35}.scale-map span{border:1px solid var(--line);color:#30383a;background:#fffdf7cc;border-radius:7px;gap:4px;min-height:54px;padding:9px 10px;display:grid}.scale-map b{color:var(--teal);font-size:13px}.chord-grid{grid-template-columns:repeat(auto-fit,minmax(154px,1fr));gap:10px;display:grid}.chord-grid button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fffdf7d1;border-radius:7px;min-height:104px;padding:12px}.chord-grid button.anchor{box-shadow:inset 0 3px 0 var(--teal);border-color:#075b6173}.chord-grid button.careful{border-color:#9a431f52}.chord-grid strong,.chord-grid span,.chord-grid small,.chord-grid em{display:block}.chord-grid strong{color:var(--teal-dark);margin-bottom:6px;font-size:21px}.chord-grid span{color:#30383a;margin-bottom:6px;font-weight:650}.chord-grid em{background:var(--teal-soft);width:fit-content;color:var(--teal-dark);border-radius:5px;margin-bottom:8px;padding:3px 6px;font-size:11px;font-style:normal;font-weight:800}.chord-grid .careful em{color:#8b4b20;background:#f7e5d7}.chord-grid small{color:var(--muted);line-height:1.35}.avoid-row{color:#515c5f;align-items:flex-start;gap:10px;margin-top:12px;line-height:1.45;display:flex}.avoid-row b{color:#8b4b20;white-space:nowrap}.notation-panel h2 span{color:var(--muted);font-size:14px;font-weight:400}.staff{border:1px solid var(--line);background:repeating-linear-gradient(#0000 0 8px,#075b612e 9px 10px,#0000 11px 18px),#fffdf7a3;align-items:center;gap:18px;min-height:56px;padding:8px 12px;display:flex}.staff span{text-align:center;min-width:18px;font-weight:700}.staff .bar{color:var(--gold)}.notation-controls{gap:14px;margin-top:12px}.notation-controls button,.primary-small{align-items:center;gap:7px;height:34px;padding:0 12px;display:flex}.primary-small{color:#fff;background:var(--teal)!important;border-color:var(--teal)!important}.notation-controls label{color:#465154;align-items:center;gap:12px;font-size:13px;display:flex}.practice-section{padding-top:24px}.practice-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;display:grid}.practice-grid button{text-align:left;background:#fffdf7d1;grid-template-columns:28px 1fr;gap:5px 8px;min-height:82px;padding:10px;display:grid}.practice-grid b{background:var(--teal);color:#fff;border-radius:50%;grid-row:span 2;place-items:center;width:24px;height:24px;display:grid}.practice-grid span{font-size:13px;font-weight:700}.practice-grid small{color:var(--muted)}.practice-grid .active{border-color:var(--teal);box-shadow:0 0 0 2px #075b6114}.karnatik-page{display:block}.karnatik-hero{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:24px}.karnatik-hero span{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.karnatik-hero p{max-width:820px;color:var(--muted);margin:14px 0 0;line-height:1.55}.database-strip{grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;margin-bottom:20px;display:grid}.database-strip article{border:1px solid var(--line);background:#fffdf7c7;border-radius:7px;padding:12px}.database-strip span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.database-strip strong{color:var(--teal-dark);margin-top:7px;font-size:28px;line-height:1;display:block}.lineage-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px;display:grid}.lineage-grid article,.chakra-card,.branch-grid article{border:1px solid var(--line);background:#fffdf7c7;border-radius:7px}.lineage-grid article{padding:14px}.lineage-grid span{color:var(--gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.lineage-grid strong{color:var(--teal-dark);margin-bottom:8px;font-size:18px;display:block}.lineage-grid p,.branch-grid p{color:var(--muted);margin:0;line-height:1.45}.legend-section{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.legend-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;display:grid}.legend-grid article{border:1px solid var(--line);background:#fffdf7c7;border-radius:7px;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:10px;display:grid}.legend-grid b{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;display:grid}.legend-grid strong,.legend-grid span{display:block}.legend-grid strong{color:#263235;margin-bottom:3px;line-height:1.25}.legend-grid span{color:var(--muted);font-size:12px;line-height:1.3}.chakra-section,.catalogue-section,.branch-section{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.catalogue-status{grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;margin-bottom:14px;display:grid}.catalogue-status article{border:1px solid var(--line);background:#fffdf7c7;border-radius:7px;padding:14px}.catalogue-status span{color:var(--teal);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.catalogue-status strong{color:var(--teal-dark);margin:8px 0;font-size:34px;line-height:1;display:block}.catalogue-status p{color:var(--muted);margin:0;line-height:1.4}.janya-catalogue{grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;display:grid}.janya-catalogue article{border:1px solid var(--line);background:#fffdf7c7;border-radius:7px;padding:12px}.janya-catalogue h3{color:var(--teal);margin-bottom:10px;font-size:14px;line-height:1.25}.janya-catalogue article>div{flex-wrap:wrap;gap:7px;display:flex}.janya-catalogue span{color:var(--teal-dark);background:#dfecebb8;border:1px solid #075b6129;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.chakra-grid{grid-template-columns:repeat(3,minmax(210px,1fr));gap:18px;display:grid}.chakra-card{justify-items:center;gap:12px;padding:14px;display:grid}.chakra-orb{text-align:center;background:radial-gradient(circle at 50% 42%,#fffdf7f2,#dfecebc7);border:1px solid #075b6133;border-radius:50%;align-content:center;place-items:center;gap:4px;width:150px;height:150px;display:grid;box-shadow:inset 0 0 0 8px #fffdf794,0 12px 28px #26201614}.chakra-card>div:not(.chakra-orb){justify-items:center;gap:4px;display:grid}.chakra-orb span{color:var(--muted);font-size:12px;line-height:1.35}.chakra-orb strong{color:var(--teal);text-align:center;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:500}.chakra-orb p{color:#3d484b;margin:0;font-size:12px;font-weight:700}.chakra-card ol{gap:5px;width:100%;margin:0;padding:0;list-style:none;display:grid}.chakra-card li{text-align:left;color:#30383a;grid-template-columns:24px 1fr;align-items:center;gap:6px;font-size:12px;line-height:1.15;display:grid}.chakra-card li b{background:var(--teal-soft);width:20px;height:20px;color:var(--teal-dark);border-radius:50%;place-items:center;font-size:10px;display:grid}.branch-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;display:grid}.branch-grid article{padding:13px}.branch-grid h3{margin-bottom:10px;font-size:15px;line-height:1.3}.branch-grid article>div{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.branch-grid span{background:var(--teal-soft);color:var(--teal-dark);border:1px solid #075b612e;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.quiz-page,.chord-page{display:block}.chord-hero{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:24px}.chord-hero span,.manual-chord-checker>div>span{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.chord-hero p{max-width:760px;color:var(--muted);margin:14px 0 0;line-height:1.55}.chord-control-panel{grid-template-columns:minmax(220px,1.2fr) minmax(130px,.55fr) minmax(160px,.65fr) auto;align-items:end;gap:12px;margin-bottom:16px;display:grid}.chord-control-panel label,.manual-chord-controls label{color:#394346;gap:6px;font-size:12px;font-weight:800;display:grid}.chord-control-panel button{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}.notation-legend{color:#324044;background:#dfeceb94;border:1px solid #075b612e;border-radius:7px;margin:-2px 0 14px;padding:10px 12px;font-size:13px;line-height:1.45}.chord-scale-strip{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;margin-bottom:20px;display:grid}.chord-scale-strip span{border:1px solid var(--line);color:#30383a;background:#fffdf7d1;border-radius:7px;gap:4px;min-height:56px;padding:9px 10px;display:grid}.chord-scale-strip b{color:var(--teal);font-size:13px}.chord-tool-grid{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:20px;padding-bottom:20px;display:grid}.analyser-chords{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.manual-chord-checker{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,.9fr) minmax(220px,.8fr) minmax(240px,1.1fr);align-items:stretch;gap:16px;padding:20px 0;display:grid}.manual-chord-checker h2{color:#263235;margin-bottom:8px;font-size:26px;line-height:1.1}.manual-chord-checker p{color:var(--muted);margin:0;line-height:1.45}.manual-chord-controls{align-content:start;gap:12px;display:grid}.chord-verdict{border:1px solid var(--line);background:#fffdf7db;border-radius:7px;align-content:start;gap:7px;padding:14px;display:grid}.chord-verdict.safe{background:#e8f7eec7;border-color:#16824680}.chord-verdict.color{background:#dfecebb8;border-color:#075b615c}.chord-verdict.avoid{background:#fff8ebdb;border-color:#9a431f6b}.chord-verdict strong{color:var(--teal-dark);font-size:30px;line-height:1}.chord-verdict span{color:#30383a;font-weight:800}.chord-verdict small{color:var(--muted);line-height:1.4}.chord-avoid{margin-top:18px}.careful-strip{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.careful-strip span{color:#6c3d21;background:#fff8ebcc;border:1px solid #9a431f3d;border-radius:7px;padding:7px 9px;font-size:12px;font-weight:750}.concerts-page{display:block}.concerts-hero{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:24px}.concerts-hero span{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.concerts-hero p{max-width:720px;color:var(--muted);margin:14px 0 0;line-height:1.55}.concert-search-panel{grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;margin-bottom:10px;display:grid}.concert-search-panel label{border:1px solid var(--line);min-height:48px;color:var(--teal);background:#fffdf7db;border-radius:7px;align-items:center;gap:10px;padding:0 13px;display:flex}.concert-search-panel input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-weight:700}.concert-search-panel button,.concert-actions button{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.concert-search-panel button{min-height:48px;padding:0 16px}.concert-search-panel .submit-concert-button{background:var(--gold);border-color:var(--gold);color:#271c0c}.concert-submit-panel{border:1px solid var(--line);background:#fffdf7db;border-radius:7px;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:16px;padding:14px;display:grid}.concert-submit-panel label{color:#394346;gap:6px;font-size:12px;font-weight:900;display:grid}.concert-submit-panel input,.concert-submit-panel select{border:1px solid var(--line);background:var(--paper);min-height:40px;color:var(--ink);border-radius:7px;padding:0 10px;font-weight:800}.concert-submit-panel button{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-self:end;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}.concert-city-chips{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.concert-city-chips button{border:1px solid var(--line);color:#313c3f;cursor:pointer;background:#fffdf7d6;border-radius:7px;min-height:34px;padding:0 11px;font-weight:800}.concert-city-chips button.active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.concert-status{color:var(--muted);margin:0 0 16px;font-size:13px}.concert-source-row{grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin-bottom:16px;display:grid}.concert-source-row article{border:1px solid var(--line);background:#fffdf7cc;border-radius:7px;padding:12px}.concert-source-row span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.concert-source-row strong{color:var(--teal-dark);margin-top:7px;font-size:25px;line-height:1;display:block}.concert-source-roadmap{grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.concert-source-roadmap article{background:#e0f2f25c;border:1px solid #0062652e;border-radius:7px;padding:14px}.concert-source-roadmap span{color:var(--teal);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.concert-source-roadmap strong{color:var(--ink);margin-top:6px;font-size:18px;display:block}.concert-source-roadmap p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.45}.concert-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px;display:grid}.concert-card{border:1px solid var(--line);background:#fffdf7d6;border-radius:7px;align-content:space-between;gap:16px;min-height:230px;padding:16px;display:grid}.concert-card span{background:var(--teal-soft);width:fit-content;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.04em;border-radius:5px;margin-bottom:10px;padding:4px 7px;font-size:11px;font-weight:900;display:inline-flex}.concert-card strong{color:#243033;font-size:22px;line-height:1.14;display:block}.concert-card p{color:var(--muted);margin:7px 0 0;line-height:1.4}.concert-meta{gap:7px;display:grid}.concert-meta p{color:#404b4e;align-items:flex-start;gap:8px;margin:0;font-size:13px;display:flex}.concert-actions{grid-template-columns:auto auto auto 1fr;align-items:center;gap:8px;display:grid}.concert-actions button,.concert-actions a{border:1px solid var(--line);min-height:36px;color:var(--teal-dark);border-radius:7px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.concert-actions button+button,.concert-actions a{color:var(--teal);background:0 0}.concert-actions small{color:var(--muted);text-align:right;font-weight:700}.concert-empty{border:1px solid var(--line);background:#fffdf7d6;border-radius:7px;align-content:center;gap:12px;min-height:220px;padding:18px;display:grid}.concert-empty span{background:var(--teal-soft);width:fit-content;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.04em;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:900;display:inline-flex}.concert-empty strong{color:#243033;font-size:24px}.concert-empty p{color:var(--muted);margin:0;line-height:1.45}.concert-empty button{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;border-radius:7px;width:fit-content;min-height:38px;padding:0 14px;font-weight:900}.quiz-hero{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:24px}.quiz-hero span{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.quiz-hero p{max-width:760px;color:var(--muted);margin:14px 0 0;line-height:1.55}.quiz-buckets{grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin-bottom:14px;display:grid}.quiz-buckets button{border:1px solid var(--line);color:#263235;cursor:pointer;text-align:left;background:#fffdf7c7;border-radius:7px;padding:12px}.quiz-buckets button.active{border-color:var(--teal);background:var(--teal-soft);box-shadow:0 0 0 3px #075b6114}.quiz-buckets strong,.quiz-buckets span{display:block}.quiz-buckets strong{color:var(--teal-dark);margin-bottom:5px}.quiz-buckets span{color:var(--muted);font-size:12px;line-height:1.35}.quiz-score{grid-template-columns:repeat(2,minmax(130px,180px)) auto;align-items:stretch;gap:12px;margin-bottom:18px;display:grid}.quiz-score article,.quiz-card{border:1px solid var(--line);background:#fffdf7c7;border-radius:7px}.quiz-score article{padding:12px}.quiz-score span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800;display:block}.quiz-score strong{color:var(--teal-dark);margin-top:6px;font-size:30px;line-height:1;display:block}.quiz-score button{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;border-radius:7px;padding:0 18px;font-weight:800}.quiz-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;display:grid}.quiz-card{padding:14px}.quiz-card.correct{background:#e8f7eeb3;border-color:#1682468c}.quiz-card.wrong{background:#fff8ebbf;border-color:#d5963599}.quiz-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.quiz-card-head span{color:var(--teal);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:800}.quiz-card h2{color:#263235;margin-bottom:12px;font-size:17px;line-height:1.32}.quiz-options{gap:8px;display:grid}.quiz-options button{border:1px solid var(--line);color:#30383a;cursor:pointer;text-align:left;background:#fffdf7e6;border-radius:7px;min-height:38px;padding:8px 10px}.quiz-options button.selected{border-color:var(--teal);background:var(--teal);color:#fff;font-weight:800}.quiz-options button.answer{color:#145b35;background:#e8f7eee0;border-color:#16824680;font-weight:800}.quiz-explain{color:var(--muted);border-top:1px solid #ddd6c9cc;margin:12px 0 0;padding-top:10px;line-height:1.45}.exercise-shell{border:1px solid var(--line);background:#fffdf7d1;border-radius:7px;overflow:hidden}.exercise-topline{border-bottom:1px solid var(--line);background:#f4f0e6b8;grid-template-columns:1fr auto auto;align-items:center;gap:14px;min-height:62px;padding:12px 14px;display:grid}.exercise-topline>div:first-child{gap:3px;display:grid}.exercise-topline strong{color:#263235}.exercise-topline span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:800}.exercise-stats{gap:8px;display:flex}.exercise-stats span{border:1px solid var(--line);background:var(--paper);min-width:58px;color:var(--teal-dark);text-align:center;border-radius:7px;padding:8px 10px}.exercise-topline button,.exercise-actions button{border:1px solid var(--line);background:var(--paper);color:#30383a;cursor:pointer;border-radius:7px;padding:0 14px;font-weight:800}.exercise-topline button{height:38px}.exercise-progress{background:#ddd6c9b8;height:5px}.exercise-progress span{background:var(--teal);height:100%;transition:width .16s;display:block}.exercise-card{text-align:center;align-content:center;gap:18px;min-height:410px;padding:36px;display:grid}.exercise-card.correct{background:linear-gradient(#e8f7eeb8,#fffdf7e6)}.exercise-card.wrong{background:linear-gradient(#fff8ebd1,#fffdf7eb)}.exercise-number{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.exercise-card h2{color:#263235;justify-self:center;max-width:720px;margin:0;font-size:30px;line-height:1.25}.exercise-options{grid-template-columns:repeat(2,minmax(180px,1fr));justify-self:center;gap:10px;width:min(680px,100%);display:grid}.exercise-options button{border:1px solid var(--line);background:var(--paper);color:#263235;cursor:pointer;border-radius:7px;min-height:54px;padding:12px;font-size:16px;font-weight:800}.exercise-options button.selected{border-color:var(--teal);background:var(--teal);color:#fff}.exercise-options button.answer{color:#145b35;background:#e8f7eeeb;border-color:#1682467a}.exercise-feedback{color:#30383a;border-top:1px solid #ddd6c9d6;justify-self:center;max-width:700px;margin:2px 0 0;padding-top:14px;line-height:1.5}.exercise-actions{border-top:1px solid var(--line);background:#f4f0e6b8;justify-content:space-between;gap:10px;min-height:58px;padding:10px 14px;display:flex}.exercise-actions button{min-height:38px}.exercise-actions .primary-small{border-color:var(--teal);background:var(--teal);color:#fff}.exercise-dots{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.exercise-dots button{border:1px solid var(--line);background:var(--paper);color:#30383a;cursor:pointer;border-radius:50%;width:34px;height:34px;font-weight:800}.exercise-dots button.active{border-color:var(--teal);box-shadow:0 0 0 3px #075b611f}.exercise-dots button.correct{color:#fff;background:#168246;border-color:#168246}.exercise-dots button.wrong{background:var(--gold);border-color:var(--gold);color:#fff}.ear-page{display:block}.ear-hero{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:24px}.ear-hero span{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.ear-hero p{max-width:780px;color:var(--muted);margin:14px 0 0;line-height:1.55}.ear-levels{grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;margin-bottom:18px;display:grid}.ear-levels button,.ear-lessons button,.ear-drill,.ear-answer{border:1px solid var(--line);background:#fffdf7c7;border-radius:7px}.ear-levels button{text-align:left;cursor:pointer;min-height:112px;padding:14px}.ear-levels button.active{border-color:var(--teal);background:var(--teal-soft);box-shadow:0 0 0 3px #075b6114}.ear-levels span,.ear-drill-head span,.ear-answer span{color:var(--teal);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.ear-levels strong,.ear-levels small{display:block}.ear-levels strong{color:#263235;margin:7px 0 6px;font-size:20px}.ear-levels small{color:var(--muted);line-height:1.35}.ear-workspace{grid-template-columns:260px 1fr;gap:14px;display:grid}.ear-lessons{align-content:start;gap:8px;display:grid}.ear-lessons button{text-align:left;cursor:pointer;padding:12px}.ear-lessons button.active{border-color:var(--teal);background:var(--teal);color:#fff}.ear-lessons strong,.ear-lessons span{display:block}.ear-lessons span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35}.ear-lessons button.active span{color:#ffffffb8}.ear-drill{padding:18px}.ear-drill-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.ear-drill-head h2{color:#263235;margin:7px 0 6px;font-size:28px}.ear-drill-head p{color:var(--muted);margin:0}.ear-drill-head button,.ear-actions button,.ear-answer button{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;border-radius:7px;font-weight:800}.ear-drill-head button{justify-content:center;align-items:center;gap:8px;min-width:150px;height:42px;display:flex}.ear-line-preview{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;min-height:86px;padding:18px 0;display:flex}.ear-line-preview span{background:var(--teal-soft);min-width:42px;height:42px;color:var(--teal-dark);border-radius:50%;place-items:center;font-weight:800;display:grid}.ear-actions{flex-wrap:wrap;gap:10px;padding:16px 0;display:flex}.ear-actions button{background:var(--paper);min-height:40px;color:var(--teal);align-items:center;gap:8px;padding:0 12px;display:flex}.ear-answer{padding:14px}.ear-answer.correct{background:#e8f7eeb3;border-color:#1682468c}.ear-answer.wrong{background:#fff8ebbf;border-color:#d5963599}.ear-answer>div{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.ear-answer button{background:var(--paper);min-width:130px;height:40px;color:var(--teal)}.ear-answer button.selected{background:var(--teal);color:#fff}.ear-answer p{color:#30383a;margin:12px 0 0;line-height:1.45}.recognition-set-card{border:1px solid var(--line);background:#fffdf7c7;border-radius:7px;padding:14px}.recognition-set-card span{color:var(--teal);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.recognition-set-card strong{color:#263235;margin:7px 0;font-size:24px;display:block}.recognition-set-card p{color:var(--muted);margin:0;line-height:1.4}.hidden-raga-panel{border-bottom:1px solid var(--line);text-align:center;gap:7px;padding:24px 0;display:grid}.hidden-raga-panel span{color:var(--teal);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:800}.hidden-raga-panel strong{color:#263235;font-size:34px;line-height:1.1}.hidden-raga-panel small{color:var(--muted)}.recognition-options{grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;padding:18px 0;display:grid}.recognition-options button{border:1px solid var(--line);background:var(--paper);color:#263235;cursor:pointer;border-radius:7px;min-height:52px;padding:10px;font-weight:800}.recognition-options button.selected{border-color:var(--teal);background:var(--teal);color:#fff}.recognition-options button.answer{color:#145b35;background:#e8f7eee6;border-color:#16824680}.recognition-feedback{border:1px solid var(--line);background:#fffdf7d6;border-radius:7px;padding:14px}.recognition-feedback.correct{background:#e8f7eeb8;border-color:#1682468c}.recognition-feedback.wrong{background:#fff8ebbf;border-color:#d5963599}.recognition-feedback>strong{color:#263235;margin-bottom:12px;display:block}.recognition-detail{color:var(--muted);margin:0 0 12px;line-height:1.45}.recognition-scale{gap:8px;display:grid}.recognition-scale p{color:#30383a;grid-template-columns:92px 1fr;gap:10px;margin:0;display:grid}.recognition-scale b{color:var(--teal)}.recognition-feedback button{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;border-radius:7px;height:40px;margin-top:14px;margin-right:8px;padding:0 14px;font-weight:800}.roadmap-section{border-top:1px solid var(--line);margin-top:26px;padding-top:26px}.kanban-board{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;display:grid}.kanban-column{border:1px solid var(--line);background:#fffdf7b8;border-radius:7px;min-height:260px;padding:12px}.kanban-column h3{align-items:center;gap:8px;margin-bottom:12px;display:flex}.kanban-column h3:before{content:"";background:var(--teal);border-radius:50%;width:9px;height:9px}.kanban-column.done h3:before{background:#168246}.kanban-column.active h3:before{background:var(--gold)}.kanban-column.next h3:before{background:var(--teal)}.kanban-column.later h3:before{background:#8b8f92}.kanban-items{gap:8px;display:grid}.kanban-items article{background:#fffdf7db;border:1px solid #ddd6c9e0;border-radius:7px;padding:10px}.kanban-items strong,.kanban-items span{display:block}.kanban-items strong{color:#263235;margin-bottom:5px;line-height:1.25}.kanban-items span{color:var(--muted);font-size:12px;line-height:1.35}.chat{gap:14px;display:grid}.bubble{border-radius:7px;max-width:82%;padding:14px 16px;line-height:1.45}.bubble.assistant{background:var(--teal);color:#fff}.bubble.user{background:#ecebe7;justify-self:end}.reply{padding:10px 4px}.suggestion{background:var(--teal-soft);border-radius:7px;margin-bottom:12px;padding:12px 14px;font-weight:700;display:inline-block}.quick-actions{flex-wrap:wrap;gap:10px;margin:14px 0 18px}.quick-actions button{background:var(--paper);align-items:center;gap:8px;height:38px;padding:0 12px;display:flex}.ask-box{border:1px solid var(--line);background:var(--paper);border-radius:7px;align-items:center;gap:10px;height:42px;padding:0 12px;display:flex}.tanpura-card,.test-builder-card,.raga-detect-card{border-top:1px solid var(--line);margin:20px -24px 0;padding:18px 24px 0}.raga-detect-status{background:#fffdf7cc;border:1px solid #075b6133;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.raga-detect-status.listening{background:#e8f7eec2;border-color:#1682466b}.raga-detect-status.detected{background:linear-gradient(#dfecebbd,#fffdf7db);border-color:#075b6159}.raga-detect-status>div{gap:3px;display:grid}.raga-detect-status span{color:var(--teal);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.raga-detect-status strong{color:var(--teal-dark);font-size:24px;line-height:1.05}.raga-detect-status small{color:var(--muted);line-height:1.35}.raga-detect-status button{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:132px;height:40px;font-weight:800;display:flex}.raga-detect-status button.listening{background:#168246;border-color:#168246;box-shadow:0 0 0 4px #16824624}.heard-strip{background:#dfeceb7a;border:1px solid #075b6133;border-radius:7px;margin-bottom:10px;padding:10px}.heard-strip span{color:var(--teal);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.heard-strip p{color:#30383a;margin:0;line-height:1.35}.raga-match-list{gap:8px;display:grid}.raga-match-list button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fffdf7d1;border-radius:7px;width:100%;padding:10px}.raga-match-list strong,.raga-match-list span,.raga-match-list small{display:block}.raga-match-list strong{color:var(--teal-dark);margin-bottom:3px;font-size:18px}.raga-match-list span{color:#30383a;margin-bottom:5px;font-weight:700}.raga-match-list small{color:var(--muted);line-height:1.35}.builder-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.builder-title span{color:var(--teal);gap:8px;font-weight:800}.builder-title p{color:var(--muted);margin:5px 0 0;font-size:13px}.builder-controls{grid-template-columns:1fr 112px;gap:10px;margin-bottom:12px;display:grid}.builder-controls label{color:#394346;gap:6px;font-size:12px;font-weight:700;display:grid}.builder-controls input{border:1px solid var(--line);background:var(--paper);border-radius:7px;height:36px;padding:0 10px}.type-toggles{flex-wrap:wrap;gap:8px;margin-bottom:14px}.type-toggles button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:7px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:13px;display:flex}.type-toggles .active{background:var(--teal-soft);color:var(--teal-dark);border-color:#075b6159;font-weight:700}.test-preview{gap:8px;max-height:330px;padding-right:3px;display:grid;overflow:auto}.test-question{border:1px solid var(--line);background:#fffdf7bd;border-radius:7px;grid-template-columns:28px 1fr;gap:2px 9px;padding:10px;display:grid}.test-question b{background:var(--teal);color:#fff;border-radius:50%;grid-row:span 3;place-items:center;width:24px;height:24px;font-size:13px;display:grid}.test-question span{color:var(--teal);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.test-question p{color:#263235;margin:2px 0 4px;line-height:1.38}.test-question small{color:var(--muted);line-height:1.35}.start-test-button{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:12px;font-weight:800;display:flex}.tabs{gap:20px;margin-bottom:12px}.tabs button{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:0 0;border:0;padding:0 0 8px;font-size:12px}.tabs .active{color:var(--teal);border-bottom:3px solid var(--teal)}.tanpura-body{grid-template-columns:76px 1fr;gap:18px;display:grid}.tanpura-visual{height:210px;box-shadow:inset 0 0 0 1px #ffffff3d, var(--shadow);background:linear-gradient(160deg,#4a2a17,#8a5832 62%,#2d170f);border-radius:40px 40px 26px 26px;position:relative;overflow:hidden}.tanpura-visual span{background:#fff4dab8;width:2px;position:absolute;top:0;bottom:18px}.tanpura-visual span:first-child{left:25px}.tanpura-visual span:nth-child(2){left:33px}.tanpura-visual span:nth-child(3){left:42px}.tanpura-visual span:nth-child(4){left:51px}.tanpura-visual.tempo-pulse span{animation:stringPulse var(--beat-ms,1s) ease-out infinite}.tanpura-visual.tempo-pulse.sam{box-shadow:inset 0 0 0 1px #ffffff3d,0 16px 40px #26201614,0 0 0 4px #d5963529}@keyframes stringPulse{0%{opacity:1;transform:translate(0)}22%{opacity:.72;transform:translate(1px)}to{opacity:1;transform:translate(0)}}.tanpura-controls{align-content:start;gap:9px;display:grid}.control-row{grid-template-columns:36px 30px 34px 30px;align-items:center;gap:8px;display:grid}.control-row button{border:1px solid var(--line);background:var(--paper);border-radius:50%;width:28px;height:28px}.control-row strong{text-align:center}.control-row .accent{color:var(--gold)}.select-label,.range-label{color:#394346;gap:5px;font-size:12px;font-weight:700;display:grid}select{border:1px solid var(--line);background:var(--paper);border-radius:7px;height:36px;padding:0 10px}.range-label{grid-template-columns:auto 1fr auto;align-items:center}.range-label svg,.range-label input,.range-label span{grid-row:2}input[type=range]{accent-color:var(--teal)}.start-button{background:var(--teal);color:#fff;border-color:var(--teal);justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:14px;font-weight:700;display:flex}.player{color:#fff;background:linear-gradient(90deg,#054950,#07616a);grid-template-columns:280px 1fr auto auto minmax(160px,220px) 54px;align-items:center;gap:18px;padding:0 24px;display:grid}.player>div:first-child{grid-template-columns:36px 1fr;column-gap:12px;display:grid}.player>div:first-child svg{grid-row:span 2}.player span{opacity:.72;font-size:12px}.transport{justify-content:center;gap:18px}.transport button,.player label button{color:#fff;border-color:#ffffff38}.transport .big{width:54px;height:54px;color:var(--teal);background:#fff;border-radius:50%}.beat-meter{align-items:center;gap:7px;display:flex}.beat-meter span{color:#ffffffb8;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.beat-meter span.active{color:var(--teal);background:#fff;box-shadow:0 0 0 5px #ffffff1f}.player label{align-items:center;gap:8px;display:flex}.player .tempo-control input{accent-color:#fff;width:120px}.player .tempo-control strong{text-align:center;min-width:30px}.player .metro-volume{min-width:160px}.player .metro-volume input{accent-color:#fff;width:82px}.player .metro-volume strong{min-width:36px}.player label button{width:28px;height:28px}.player select{color:#fff;background:#ffffff14;border-color:#ffffff38}.player .icon-button{border-color:#ffffff38}@media (width<=1180px){.workspace{grid-template-columns:280px minmax(500px,1fr)}.chakra-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.branch-grid,.legend-grid,.janya-catalogue{grid-template-columns:repeat(2,minmax(180px,1fr))}.database-strip{grid-template-columns:repeat(3,minmax(110px,1fr))}.quiz-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.concert-source-row,.concert-source-roadmap,.concert-grid,.chord-tool-grid,.manual-chord-checker,.quiz-buckets{grid-template-columns:1fr}.ear-workspace{grid-template-columns:220px 1fr}.companion-pane{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.topbar{grid-template-columns:auto 1fr auto}.brand{font-size:24px}}@media (width<=760px){.app-shell{grid-template-rows:auto 1fr auto}.topbar{grid-template-columns:1fr auto;gap:14px;padding:14px}.nav{grid-column:1/-1;justify-content:flex-start;gap:18px;overflow-x:auto}.top-actions{justify-content:end}.system-switch{display:none}.workspace{display:block}.library-pane,.raga-pane,.companion-pane{border:0;border-bottom:1px solid var(--line)}.raga-pane{padding:22px 18px}.raga-header,.content-split,.scale-grid,.facts-row,.practice-grid,.tanpura-body,.lineage-grid,.legend-grid,.catalogue-status,.janya-catalogue,.chakra-grid,.branch-grid,.quiz-score,.quiz-grid,.exercise-topline,.exercise-options,.ear-levels,.ear-workspace,.database-strip,.recognition-options,.concert-search-panel,.concert-submit-panel,.concert-source-row,.concert-grid,.chord-control-panel,.chord-tool-grid,.manual-chord-checker{grid-template-columns:1fr}.ear-drill-head{display:grid}.exercise-card{min-height:360px;padding:26px 16px}.exercise-card h2{font-size:24px}.exercise-actions{display:grid}.kanban-board{grid-template-columns:1fr}.section-heading,.raga-header{display:grid}.fact{border-right:0;border-bottom:1px solid var(--line);padding-bottom:12px}.player{grid-template-columns:1fr;gap:14px;padding:16px}}