:root{color-scheme:dark;--bg:#17191d;--panel:#050505;--panel2:#21242a;--text:#f7f7f8;--muted:#aeb3bd;--green:#23d49a;--green2:#13b981;--line:#353941;--chip:#30343c;--gold:#ffcc4d;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 10%,rgba(35,212,154,.16),transparent 22rem),var(--bg);color:var(--text)}a{color:inherit}.home-shell,.player-shell{width:min(100%,760px);margin:0 auto;padding:22px 18px 44px}.hero-card{padding:28px 22px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(145deg,#23262d,#111317);box-shadow:0 18px 50px rgba(0,0,0,.25)}.eyebrow{margin:0 0 10px;color:var(--green);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-card h1{font-size:clamp(2.2rem,9vw,4.5rem);line-height:.95;margin:0}.hero-text{color:var(--muted);font-size:1.08rem;line-height:1.55}.song-list{display:grid;gap:14px;margin-top:18px}.song-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(0,0,0,.32)}.song-card h2{margin:0 0 4px;font-size:1.35rem}.song-card p{margin:0;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.chips span{padding:6px 9px;border-radius:999px;background:var(--chip);color:#dbeafe;font-size:.82rem;font-weight:700}.open-button,.start-button{border:0;border-radius:18px;background:var(--green);color:#04120d;font-weight:900;text-decoration:none;padding:13px 18px;box-shadow:0 0 28px rgba(35,212,154,.35);cursor:pointer}.topbar{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;margin-bottom:18px;font-weight:800;font-size:1.15rem}.icon-link{text-decoration:none;font-size:3rem;line-height:1;color:#f3f4f6}.dots{text-align:right;letter-spacing:.16em}.song-header h1{font-size:clamp(3rem,13vw,5rem);line-height:.95;margin:0 0 12px}.artist-row{display:flex;align-items:center;gap:10px;color:#f0f1f4;font-size:1.25rem}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#fff,#94a3b8);color:#111}.rating{margin-left:auto;color:#f4f4f5}.rating::first-letter{color:var(--gold)}.mode-card{margin:28px 0 22px;padding:18px;border-radius:22px;background:#020202}.tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.tab{display:grid;place-items:center;min-height:52px;border-radius:10px;font-size:1.05rem;color:#8e879b}.tab.active{background:#171a1f;color:var(--green)}.tab.muted{opacity:.55}.chords-summary{font-size:1.3rem;font-weight:900;letter-spacing:.04em}.capo{color:var(--green);font-weight:800}.controls-card{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr;gap:14px;margin:0 -6px 28px;padding:14px;border-radius:22px;background:rgba(23,25,29,.9);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08)}.metronome{display:flex;align-items:center;gap:13px}.beat-dot{width:24px;height:24px;border-radius:999px;background:#34403d;border:2px solid rgba(255,255,255,.18);transition:transform .12s,background .12s,box-shadow .12s}.beat-dot.on{background:var(--green);transform:scale(1.25);box-shadow:0 0 30px var(--green)}.metronome small{display:block;color:var(--muted);margin-top:2px}.speed-label{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:700}.speed-label input{width:100%}.start-button{width:100%;font-size:1.1rem}.start-button.stop{background:#f87171;color:#250808;box-shadow:0 0 28px rgba(248,113,113,.3)}.song-section{margin:34px 0}.song-section h2{display:inline-block;margin:0 0 22px;padding:8px 12px;border-radius:6px;background:#3a3d45;color:#e9edf4;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.grid-chords{display:grid;grid-template-columns:repeat(4,minmax(48px,1fr));gap:12px;margin:12px 0 18px;color:var(--green);font-size:1.35rem}.grid-chords strong:nth-child(n+5){color:#f4f4f5}.lyric-line{position:relative;margin:0 0 28px;padding-top:30px}.chord-row{position:absolute;left:0;right:0;top:0;height:28px}.chord-row span{position:absolute;color:var(--text);font-weight:900;font-size:1.25rem;transform:translateX(-4px)}.lyric-line p{margin:0;color:#b8bdc7;font-size:clamp(1.35rem,6vw,2rem);line-height:1.25}.wake-note{color:var(--muted);font-size:.85rem}@media(min-width:700px){.controls-card{grid-template-columns:1fr 1fr 170px;align-items:center}.start-button{width:auto}.home-shell,.player-shell{padding-top:40px}.song-card{padding:22px}}

.hero-actions{margin-top:18px}.ghost-button{display:inline-block;border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:11px 15px;text-decoration:none;color:#e5fff6;background:rgba(35,212,154,.08);font-weight:900}.status-chip{background:#334155!important;color:#f8fafc!important}.status-conception{background:#f59e0b!important;color:#241400!important}.status-démo,.status-demo{background:#475569!important;color:#f8fafc!important}.status-publié,.status-publie{background:#23d49a!important;color:#04120d!important}.source-status,.source-status-inline{color:#aeb3bd;font-size:.9rem;margin-top:8px}.song-status-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.submission-form{display:grid;gap:14px;margin-top:18px;padding:18px;border-radius:22px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.08)}.submission-form label{display:grid;gap:7px;color:#dbeafe;font-weight:800}.submission-form input,.submission-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#111317;color:#f8fafc;padding:12px;font:inherit}.submission-form textarea{resize:vertical;line-height:1.45}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{border-radius:14px;padding:12px 14px;font-weight:800}.notice.success{background:rgba(35,212,154,.16);color:#bfffea}.notice.error{background:rgba(248,113,113,.16);color:#fecaca}@media(max-width:520px){.song-card{align-items:flex-start;flex-direction:column}.open-button{width:100%;text-align:center}.form-grid{grid-template-columns:1fr}}