:root{--bg:#0b1014;--bg-soft:#0e151b;--card:#121a22;--border:#e8f4f81f;--border-strong:#e8f4f847;--text:#e8f4f8;--muted:#e8f4f89e;--mint:#3dffe0;--coral:#ff6b5a;--gold:#f0c65a;--radius:14px;--shadow:0 18px 50px #00000073;--glow-mint:0 0 22px #3dffe04d;--glow-coral:0 0 22px #ff6b5a4d;--font-sans:"Outfit", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Syne", system-ui, sans-serif;--font-mono:"SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, Monaco, "Cascadia Mono", monospace;--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{color-scheme:dark}body{background:radial-gradient(900px 500px at 50% -20%, #3dffe00d, transparent 60%), var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.55;display:flex}::selection{background:#3dffe040}a{color:var(--mint);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5em;line-height:1.2}main{flex:1}.container{width:min(1100px,100%);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.site-header{z-index:10;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b1014b8;position:sticky;top:0}.site-header .container{align-items:center;gap:1rem;padding-block:.85rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--mint);font-weight:700}.brand:hover{opacity:.9;text-decoration:none}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);margin-top:4rem}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding-block:1.4rem;display:flex}.muted{color:var(--muted)}.card{background:linear-gradient(180deg, #ffffff05, transparent), var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;transition:border-color .2s,transform .2s,box-shadow .2s}a.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.grid{gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (width<=760px){.grid-3,.grid-2{grid-template-columns:1fr}}.tools{margin-bottom:2.5rem}.tool-card{background:linear-gradient(#f0c65a0f,#0000 60%);border-color:#f0c65a59}.tool-card:hover{border-color:var(--gold)}.custom-card{padding:0;position:relative}.custom-card .custom-link{padding:inherit;color:inherit;text-decoration:none;display:block}.custom-del{border:1px solid var(--line);width:1.7rem;height:1.7rem;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;font-size:1rem;line-height:1;position:absolute;top:.6rem;right:.6rem}.custom-del:hover{color:var(--coral,#ff6b5a);border-color:var(--coral,#ff6b5a)}.page-title{margin:0 0 .3rem}.page-lede{margin:0 0 1.5rem}.import-text{box-sizing:border-box;width:100%;color:var(--text);border:1px solid var(--line);font-family:var(--font-mono);resize:vertical;background:#0c1218;border-radius:12px;padding:1rem;font-size:.9rem;line-height:1.5}.import-text:focus{border-color:var(--mint);outline:none}.import-help{color:var(--muted);margin:.8rem 0;font-size:.88rem}.import-help summary{cursor:pointer;color:var(--mint)}.import-help code{background:#e8f4f814;border-radius:5px;padding:.1rem .35rem}.import-errors{color:var(--coral,#ff6b5a);border:1px solid #ff6b5a80;border-radius:10px;margin:.8rem 0;padding:.8rem 1rem;font-size:.88rem;list-style:none}.import-errors li+li{margin-top:.3rem}.import-preview{border:1px solid #3dffe059;border-radius:12px;margin-top:1rem;padding:1rem 1.2rem}.import-preview-title{margin:0 0 .2rem;font-size:1.15rem;font-weight:600}.import-chords{font-family:var(--font-mono);font-size:.82rem}.import-preview .start-btn{margin-top:.6rem}.key-picker{flex-wrap:wrap;justify-content:center;gap:.45rem;margin:.4rem 0 1.2rem;display:flex}.key-picker button{border:1px solid var(--line);min-width:2.6rem;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:.45rem .6rem;font-size:.9rem}.key-picker button.on{background:var(--mint);border-color:var(--mint);color:#08231d;font-weight:600}.tag{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--border-strong);color:var(--text);white-space:nowrap;background:#ffffff0a;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .55rem;font-size:.78rem;display:inline-flex}.tag .dot{color:var(--mint)}.btn{color:var(--text);cursor:pointer;transition:box-shadow .2s var(--ease-out), transform .2s var(--ease-out);background:#3dffe01a;border:1px solid #3dffe059;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-weight:600;display:inline-flex}.btn:hover{box-shadow:var(--glow-mint);text-decoration:none;transform:translateY(-1px)}.hero{text-align:center;padding-block:clamp(2.5rem,8vh,4.5rem) 1rem}.hero .eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--mint);margin-bottom:.75rem;font-size:.78rem}.hero h1{color:var(--text);margin-bottom:.4rem;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:800}.hero p{color:var(--muted);margin-inline:auto;max-width:34rem;margin-bottom:0;font-size:1.12rem}.steps{margin-top:2.5rem}.steps h2{text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;font-size:1.1rem}.step-num{font-family:var(--font-mono);color:var(--mint);letter-spacing:.1em;font-size:.78rem}.step:nth-child(2) .step-num{color:var(--coral)}.step:nth-child(3) .step-num{color:var(--gold)}.step h3{margin-top:.4rem;font-size:1.05rem}.step p{margin-bottom:0}.songbook{margin-top:3.5rem}.songbook-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.2rem;display:flex}.songbook-head h2{margin:0}.song-count{font-family:var(--font-mono);color:var(--muted);font-size:.85rem}.song-card{flex-direction:column;gap:.6rem;display:flex}.song-card .song-title{margin:0;font-size:1.15rem;font-weight:700}.song-card .song-artist{color:var(--muted);margin:0}.song-meta{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.6rem;display:flex}.song-header{padding-block:.75rem 0}.song-header .back{font-family:var(--font-mono);font-size:.85rem}.song-header h1{margin-bottom:.2rem;font-size:clamp(1.8rem,4vw,2.6rem)}.song-artist-lg{color:var(--muted);margin-bottom:.9rem;font-size:1.1rem}.song-chips{flex-wrap:wrap;gap:.5rem;display:flex}.song-stage{margin-top:.75rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);padding:3rem 1.5rem}.empty .glyph{color:var(--mint);margin-bottom:.5rem;font-size:2rem;display:block}.song-header,.song-stage{position:relative}.song-header{z-index:2}.song-stage{z-index:1}.site-footer{z-index:1;position:relative}