:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#0b0c0f;color:#f5f5f2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#22252c 0,#0b0c0f 38rem);min-height:100vh}a{color:inherit;text-decoration:none}.shell{width:min(1100px,calc(100% - 40px));margin:0 auto}.header{min-height:80px;justify-content:space-between;border-bottom:1px solid #2b2d33}.header,.header nav{display:flex;align-items:center}.header nav{gap:20px;color:#b8bac2;font-size:14px}.nav-button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0}.brand{font-weight:800;letter-spacing:-.02em}.hero{padding:110px 0;max-width:780px}.page{padding:64px 0 100px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#9ca3af;font-weight:700}h1{font-size:clamp(40px,7vw,76px);line-height:.98;letter-spacing:-.055em;margin:12px 0 24px}p{color:#c5c7ce;font-size:18px;line-height:1.6}.button{display:inline-block;margin-top:16px;border:0;border-radius:999px;background:#f5f5f2;color:#111217;padding:13px 20px;font-weight:800;cursor:pointer}.button:disabled{opacity:.55;cursor:wait}.secondary-button{display:inline-block;border:1px solid #454953;border-radius:999px;background:#1a1c22;color:#f5f5f2;padding:12px 18px;font-weight:750;cursor:pointer}.action-row,.detail-heading,.page-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.detail-heading,.page-heading{justify-content:space-between;align-items:flex-end}.detail-heading h1,.page-heading h1{margin-bottom:4px}.page-intro{max-width:760px;margin-bottom:42px}.form{display:grid;grid-gap:22px;gap:22px;max-width:850px;padding-bottom:60px}.presets{display:grid;grid-gap:12px;gap:12px;padding:16px;border:1px solid #30333b;background:#121419;border-radius:14px}.presets h2{margin:0 0 3px;font-size:16px}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.clear-button,.preset-button{border:1px solid #424650;border-radius:999px;background:#1b1e24;color:#e7e8eb;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}.clear-button{justify-self:start}.form-row{display:grid;grid-template-columns:2fr 1fr;grid-gap:18px;gap:18px}label{display:grid;grid-gap:8px;gap:8px;font-size:14px;color:#d8dae0}input,select,textarea{width:100%;border-radius:14px;border:1px solid #343740;background:#15171c;color:#f6f7f8;padding:14px;font:inherit}input:disabled,textarea:disabled{opacity:.55}.login-page{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:60px 0}.login-card{width:min(440px,100%);display:grid;grid-gap:20px;gap:20px;padding:34px;border:1px solid #30333b;border-radius:22px;background:#111318;box-shadow:0 30px 90px #0008}.login-card h1{font-size:48px}.song-form{display:grid;grid-gap:22px;gap:22px;max-width:920px;padding-bottom:100px}.song-form fieldset{border:1px solid #30333b;border-radius:18px;background:#111318;padding:24px;display:grid;grid-gap:20px;gap:20px}.song-form legend{font-size:18px;font-weight:800;padding:0 8px}.song-form legend span{color:#7e8491;margin-right:9px}.lyrics-editor{min-height:380px;line-height:1.65;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.helper{font-size:13px;margin:0;color:#8f929c}.form-three{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.sticky-actions{position:-webkit-sticky;position:sticky;bottom:18px;display:flex;justify-content:flex-end;gap:10px;border:1px solid #343740;background:#111318e8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:12px;border-radius:18px}.song-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-top:36px}.song-card{padding:22px;border:1px solid #2d3038;background:#121419;border-radius:18px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}.song-card h2{font-size:27px;margin:13px 0 0}.song-card p{font-size:14px}.card-actions{display:flex;gap:16px;align-items:center}.card-actions button{border:0;background:none;color:#d8dae0;padding:0;cursor:pointer;font:inherit}.card-actions .button{color:#111217;padding:11px 18px;margin:0}.tabs{display:flex;gap:6px;border-bottom:1px solid #30333b;margin:42px 0 28px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#8f929c;padding:14px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;cursor:pointer}.tabs button.active{color:#fff;border-color:#fff}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#050609d9;padding:20px}.modal{width:min(600px,100%);display:grid;grid-gap:20px;gap:20px;border:1px solid #3a3e48;border-radius:22px;background:#121419;padding:30px;box-shadow:0 30px 100px #000}.modal h2{font-size:34px;margin:7px 0}.danger{background:#472326;color:#ffccd0;margin-left:12px}.check{display:flex;grid-template-columns:auto 1fr;flex-direction:row;align-items:center;gap:10px}.empty,.status{border:1px solid #30333b;background:#121419;padding:18px;border-radius:14px}.library{display:grid;grid-gap:16px;gap:16px}.card{padding:22px;border:1px solid #2d3038;background:#121419;border-radius:18px;display:grid;grid-gap:18px;gap:18px}.card h2{font-size:24px;margin:7px 0 0;letter-spacing:-.025em}.card-meta{font-size:13px;margin:10px 0 0;color:#8f929c}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#282b33;color:#d7d9df;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.pill.succeeded{background:#173a2c;color:#8fe0b9}.pill.failed{background:#472326;color:#ffafb6}.player{width:100%}.metrics{display:flex;flex-wrap:wrap;gap:16px;color:#9699a3;font-size:13px}@media (max-width:760px){.form-row,.form-three{grid-template-columns:1fr}.header{align-items:flex-start;padding:22px 0;gap:18px;flex-direction:column}.header nav{flex-wrap:wrap;gap:13px}h1{font-size:44px}}