:root{--bg:#07080a;--panel:rgba(18,20,24,.72);--panel2:#0f1114;--ink:#eef1f4;--mut:#8a939e;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);
--acc:#c6ff3d;--acc2:#3de1ff;--hot:#ff3d81;--ok:#c6ff3d;--glow:0 0 18px rgba(198,255,61,.45);
--c-songs:#ffb020;--c-technique:#3de1ff;--c-theory:#b77dff;--c-chords:#c6ff3d;--c-exercises:#ff3d81;--r:14px;
--mono:'JetBrains Mono',ui-monospace,monospace;--disp:'Space Grotesk',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:15px/1.6 var(--disp);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:
 radial-gradient(900px 500px at 85% -5%,rgba(61,225,255,.13),transparent 60%),radial-gradient(800px 500px at 0% 10%,rgba(198,255,61,.09),transparent 60%),
 linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/32px 32px,var(--bg)}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3{font-family:var(--disp);letter-spacing:-.02em}
header{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px) saturate(1.4);background:rgba(7,8,10,.72);border-bottom:1px solid var(--line);padding:.65rem clamp(1rem,4vw,2.5rem);display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between}
.brand{display:flex;gap:.7rem;align-items:center;color:inherit;text-decoration:none}.mark{width:38px;height:38px;filter:drop-shadow(0 0 10px rgba(198,255,61,.35))}
.brand h1{font:800 1.05rem var(--mono);letter-spacing:.06em;margin:0;line-height:1}.brand h1 b{color:var(--acc);text-shadow:var(--glow);margin-left:.35rem}
.brand h1 span{display:block;font:500 .62rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-top:.3rem}
nav{display:flex;gap:2px;background:#0b0d10;padding:3px;border-radius:10px;border:1px solid var(--line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
nav button{background:transparent;color:var(--mut);border:0;border-radius:7px;padding:.45rem .95rem;cursor:pointer;font:600 .74rem var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:all .2s;position:relative}
nav button::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#2a2f36;margin-right:.45rem;vertical-align:1px;transition:all .2s}
nav button:hover{color:var(--ink)}nav button.on{color:var(--ink);background:#15191e}nav button.on::before{background:var(--acc);box-shadow:var(--glow)}
main{max-width:1120px;margin:0 auto;padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,2.5rem);animation:boot .45s cubic-bezier(.2,.8,.2,1)}
@keyframes boot{from{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
footer{text-align:center;color:var(--mut);font:500 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:2rem 1rem 3rem}
/* hero */
.hero{padding:2.4rem 0 1.6rem;position:relative}
.hero .eyebrow,.eyebrow{font:600 .7rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--acc);display:inline-flex;align-items:center;gap:.5rem}
.eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:var(--glow);animation:blink 2.4s infinite}
@keyframes blink{0%,92%,100%{opacity:1}95%{opacity:.25}}
.hero h2{font-size:clamp(2.1rem,6vw,4.2rem);line-height:.98;margin:.6rem 0 .8rem;font-weight:700;max-width:16ch;letter-spacing:-.04em}
.hero h2 em{font-style:normal;color:var(--acc);text-shadow:0 0 30px rgba(198,255,61,.35)}
.hero p{color:var(--mut);max-width:58ch;margin:0;font-size:1.02rem}
.machine{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem;align-items:center;padding:2.5rem 0 1.5rem}
.machine h2{font-size:clamp(2.4rem,6.5vw,4.8rem);line-height:.95;margin:.7rem 0 1rem;font-weight:700;letter-spacing:-.045em}
.machine h2 em{font-style:normal;background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(198,255,61,.3))}
.scope{position:relative;border-radius:18px;border:1px solid var(--line2);background:linear-gradient(180deg,#0e1114,#090a0c);padding:1rem;box-shadow:0 30px 80px -30px rgba(61,225,255,.35),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.scope svg{width:100%;height:auto;display:block}.scope .wave{stroke-dasharray:6 0;animation:wave 3s linear infinite}
@keyframes wave{to{transform:translateX(-200px)}}
.scope .hd{display:flex;justify-content:space-between;font:600 .62rem var(--mono);letter-spacing:.15em;color:var(--mut);text-transform:uppercase;margin-bottom:.5rem}
.knobs{display:flex;justify-content:space-around;margin-top:.8rem}
.knob{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2b3138,#0c0e11 70%);border:1px solid var(--line2);position:relative;box-shadow:0 6px 14px rgba(0,0,0,.6),0 0 0 4px #0b0d10,0 0 0 5px var(--line)}
.knob::after{content:'';position:absolute;left:50%;top:6px;width:3px;height:14px;margin-left:-1.5px;border-radius:2px;background:var(--c,var(--acc));box-shadow:0 0 8px var(--c,var(--acc));transform-origin:50% 20px;transform:rotate(var(--a,0deg))}
.knob small{position:absolute;top:60px;left:50%;transform:translateX(-50%);font:600 .55rem var(--mono);letter-spacing:.12em;color:var(--mut)}
.strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line2);border-radius:var(--r);overflow:hidden;background:var(--panel);backdrop-filter:blur(10px);margin:1.4rem 0 1.6rem}
.strip div{padding:1rem 1.2rem;border-right:1px solid var(--line)}.strip div:last-child{border-right:0}
.led{font:800 1.9rem var(--mono);color:var(--acc);text-shadow:var(--glow);letter-spacing:-.02em;display:block;line-height:1.1}
.led.c2{color:var(--acc2);text-shadow:0 0 18px rgba(61,225,255,.45)}.led.c3{color:var(--hot);text-shadow:0 0 18px rgba(255,61,129,.45)}
.strip small,.stat small{font:500 .64rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
/* panels */
.card{background:var(--panel);backdrop-filter:blur(14px);border:1px solid var(--line2);border-radius:var(--r);padding:clamp(1rem,2.5vw,1.6rem);margin-bottom:1.2rem;position:relative;box-shadow:0 20px 50px -25px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05)}
.card::before,.card::after{content:'';position:absolute;top:10px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4a525c,#15181c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6)}
.card::before{left:10px}.card::after{right:10px}
h2{margin:.1rem 0 1rem;font-size:1.35rem;font-weight:700}h3{margin:1.3rem 0 .6rem;font-size:1.05rem}
.card>h2:first-child{font:700 .8rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mut);padding-left:1rem}
label{display:block;font:600 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:1rem 0 .4rem}
input,select,textarea{width:100%;padding:.7rem .85rem;border:1px solid var(--line2);border-radius:9px;font:inherit;background:#0a0c0e;color:var(--ink);transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 6px rgba(0,0,0,.5)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--acc);box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 0 0 3px rgba(198,255,61,.15)}
textarea{min-height:76px;resize:vertical}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.2rem 1rem}
.btn{background:var(--acc);color:#0a0c06;border:0;border-radius:9px;padding:.62rem 1.05rem;cursor:pointer;font:700 .74rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:.25rem .3rem .25rem 0;transition:transform .12s,box-shadow .2s,background .2s;box-shadow:0 0 0 1px rgba(198,255,61,.4),0 8px 24px -8px rgba(198,255,61,.6);display:inline-flex;align-items:center;gap:.45rem}
.btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--acc),0 0 28px rgba(198,255,61,.55)}.btn:active{transform:translateY(1px) scale(.98)}
.btn.sec{background:#0e1114;color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px var(--line2)}.btn.sec:hover{color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
.btn.ok{background:var(--acc2);box-shadow:0 0 0 1px rgba(61,225,255,.4),0 8px 24px -8px rgba(61,225,255,.6)}.btn.sm{padding:.3rem .55rem;font-size:.66rem}
.power{position:relative;padding:1rem 1.6rem;font-size:.85rem;border-radius:12px;overflow:hidden}
.power::before{content:'⏻';font-size:1.1rem;line-height:1}
.power::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-100%);animation:sheen 3.2s infinite}
@keyframes sheen{60%,100%{transform:translateX(100%)}}
.power.on{animation:surge .9s ease}@keyframes surge{0%{box-shadow:0 0 0 0 rgba(198,255,61,.8)}40%{box-shadow:0 0 0 14px rgba(198,255,61,0),0 0 60px rgba(198,255,61,.9);filter:brightness(1.4)}100%{box-shadow:0 0 0 1px rgba(198,255,61,.4)}}
body.booting main{animation:flick .7s steps(6)}@keyframes flick{0%{opacity:.2}30%{opacity:1}45%{opacity:.4}60%,100%{opacity:1}}
.pill{display:inline-block;padding:.12rem .5rem;border-radius:5px;font:600 .64rem var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#0c0e11;color:var(--mut);margin:.2rem .25rem 0 0;border:1px solid var(--line2)}
.pill.approved{color:var(--acc);border-color:rgba(198,255,61,.4);box-shadow:0 0 12px rgba(198,255,61,.15)}.pill.draft{color:#ffb020;border-color:rgba(255,176,32,.4)}
.pill.new{color:#0a0c06;background:var(--hot);border-color:transparent;box-shadow:0 0 12px rgba(255,61,129,.5)}
/* faders */
.lvl{background:#0b0d10;border:1px solid var(--line2);border-radius:12px;padding:1rem 1.1rem;margin:.8rem 0;box-shadow:inset 0 2px 10px rgba(0,0,0,.6)}
.lvl-h{display:flex;justify-content:space-between;align-items:center}.lvl-h b{text-transform:uppercase;font:700 .8rem var(--mono);letter-spacing:.16em}
.stack{display:flex;height:10px;border-radius:3px;overflow:hidden;margin:.7rem 0 .5rem;background:#050607;gap:2px}.stack i{display:block;transition:width .25s ease;box-shadow:0 0 10px currentColor}
.sl{display:grid;grid-template-columns:140px 1fr 58px;gap:.8rem;align-items:center;font:500 .8rem var(--mono);margin:.45rem 0}
.sl span:first-child::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);margin-right:.55rem}
.sl b{font:800 .95rem var(--mono);color:var(--c);text-shadow:0 0 10px var(--c);text-align:right;background:#050607;border:1px solid var(--line);border-radius:5px;padding:.1rem .35rem}
input[type=range]{-webkit-appearance:none;appearance:none;height:8px;padding:0;border:1px solid var(--line);border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,.8);
 background:linear-gradient(90deg,var(--c) var(--p),transparent var(--p)),repeating-linear-gradient(90deg,#1a1e23 0 6px,#0b0d10 6px 8px)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:26px;border-radius:3px;cursor:grab;background:linear-gradient(180deg,#d9dde2,#7d858f 48%,#2a2f35 50%,#9aa2ab);border:1px solid #000;box-shadow:0 3px 8px rgba(0,0,0,.8),0 0 12px var(--c)}
input[type=range]::-moz-range-thumb{width:14px;height:24px;border-radius:3px;background:linear-gradient(180deg,#d9dde2,#7d858f 48%,#2a2f35 50%,#9aa2ab);border:1px solid #000}
.tot{font:800 .78rem var(--mono);padding:.15rem .55rem;border-radius:5px;border:1px solid}.good{color:var(--acc);border-color:rgba(198,255,61,.4);text-shadow:var(--glow)}.bad{color:var(--hot);border-color:rgba(255,61,129,.4)}
/* items */
.item{padding:.8rem .9rem;margin:.5rem 0;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 7%,transparent),rgba(255,255,255,.015) 40%);border:1px solid var(--line);border-radius:10px;display:flex;gap:.75rem;align-items:flex-start;transition:all .2s;position:relative}
.item::before{content:'';position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--c);box-shadow:0 0 12px var(--c)}
.item:hover{border-color:color-mix(in srgb,var(--c) 45%,transparent);transform:translateX(2px)}.item .t{flex:1;min-width:0}.item b{font-weight:600}
.item small{color:var(--mut);display:block;margin-top:.3rem;line-height:1.5;font-size:.86rem}
.cat-songs{--c:var(--c-songs)}.cat-technique{--c:var(--c-technique)}.cat-theory{--c:var(--c-theory)}.cat-chords{--c:var(--c-chords)}.cat-exercises{--c:var(--c-exercises)}
.item .pill.cat{color:var(--c);border-color:color-mix(in srgb,var(--c) 40%,transparent)}
input[type=checkbox]{-webkit-appearance:none;appearance:none;width:24px;height:24px;min-width:24px;padding:0;border:1px solid var(--line2);border-radius:6px;background:#07080a;cursor:pointer;margin-top:.05rem;display:grid;place-content:center;transition:all .15s;box-shadow:inset 0 2px 4px rgba(0,0,0,.8)}
input[type=checkbox]::after{content:'';width:10px;height:10px;border-radius:50%;background:#1d2228;transition:all .15s}
input[type=checkbox]:checked{border-color:var(--c,var(--acc))}input[type=checkbox]:checked::after{background:var(--c,var(--acc));box-shadow:0 0 10px var(--c,var(--acc)),0 0 2px #fff}
.item:has(input:checked) b{color:var(--mut);text-decoration:line-through;text-decoration-color:var(--c)}
.editing .item [contenteditable]{outline:1px dashed #3a414a;border-radius:4px;padding:0 .2rem}
/* week + VU */
.week{overflow:hidden}.wk-h{display:flex;gap:1rem;align-items:center;margin-bottom:.4rem;padding-top:.3rem}
.wk-h h3{margin:0;font-size:1.3rem}.wk-n{font:700 .66rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}
.meter{margin-left:auto;text-align:right}.meter .led{font-size:1.5rem}
.vu{display:flex;gap:3px;align-items:flex-end;height:26px;justify-content:flex-end;margin-top:.2rem}
.vu i{width:6px;border-radius:1.5px;background:#1b1f24;transition:all .3s}.vu i:nth-child(n){height:calc(8px + var(--h,0px))}
.vu i.on{background:var(--acc);box-shadow:0 0 8px var(--acc)}.vu i.on:nth-child(n+8){background:#ffb020;box-shadow:0 0 8px #ffb020}.vu i.on:nth-child(n+11){background:var(--hot);box-shadow:0 0 8px var(--hot)}
.vu.big{height:44px;justify-content:center;gap:4px}.vu.big i{width:10px}
.milestone{background:linear-gradient(90deg,rgba(255,61,129,.12),transparent);border:1px solid rgba(255,61,129,.35);border-radius:10px;padding:.6rem .9rem;margin:.6rem 0;font-size:.9rem}
.milestone.ai{background:linear-gradient(90deg,rgba(61,225,255,.1),transparent);border-color:rgba(61,225,255,.35)}
.mixbar{display:flex;height:5px;border-radius:2px;overflow:hidden;margin:.6rem 0 .3rem;gap:2px}.mixbar i{display:block;box-shadow:0 0 8px currentColor}
.legend{display:flex;flex-wrap:wrap;gap:.3rem 1rem;font:500 .7rem var(--mono);letter-spacing:.06em;color:var(--mut);text-transform:uppercase}.legend span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c);margin-right:.4rem}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem;border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:#0a0c0e}
td,th{padding:.55rem .7rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}
th{background:#0e1114;color:var(--mut);font:700 .64rem var(--mono);letter-spacing:.14em;text-transform:uppercase}td:first-child{font:700 .8rem var(--mono);white-space:nowrap;color:var(--acc2)}.tbl{overflow-x:auto}
details{margin-top:.8rem;border-top:1px dashed var(--line2);padding-top:.4rem}summary{cursor:pointer;color:var(--acc2);font:700 .7rem var(--mono);letter-spacing:.14em;text-transform:uppercase;list-style:none;padding:.4rem 0}
summary::before{content:'▸ '}details[open] summary::before{content:'▾ '}
.grid2{display:grid;grid-template-columns:280px 1fr;gap:1.2rem;align-items:start}
.slist{padding:0;margin:.4rem 0 .8rem}.slist li{list-style:none;cursor:pointer;padding:.65rem .75rem;border-radius:10px;display:flex;gap:.7rem;align-items:center;transition:all .2s;border:1px solid transparent}
.slist li:hover{background:rgba(255,255,255,.03)}.slist li.on{background:rgba(198,255,61,.06);border-color:rgba(198,255,61,.35)}
.av{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font:800 .95rem var(--mono);color:var(--acc);background:#0a0c0e;border:1px solid rgba(198,255,61,.35);box-shadow:inset 0 0 12px rgba(198,255,61,.15);flex:none;text-shadow:var(--glow)}
.slist small{display:block;color:var(--mut);font:500 .7rem var(--mono)}
.empty{text-align:center;padding:3.2rem 1.5rem}.empty .ico{font-size:2.4rem;width:90px;height:90px;margin:0 auto 1.2rem;border-radius:22px;display:grid;place-items:center;background:#0a0c0e;border:1px solid rgba(198,255,61,.35);box-shadow:0 0 40px rgba(198,255,61,.15),inset 0 0 20px rgba(198,255,61,.1)}
.empty h3{margin:.2rem 0 .4rem;font-size:1.5rem}.empty p{color:var(--mut);max-width:44ch;margin:0 auto 1.2rem}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem;margin:1rem 0}.stat{background:#0a0c0e;border:1px solid var(--line2);border-radius:10px;padding:.8rem 1rem;box-shadow:inset 0 2px 8px rgba(0,0,0,.6)}
.stat b{display:block;font:800 1.5rem var(--mono);color:var(--acc);text-shadow:var(--glow)}
.toolbar{display:flex;flex-wrap:wrap;gap:.1rem;align-items:center}
.muted{color:var(--mut);font-size:.88rem}.share{word-break:break-all;font:500 .7rem var(--mono);background:#050607;border:1px solid var(--line2);padding:.6rem;border-radius:8px;max-height:90px;overflow:auto;color:var(--acc)}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#0b0d10;border:1px solid var(--acc);color:var(--acc);font:700 .74rem var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:.65rem 1.1rem;border-radius:9px;z-index:60;box-shadow:var(--glow);animation:boot .25s;pointer-events:none}
.sv-hero{text-align:center;padding:1.6rem 0 .6rem}.sv-hero h2{font-size:clamp(2.2rem,9vw,3.2rem);margin:.5rem 0 .2rem;letter-spacing:-.04em}.sv-hero h2 em{font-style:normal;color:var(--acc);text-shadow:0 0 24px rgba(198,255,61,.4)}
.sv-hero .led{font-size:3rem;margin-top:.6rem}
.worksheet{display:none}
@media(max-width:820px){.machine{grid-template-columns:1fr;padding-top:1.4rem}.strip{grid-template-columns:repeat(2,1fr)}.strip div:nth-child(2){border-right:0}.strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.grid2{grid-template-columns:1fr}.sl{grid-template-columns:92px 1fr 52px;font-size:.72rem}nav{width:100%}nav button{flex:1;padding:.45rem .3rem;font-size:.64rem}.hero{padding:1.4rem 0 1rem}.led{font-size:1.5rem}}
@media print{.no-print,header,footer,nav,.toast{display:none!important}body{background:#fff;color:#111;font:10.5pt/1.45 var(--disp)}body::before,body::after{display:none}main{padding:0;max-width:none;animation:none}
 .screen-only{display:none!important}.worksheet{display:block!important}.card{box-shadow:none;background:#fff;border:0;padding:0;backdrop-filter:none}.card::before,.card::after{display:none}
 .ws-week{page-break-after:always}.ws-week:last-child{page-break-after:auto}
 .ws-head{display:flex;justify-content:space-between;align-items:end;background:#0b0d10;color:#fff;padding:.6rem .8rem;border-radius:6px;margin-bottom:.7rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .ws-head h2{margin:0;font-size:17pt;color:#fff}.ws-head small{font:700 7.5pt var(--mono);letter-spacing:.15em;color:#c6ff3d}
 .ws-item{border-left:4px solid var(--c);padding:.1rem .6rem;margin:.35rem 0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ws-item small{color:#555}
 .cat-chords{--c:#7fb800}.cat-songs{--c:#e09000}
 table{border:1px solid #999;border-radius:0;background:#fff}td,th{border-bottom:1px solid #ccc;color:#111}td:first-child{color:#111}th{background:#eee;color:#333}td{height:34px}
 h3{font:700 8.5pt var(--mono);letter-spacing:.15em;text-transform:uppercase}
 .box{display:inline-block;width:11px;height:11px;border:1.5px solid #111;border-radius:2px;margin-right:6px;vertical-align:-1px}}