:root{color-scheme:dark;--bg:#080f1b;--panel:#101d30;--panel2:#132438;--border:#26384b;--ink:#edf7fb;--soft:#a6b6c8;--mint:#71e5bd;--mintdark:#092c29;--warn:#f4bb76;--radius:17px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 65% -30%,#1b3348 0%,#080f1b 55%);color:var(--ink);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}.hidden{display:none!important}.muted,.hint{color:var(--soft)}.tiny{font-size:12px}.eyebrow,.crumb{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--mint)}p{line-height:1.62}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(24px,3vw,30px);margin:6px 0 0}h2{font-size:clamp(22px,3vw,30px);margin:0 0 10px}h3{margin:0 0 12px;font-size:18px}small{font-size:12px;color:var(--soft)}.shell{display:flex;min-height:100vh}.sidebar{width:255px;flex:0 0 255px;background:#0b1727;border-right:1px solid #233349;display:flex;flex-direction:column;padding:26px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;padding:0 13px 29px}.brand strong{font-size:18px;letter-spacing:.03em}.brand small{display:block;font-size:10px;letter-spacing:.06em}.mark{width:45px;height:45px;border-radius:12px;background:var(--mint);color:#09382c;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:950;letter-spacing:-.08em;position:relative}.mark span{position:absolute;font-size:9px;bottom:5px;right:6px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{width:100%;padding:13px 14px;border:0;border-radius:11px;background:transparent;color:#b0c5d4;text-align:left;font-weight:600}.sidebar nav button span{display:inline-block;width:30px;font-size:20px;font-weight:400}.sidebar nav button:hover,.sidebar nav button.active{background:#1b3a3f;color:#9ef8d5}.sidebar-bottom{margin-top:auto;padding:0 10px}.side-tip{background:#11283a;border:1px solid #204456;color:#a9ccce;border-radius:13px;font-size:12px;line-height:1.5;padding:12px;margin-bottom:15px}.text-btn{border:0;background:transparent;color:#90d9c7;padding:8px 0}.mainwrap{flex:1;min-width:0;max-width:calc(100% - 255px)}.top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:26px 38px 20px;border-bottom:1px solid #26374b;background:#0b182688}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pill{color:#92d9b8;background:#11332e;border:1px solid #215f51;padding:7px 10px;border-radius:100px;font-size:11px;white-space:nowrap}.primary,.soft,.danger{border-radius:10px;padding:11px 15px;min-height:43px;font-weight:700;transition:transform .12s,border-color .12s}.primary:hover,.soft:hover,.danger:hover{transform:translateY(-1px)}.primary{background:var(--mint);color:#0b3330;border:1px solid var(--mint)}.soft{background:#172c40;color:#e8f4fa;border:1px solid #395067}.danger{background:#3a2028;color:#ffc6cb;border:1px solid #76424e}.aslink{display:inline-flex;align-items:center;justify-content:center}.big{padding:13px 24px}.top-actions .primary{white-space:nowrap}main{padding:30px 38px 45px;max-width:1340px;margin:0 auto}footer{padding:25px 38px;border-top:1px solid #1c3144;color:#748fa8;font-size:12px}.alert{border-radius:12px;margin:14px 38px 0;padding:12px 16px;background:#143a38;color:#c4ffea;border:1px solid #3e7769}.alert.err{background:#45262f;border-color:#98505e;color:#ffd1da}.panel{background:linear-gradient(140deg,#122138,#101d2c);border:1px solid #263a4e;border-radius:var(--radius);padding:23px;margin-bottom:19px;min-width:0}.panel.narrow{max-width:730px}.auth-hero{max-width:850px;margin:55px auto;background:linear-gradient(130deg,#173b39,#152b3d 58%,#17243a);padding:clamp(25px,5vw,60px);border:1px solid #2d5862;border-radius:25px}.auth-hero h2{font-size:clamp(31px,5vw,52px);max-width:610px}.auth-hero p{max-width:600px;color:#cad9e2}.hero{display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(110deg,#143c3d,#172e43 60%,#1d2945);border:1px solid #245365;border-radius:22px;padding:32px;margin-bottom:25px}.hero h2{font-size:clamp(28px,3.5vw,38px);max-width:550px}.hero p{color:#bbd5dc;max-width:580px;margin:4px 0}.hero-glyph{font-size:110px;color:#64d4bd;opacity:.4;line-height:1}.dashgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tile{background:#111e31;border:1px solid #293c50;text-align:left;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:11px;min-height:219px;color:#eaf6fa;align-items:flex-start}.tile:hover{border-color:#569c92;background:#172940}.tile strong{font-size:20px;letter-spacing:-.03em}.tile small{line-height:1.6;flex:1}.tile b{font-size:11px;letter-spacing:.1em;color:var(--mint)}.tile b span{font-size:18px}.tile-symbol{width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-size:27px;border-radius:14px;font-weight:800}.tile-symbol.lime{background:#243f30;color:#a5ec96}.tile-symbol.pink{background:#382b42;color:#dfa3eb}.tile-symbol.blue{background:#23354c;color:#8abbed}.tile-symbol.gold{background:#3a372b;color:#e4c580}.muted-callout{margin-top:22px}.muted-callout p{margin:8px 0 0;color:#abc0cd}.section-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 20px}.section-header h2{margin-bottom:3px}.section-header p{margin:0;color:#94adbc}.toolbar,.inline-actions,.form-actions,.stage-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar input[type=search]{max-width:480px;flex:1;min-width:180px}.compact{display:flex;align-items:center;gap:7px}.list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px}.song-card{display:flex;flex-direction:column;gap:9px;text-align:left;border:1px solid var(--border);background:var(--panel);color:var(--ink);border-radius:15px;padding:18px;min-height:145px}.song-card:hover{border-color:#5b9994}.song-card strong{font-size:18px}.song-card .meta{color:#97b2c2;font-size:12px}.song-card .row{display:flex;align-items:center;justify-content:space-between;gap:9px}.song-card .icon{font-size:24px;color:var(--mint)}.empty{border:1px dashed #355067;border-radius:14px;padding:30px;text-align:center;color:#9bafc0}.split-panels{display:grid;grid-template-columns:minmax(245px,.7fr) minmax(0,1.3fr);gap:16px}.stack{display:grid;gap:9px;margin-bottom:14px}.stack button,.stack .item{border:1px solid #304860;background:#17283e;color:var(--ink);border-radius:10px;padding:11px 13px;text-align:left}.stack button.active{background:#23463f;border-color:#57ac8e}.stack small{display:block}.divider{border:0;border-top:1px solid #314256;margin:20px 0}.label-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.tag{display:inline-block;border-radius:20px;background:#1f4037;color:#aeecd3;padding:5px 9px;font-size:11px;font-weight:700}.form label,label.formlabel{font-size:13px;font-weight:600;color:#c8d9e4;display:grid;gap:7px;margin-bottom:14px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:13px}.form-row label{display:grid;gap:7px;color:#c6d5e5;font-size:13px;font-weight:600}.form input,.form select,.form textarea,input[type=search],.form-row input,.form-row select,.standalone-input{width:100%;background:#0c1b29;color:var(--ink);border:1px solid #39516a;border-radius:10px;padding:11px 12px;min-height:43px}.form textarea{line-height:1.7;resize:vertical;min-height:240px;font-family:ui-monospace,Consolas,monospace;font-size:14px}.form input:focus,.form select:focus,.form textarea:focus,.form-row input:focus,input:focus-visible,select:focus-visible{outline:2px solid #76ccac;outline-offset:1px}.hint{font-size:12px;line-height:1.55}.stage-controls{margin-top:18px}.stage-items{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.stage-items button{padding:9px 12px;border:1px solid #2a4b58;color:#d3ebeb;border-radius:9px;background:#17323b}.stage-items button.current{background:#387066;color:#fff}.stage-preview{border:1px solid #2a4454;border-radius:12px;background:#0d1a28;min-height:190px;padding:25px;color:#d4e8eb;line-height:1.7;max-height:400px;overflow:auto}.feature{display:flex;gap:20px;align-items:flex-start}.feature p{max-width:600px;color:#b0c5d6}.feature .tile-symbol{flex:0 0 60px}.viewer{position:fixed;inset:0;background:#090f16;color:#f3f5ec;z-index:100;display:flex;flex-direction:column}.viewer-toolbar{display:flex;gap:12px;align-items:center;padding:11px 17px;background:#112233;border-bottom:1px solid #345060}.viewer-song{min-width:100px;display:grid;gap:2px;max-width:240px}.viewer-song b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.viewer-tools{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.viewer-tools label{font-size:11px;color:#bdced9;display:flex;align-items:center;gap:5px}.viewer-tools select{background:#0b1c2c;color:#fff;padding:7px 5px;border:1px solid #456475;border-radius:7px;font-size:12px;max-width:160px}.viewer-tools .check{white-space:nowrap}.viewer-tools .soft{min-height:34px;padding:7px 10px}.viewer-status{background:#193b35;color:#acedd9;padding:5px 19px;font-size:11px;letter-spacing:.04em}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;flex:1;min-height:0}.sheet{overflow:auto;padding:30px clamp(18px,6vw,85px) 125px;scroll-behavior:smooth;font-size:24px;line-height:2.3}.chart-line{min-height:1.6em;padding:2px 12px;border-left:3px solid transparent;white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0;scroll-margin-top:26vh}.chart-line.highlight{background:#2c4839;border-left-color:#79edae;border-radius:4px}.section-line{color:#99b8d3!important;font-weight:800;margin-top:25px;font-size:.84em;border-bottom:1px solid #29394b;padding-bottom:9px}.music-segment{display:inline-flex;flex-direction:column;vertical-align:bottom;justify-content:flex-end;line-height:1.2;margin:7px 0 2px;white-space:pre}.music-segment .chord{display:block;color:#85e5bd;font-size:.68em;font-weight:800;line-height:1.35;min-height:1.35em;white-space:nowrap}.music-segment .lyric{min-height:1.3em}.plain-segment{white-space:pre}.chord-aside{background:#0f1c2a;border-left:1px solid #294050;overflow:auto;padding:18px}.chord-aside h3{font-size:13px;color:#a9c7d4}.hint-chords{display:grid;gap:8px}.hint-chords .chord-card{border:1px solid #345367;background:#13263a;border-radius:9px;padding:10px;font-size:12px}.chord-card b{color:#8ee8c2;font-size:17px}.chord-card small{display:block;margin-top:4px}.viewer-bottom{display:flex;gap:12px;align-items:center;justify-content:center;padding:10px 15px;background:#132334;border-top:1px solid #35495c}.viewer-bottom #lineCounter{font-size:12px;color:#adbecb}.viewer-bottom .soft,.viewer-bottom .primary{min-height:38px;padding:8px 12px}
@media(max-width:1000px){.sidebar{width:210px;flex-basis:210px}.mainwrap{max-width:calc(100% - 210px)}.top,main,footer{padding-left:22px;padding-right:22px}.viewer-layout{grid-template-columns:1fr}.chord-aside{display:none}.viewer-toolbar{align-items:flex-start;flex-wrap:wrap}.viewer-tools{justify-content:flex-start}.viewer-song{flex:1}.split-panels{grid-template-columns:1fr}}
@media(max-width:710px){.shell{display:block;padding-bottom:61px}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:10;width:100%;height:63px;flex-basis:auto;padding:4px 5px;background:#101e30;border-right:0;border-top:1px solid #35506a}.sidebar .brand,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.sidebar nav button{font-size:9px;padding:6px 0;text-align:center;line-height:1.3;font-weight:500}.sidebar nav button span{display:block;width:auto;font-size:19px}.mainwrap{max-width:100%}.top{padding:15px 16px;flex-wrap:wrap}.top-actions{gap:6px}.top-actions .primary,.top-actions .soft{font-size:11px;padding:8px 10px;min-height:35px}.top-actions .pill{display:none}.crumb{font-size:9px}h1{font-size:19px}main{padding:18px 14px 34px}.dashgrid{grid-template-columns:1fr 1fr;gap:10px}.tile{padding:14px;min-height:175px;gap:7px}.tile strong{font-size:16px}.tile small{font-size:11px}.tile-symbol{height:41px;width:41px;font-size:21px}.hero{padding:22px}.hero-glyph{display:none}.section-header{align-items:flex-start}.section-header .primary{font-size:12px;padding:8px;min-height:35px}.panel{padding:16px}.viewer-toolbar{padding:7px}.viewer-tools{overflow-x:auto;flex-wrap:nowrap;width:100%;justify-content:flex-start;padding-bottom:5px}.viewer-tools label{flex-shrink:0}.viewer-tools .soft{flex-shrink:0}.viewer-song{min-width:0}.viewer-layout{display:block;overflow:hidden}.sheet{height:100%;padding:16px 15px 105px}.viewer-bottom{flex-wrap:wrap;gap:7px}.viewer-bottom button{font-size:12px}.feature{flex-direction:column}.alert{margin:10px 14px 0}}