.contact-main{padding:64px 20px;background:radial-gradient(circle at top left,rgba(90,140,255,.12),transparent 32%),radial-gradient(circle at bottom right,rgba(0,200,160,.1),transparent 28%),#f7f9fc;min-height:100vh}.contact-section{max-width:1100px;margin:0 auto}.contact-wrap{background:rgba(255,255,255,.82);border:1px solid rgba(20,30,50,.08);border-radius:28px;box-shadow:0 20px 60px rgba(18,28,45,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px}.contact-head{text-align:center;margin-bottom:36px}.contact-badge{display:inline-block;padding:8px 14px;border-radius:999px;background:#eaf2ff;color:#2f5bd1;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.contact-head h1{margin:0 0 12px;font-size:clamp(30px,4vw,46px);line-height:1.15;color:#142033}.contact-head p{margin:0 auto;max-width:700px;font-size:16px;line-height:1.7;color:#5b6678}.contact-grid{display:block;grid-template-columns:1.3fr .9fr;gap:24px}.contact-card{background:#ffffff;border:1px solid rgba(20,30,50,.08);border-radius:24px;padding:28px;box-shadow:0 10px 30px rgba(16,24,40,.05)}.contact-card h2{margin:0 0 22px;font-size:22px;color:#142033}.contact-item+.contact-item{margin-top:18px}.contact-item .label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7b8798}.contact-item p{margin:0;font-size:17px;line-height:1.7;color:#1b2433}.contact-item a{color:#2f5bd1;text-decoration:none;font-weight:600}.contact-item a:hover{text-decoration:underline}.contact-item small{display:inline-block;margin-left:8px;color:#6c7687;font-size:14px}.contact-highlight{background:linear-gradient(135deg,#142033,#1f3352);color:#ffffff}.contact-highlight h2,.contact-highlight p{color:#ffffff}.contact-highlight p{opacity:.9;line-height:1.7;margin-bottom:24px}.contact-actions{display:flex;flex-wrap:wrap;gap:14px}.btn-contact{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#ffffff;text-decoration:none;font-weight:700;transition:.25s ease}.btn-contact:hover{transform:translateY(-2px);background:rgba(255,255,255,.14)}.btn-contact.primary{background:#ffffff;color:#142033;border-color:#ffffff}.btn-contact.primary:hover{background:#f2f5fb}@media (max-width:860px){.contact-wrap{padding:28px 20px}.contact-grid{grid-template-columns:1fr}.contact-card{padding:22px}}.contact-main{background:radial-gradient(circle at top left,rgba(79,95,232,.09),transparent 32%),radial-gradient(circle at bottom right,rgba(63,131,237,.07),transparent 28%),var(--bg)}.contact-card,.contact-wrap{border-color:var(--line);background:#ffffff;box-shadow:var(--shadow)}.contact-badge{background:#eaf0ff;color:var(--accent)}.contact-card h2,.contact-head h1,.contact-item p{color:var(--text)}.contact-head p,.contact-item .label,.contact-item small{color:var(--muted)}.contact-item a{color:var(--accent)}.contact-highlight{background:linear-gradient(135deg,#4f5fe8,#3f83ed)}.btn-contact.primary{color:var(--accent)}html[data-theme=dark] .contact-card,html[data-theme=dark] .contact-wrap{background:var(--card)}html[data-theme=dark] .contact-highlight{background:linear-gradient(135deg,#171f35,#222f4a)}.page{padding:24px 0 48px}.toolHeader{max-width:1000px;margin:0 auto 18px;padding:0 16px}.toolSub{margin-top:8px;opacity:.9}.toolCard{max-width:1000px;margin:14px auto;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,0,0,.15)}.row{gap:14px}.rowWrap{flex-wrap:wrap}.control{min-width:min(180px,100%);flex:1 1}.control.wide{flex:1 1 520px;min-width:280px}.input,.select{width:50%;max-width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);color:rgba(234,240,255,.92);outline:none}.range{width:100%}.hint{margin-top:8px;opacity:.85;font-size:.95rem}.smallNote{font-size:.9rem;opacity:.85;margin-left:8px}.bpmRow{margin-top:10px;display:flex;gap:10px;align-items:center}.bpmRow .input{max-width:120px}.actions{margin-top:10px}.status{flex:1 1;min-width:260px}.statusLine{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);font-size:.92rem}.chips{display:flex;flex-wrap:wrap;gap:2px}.chipBeat{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(121,110,110,.12);background:rgba(111,135,228,.38);font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chipBeat.active{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.25);border-color:rgba(8,243,63,.28);background-color:rgba(32,66,201,.38)}.btn2{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.2);color:rgba(234,240,255,.92);cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btnPrimary{background:rgba(20,201,36,.48)}.btnDanger{background:rgba(245,16,16,.48)}.btnGhost{background:rgba(37,51,131,.12)}.pianoKeyboard{width:100%}#guessArea{position:relative;width:100%;max-width:840px;min-height:220px;margin:0 auto;padding:18px 14px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.08)),rgba(0,0,0,.18);overflow-x:auto;overflow-y:hidden}.pianoInner{position:relative;height:185px;min-width:448px}.pianoKey{position:absolute;border:1px solid rgba(0,0,0,.25);border-radius:0 0 10px 10px;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .08s ease,box-shadow .12s ease,background .12s ease;font-weight:700;padding:0}.pianoKey span{pointer-events:none;margin-bottom:10px;font-size:.82rem}.pianoKey.white{height:180px;background:linear-gradient(180deg,#ffffff,#f2f2f2 72%,#dddddd);color:#222;z-index:1;box-shadow:inset 0 -6px 0 rgba(0,0,0,.08),0 8px 16px rgba(0,0,0,.14)}.pianoKey.black{height:110px;background:linear-gradient(180deg,#3a3a3a,#111);color:rgba(255,255,255,.95);z-index:2;border-color:rgba(255,255,255,.05);box-shadow:inset 0 -4px 0 rgba(255,255,255,.05),0 8px 14px rgba(0,0,0,.35)}.pianoKey:hover{transform:translateY(1px)}.pianoKey:active{transform:translateY(3px)}.pianoKey:disabled{cursor:default}.pianoKey:disabled:active,.pianoKey:disabled:hover{transform:none}.pianoKey.selected.white{background:linear-gradient(180deg,#e8f2ff,#d7e7ff)}.pianoKey.selected.black{background:linear-gradient(180deg,#49618d,#22304b)}.pianoKey.correct.white{background:linear-gradient(180deg,#dcfce7,#86efac);border-color:rgba(22,163,74,.72);color:#14532d}.pianoKey.correct.black{background:linear-gradient(180deg,#22c55e,#15803d);border-color:rgba(134,239,172,.76);color:#ffffff}.pianoKey.wrong.white{background:linear-gradient(180deg,#fee2e2,#fca5a5);border-color:rgba(220,38,38,.72);color:#7f1d1d}.pianoKey.wrong.black{background:linear-gradient(180deg,#ef4444,#991b1b);border-color:rgba(252,165,165,.76);color:#ffffff}.pianoKey.answer{outline:3px solid rgba(34,197,94,.95);outline-offset:-3px}.pianoKey.answer.white{background:linear-gradient(180deg,#dcfce7,#86efac);border-color:rgba(22,163,74,.72);color:#14532d}.pianoKey.answer.black{background:linear-gradient(180deg,#22c55e,#15803d);border-color:rgba(134,239,172,.76);color:#ffffff}#noteDisplay{min-width:90px;justify-content:center;font-size:1rem;font-weight:700;padding:10px 16px}.noteTrainerFeedback{gap:8px;width:-moz-fit-content;width:fit-content;margin:12px auto 0;padding:8px 13px;border:1px solid transparent;border-radius:999px;font-weight:800;font-size:.92rem;line-height:1}.noteTrainerFeedback,.noteTrainerFeedback span{display:inline-flex;align-items:center;justify-content:center}.noteTrainerFeedback span{width:18px;height:18px;border-radius:50%;color:#ffffff;font-size:.78rem}.noteTrainerFeedback.is-correct{border-color:rgba(22,163,74,.24);background:#dcfce7;color:#166534}.noteTrainerFeedback.is-correct span{background:#16a34a}.noteTrainerFeedback.is-wrong{border-color:rgba(220,38,38,.24);background:#fee2e2;color:#991b1b}.noteTrainerFeedback.is-wrong span{display:none}@media (max-width:768px){#guessArea{padding:14px 10px 10px;min-height:185px}.pianoInner{height:155px;min-width:min(350px,calc(100vw - 48px))}.pianoKey.white{height:150px}.pianoKey.black{height:92px}.pianoKey span{font-size:.7rem;margin-bottom:8px}}.chordOption{min-width:140px;text-align:center}.chordOption.correct{background:rgba(20,201,36,.48)}.chordOption.wrong{background:rgba(245,16,16,.48)}.chordOption.answer{outline:2px solid rgba(255,214,10,.95)}.toolCard{border-color:var(--line);background:var(--card);box-shadow:var(--shadow)}.input,.select{border-color:var(--line);background:#ffffff;color:var(--text)}#guessArea,.pill{border-color:var(--line);background:#faf9fd}.chipBeat{border-color:#e0d9f5;background:#f0ecfc;color:var(--text)}.chipBeat.active{border-color:rgba(79,95,232,.35);background:#dbe6ff;color:#3047bd;box-shadow:0 7px 18px rgba(79,95,232,.14)}.btn2{border-color:var(--line);background:#ffffff;color:var(--text)}.btnPrimary{border-color:rgba(79,95,232,.28);background:var(--accent);color:#ffffff}.btnGhost{background:#f5f3fb}html[data-theme=dark] .toolCard{background:rgba(0,0,0,.15)}html[data-theme=dark] #guessArea,html[data-theme=dark] .btn2,html[data-theme=dark] .input,html[data-theme=dark] .pill,html[data-theme=dark] .select{background:rgba(0,0,0,.2);color:rgba(234,240,255,.92)}html[data-theme=dark] .chipBeat{background:rgba(111,135,228,.38)}html[data-theme=dark] .chipBeat.active{background:rgba(79,110,232,.52);color:#ffffff}:root{--btn-height:44px;--btn-radius:14px;--btn-border:rgba(255,255,255,.10);--btn-bg:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.04));--btn-bg-hover:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));--btn-text:#eef4ff;--btn-muted:#b8c4e4;--btn-shadow:0 10px 24px rgba(0,0,0,.22);--btn-shadow-hover:0 14px 28px rgba(0,0,0,.28);--success-1:#22c55e;--success-2:#16a34a;--danger-1:#ff6b6b;--danger-2:#ef4444}.page{width:100%;min-width:0;max-width:1250px;margin:0 auto;padding:24px clamp(12px,4vw,16px) 64px}.page>header{margin-bottom:16px}.h1{margin:0;font-size:28px;line-height:1.2;text-align:center;color:#3f63db}.metaRow{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:10px 0 6px}.metaPill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.03);font-size:13px;opacity:.95}.controls,.metaPill{border:1px solid var(--border)}.controls{border-radius:16px;padding:16px;margin-bottom:16px;background:rgba(69,69,69,.65);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:0}.row{align-items:center;flex-wrap:wrap}.row,.toneRow{display:flex;gap:10px}.toneRow{flex-direction:column;margin-top:10px}.bnt-bottom,.bnt-head{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn1,.btnPlay{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--btn-border);border-radius:var(--btn-radius);min-height:var(--btn-height);padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;line-height:1;letter-spacing:.2px;color:var(--btn-text);background:var(--btn-bg);box-shadow:var(--btn-shadow);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease,opacity .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;min-width:0}.btn1:hover,.btnPlay:hover{transform:translateY(-1px);background:var(--btn-bg-hover);border-color:rgba(255,255,255,.18);box-shadow:var(--btn-shadow-hover)}.btn1:active,.btnPlay:active{transform:translateY(0);box-shadow:0 6px 14px rgba(0,0,0,.22)}.btn1:focus-visible,.btnPlay:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(79,95,232,.22),0 10px 24px rgba(0,0,0,.22)}.btn1{background:linear-gradient(180deg,rgba(45,156,230,.07),rgba(165,178,235,.035))}.btn1.is-active{color:#fff;border-color:rgba(79,95,232,.45);background:linear-gradient(135deg,rgba(79,95,232,.95),rgba(63,131,237,.86));box-shadow:0 12px 26px rgba(79,95,232,.24),inset 0 1px 0 rgba(255,255,255,.14)}.btnPlay{min-width:132px;padding:0 20px;font-weight:800;color:#fff;border:1px solid rgba(34,197,94,.32);background:linear-gradient(135deg,var(--success-1),var(--success-2));box-shadow:0 10px 24px rgba(22,163,74,.28),inset 0 1px 0 rgba(255,255,255,.14)}.btnPlay:hover{background:linear-gradient(135deg,#2dd46f,#15803d);border-color:rgba(34,197,94,.45);box-shadow:0 14px 30px rgba(22,163,74,.35),inset 0 1px 0 rgba(255,255,255,.18)}.is-stop{color:#fff!important;border:1px solid rgba(239,68,68,.35)!important;background:linear-gradient(135deg,var(--danger-1),var(--danger-2))!important;box-shadow:0 10px 24px rgba(239,68,68,.28),inset 0 1px 0 rgba(255,255,255,.12)!important}.is-stop:hover{background:linear-gradient(135deg,#ff7f7f,#dc2626)!important;border-color:rgba(239,68,68,.48)!important;box-shadow:0 14px 30px rgba(239,68,68,.34),inset 0 1px 0 rgba(255,255,255,.16)!important}#toneOut,#transposeLabel{cursor:default;color:var(--btn-muted);background:linear-gradient(180deg,rgba(161,14,14,.05),rgba(228,82,82,.02));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);justify-content:center;min-width:120px}#btnDown,#btnUp{min-width:44px;padding:0 14px;font-size:18px;font-weight:800}#btnReset{border-color:rgba(255,255,255,.14)}.beatBox{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.beatChip{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(0,0,0,.16);opacity:.95;-webkit-user-select:none;-moz-user-select:none;user-select:none}.beatChip.active{font-weight:900;opacity:1;background-color:rgb(155,167,238)}.sliderRow{margin-top:14px}.label{display:block;margin-bottom:8px}.slider{width:100%}.sliderHint{margin-top:6px;opacity:.9;font-size:13px}.songBox{--song-cell-min:44px;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;border:1px solid rgb(159,41,41);border-radius:16px;padding:16px;background:#e2e5e7;color:#000}.sectionWrapper{display:flex;align-items:center;gap:12px;margin:18px 0 10px;width:100%;min-width:0}.sectionTitle{font-size:18px;letter-spacing:1px;border-left:4px solid var(--accent);padding-left:10px}.sectionCountIn,.sectionTitle{font-weight:900;color:var(--accent)}.sectionCountIn{min-width:40px;background:rgba(178,178,178,.1);border-radius:50px;text-align:center}.groupRow{display:grid;grid-template-columns:repeat(3,minmax(320px,1fr));grid-gap:14px;gap:14px;width:100%;min-width:0;align-items:start}.lineWrap{scroll-margin-top:140px}.lineGrid,.lineWrap{width:100%;max-width:100%;min-width:0}.lineGrid{display:grid;grid-gap:0;gap:0;margin-bottom:20px;align-items:center}.gridCell{display:flex;align-items:center;justify-content:center;min-height:28px;min-width:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chordCell{font-weight:900;font-size:12px;line-height:16px;border:1px solid rgb(78,128,215);border-radius:5px}.chord-page-diagram-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:26px;max-width:100%;overflow-wrap:anywhere;color:inherit}.chordShapesSection{box-sizing:border-box;width:100%;max-width:1200px;min-width:0;margin:20px auto 0;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(13,25,47,.82);color:#f4f8ff;overflow:hidden}.chordShapesSection h2{margin:0 0 18px;font-size:20px;text-align:center;overflow-wrap:anywhere}.chordShapesInstrumentGroups{display:grid;grid-gap:26px;gap:26px;justify-items:center;min-width:0}.chordShapesInstrumentGroup{display:grid;justify-items:center;grid-gap:12px;gap:12px;width:100%;min-width:0}.chordShapesInstrumentGroup h3{margin:0;color:#f4f8ff;font-size:15px;font-weight:900}.chordShapesCarousel{display:flex;align-items:center;justify-content:safe center;gap:10px}.chordShapesCarousel,.chordShapesViewport{width:100%;max-width:100%;min-width:0;overflow:hidden}.chordShapesViewport{flex:0 1 980px}.chordShapesTrack{display:flex;flex-wrap:nowrap;justify-content:safe center;gap:12px;padding:2px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.chordShapesTrack::-webkit-scrollbar{display:none}.chordShapesCarouselButton{flex:0 0 40px;width:40px;height:40px;border:1px solid rgba(255,255,255,.17);border-radius:50%;color:#f4f8ff;background:rgba(255,255,255,.08);cursor:pointer;transition:background .18s ease,border-color .18s ease}.chordShapesCarouselButton:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.15)}.chordShapesCarouselButton:focus-visible{outline:2px solid #fff;outline-offset:2px}.chordShapeCard{box-sizing:border-box;flex:0 0 220px;max-width:100%;display:grid;justify-items:center;align-content:start;grid-gap:4px;gap:4px;min-height:216px;padding:12px 10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04)}.chordShapeCard h3{margin:0;font-size:16px}.chordShapeInstrument{color:var(--btn-muted);font-size:11px}.chordShapeEmpty,.chordShapesEmpty{color:var(--btn-muted);font-size:13px;text-align:center}.chordShapeEmpty{margin:auto 0}.chordShapeNav{display:flex;align-items:center;gap:9px;color:var(--btn-muted);font-size:11px;font-weight:700}.chordShapeNav button{width:25px;height:24px;border:1px solid rgba(255,255,255,.18);border-radius:7px;color:#f4f8ff;background:rgba(255,255,255,.06);cursor:pointer;font-size:10px}.chordShapeNav button:hover{background:rgba(255,255,255,.13)}.chordShapeNav button:focus-visible{outline:2px solid #fff;outline-offset:1px}.chordShapesEmpty{margin:0}.songPianoPanel{display:grid;justify-items:center;grid-gap:14px;gap:14px;width:100%;min-width:0}.songPianoChordTabs{display:flex;justify-content:safe center;gap:8px;width:100%;min-width:0;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}.songPianoChordTabs button{flex:0 0 auto;min-height:34px;padding:7px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.055);color:#f4f8ff;cursor:pointer;font:inherit;font-size:13px;font-weight:800}.songPianoChordTabs button.is-active,.songPianoChordTabs button:hover{border-color:rgba(159,247,200,.56);background:rgba(159,247,200,.16)}.songPianoKeyboardScroller{display:flex;justify-content:safe center;width:100%;max-width:100%;min-width:0;overflow-x:auto;padding:8px 2px 10px}.songPianoKeyboard{display:block;width:min(100%,920px);min-width:min(620px,calc(100vw - 48px));height:auto}.songPianoWhiteKey{fill:#f4f8ff;stroke:#415167;stroke-width:1}.songPianoBlackKey{fill:#132130;stroke:#415167;stroke-width:1}.songPianoWhiteKey.is-active{fill:#d8ffee}.songPianoBlackKey.is-active{fill:#1f7c62}.songPianoBlackKey.is-bass,.songPianoWhiteKey.is-bass{stroke:#ffd166;stroke-width:2}.songPianoKeyDot{fill:#23d18b;stroke:#132130;stroke-width:1}.songPianoKeyDot.is-bass{fill:#ffd166;stroke:#132130;stroke-width:1.5}.songPianoEmpty,.songPianoNotes{fill:#f4f8ff;color:var(--btn-muted);font-size:11px;font-weight:800;text-align:center;text-anchor:middle}.songPianoEmpty{margin:0;padding:16px 0}.floatingPlaybackControls{position:fixed;right:clamp(12px,4vw,34px);bottom:86px;z-index:90;display:flex;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(13,25,47,.93);box-shadow:0 12px 32px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floatingPlaybackButton{height:42px;min-width:86px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:11px;color:#fff;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.floatingPlaybackButton:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.15)}.floatingPlaybackButton:active{transform:translateY(1px)}.floatingPlaybackButton:focus-visible{outline:2px solid #fff;outline-offset:2px}.floatingPlaybackStop{background:rgba(195,43,54,.42)}.lyricCell{font-size:12px;line-height:18px;opacity:.95;overflow-wrap:anywhere;text-align:center}.cellActive{background-color:#a0afe0}@media (max-width:1024px){.page{max-width:860px;padding:20px 14px 56px}.groupRow{grid-template-columns:repeat(2,minmax(0,1fr))}.chordShapeCard{flex-basis:190px}}@media (max-width:768px){:root{--btn-height:40px;--btn-radius:12px}.h1{font-size:22px}.metaPill{font-size:12px;padding:6px 9px}.row{gap:8px}.btn1,.btnPlay{font-size:13px;padding:0 12px;gap:6px}.btnPlay{min-width:112px;padding:0 16px}#btnDown,#btnUp{min-width:40px;padding:0 10px;font-size:16px}#toneOut,#transposeLabel{min-width:0;padding:0 12px;font-size:13px}.groupRow{grid-template-columns:1fr;gap:8px}.page{padding:14px 12px 44px}.songBox{--song-cell-min:36px;padding:10px;border-radius:12px}.sectionWrapper{gap:8px;margin:14px 0 8px}.sectionTitle{font-size:16px;padding-left:8px}.lineGrid{margin-bottom:14px}.gridCell{min-height:26px}.chordCell,.lyricCell{font-size:11px}.chordShapesSection{padding:16px 12px}.chordShapeCard{flex-basis:180px}}@media (max-width:480px){:root{--btn-height:36px;--btn-radius:10px}.h1{font-size:20px}.page{padding:12px 8px 36px}.controls{padding:12px;border-radius:14px}.row{gap:6px}.btn1,.btnPlay{font-size:12px;padding:0 10px;gap:5px;box-shadow:0 6px 14px rgba(0,0,0,.18)}.btnPlay{min-width:96px;padding:0 14px}.beatChip{width:28px;height:28px;border-radius:9px}.songBox{--song-cell-min:30px;padding:8px 6px}.sectionTitle{font-size:15px}.lineGrid{margin-bottom:10px}.gridCell{min-height:25px}.chordCell,.lyricCell{font-size:10.5px;line-height:15px}.chord-page-diagram-trigger{min-height:25px}.bnt-head{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;width:100%}.bnt-head .btn1{width:100%;min-width:0}.bnt-bottom{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;grid-gap:8px;gap:8px;width:100%;align-items:center;margin:0 auto}#btnDown,#btnUp{min-width:40px;width:40px;padding:0;font-size:16px}#transposeLabel{padding:0 8px}#btnReset,#transposeLabel{min-width:0;width:100%;font-size:12px}#btnReset{grid-column:1/2;padding:0 18px}#toneOut{grid-column:2/4;min-width:0;width:100%;padding:0 10px;font-size:12px}.chordShapesSection{padding:14px 10px}.chordShapesSection h2{margin-bottom:14px;font-size:17px}.chordShapesInstrumentGroup h3{font-size:14px}.chordShapesCarousel{gap:6px;justify-content:flex-start}.chordShapeCard{flex-basis:158px;min-height:192px;padding:10px 4px}.chordShapesTrack{gap:8px}.chordShapesTrack,.songPianoChordTabs,.songPianoKeyboardScroller{justify-content:flex-start}.songPianoKeyboard{min-width:min(560px,calc(100vw - 40px))}.songControls,.songDisplayToolbar,.songHeroMeta,.viewerModeSwitch{max-width:100%;min-width:0}.chordShapeCard .chord-diagram-svg{width:102px;height:112px}.chordShapesCarouselButton{flex-basis:32px;width:32px;height:38px;border-radius:10px;font-size:11px}.floatingPlaybackControls{right:10px;bottom:68px;max-width:calc(100vw - 20px);padding:6px;gap:6px}.floatingPlaybackButton{height:38px;min-width:76px;padding:0 11px;font-size:12px}}:root{--btn-border:#dfd9ed;--btn-bg:#ffffff;--btn-bg-hover:#f1f5ff;--btn-text:#292735;--btn-muted:#686778;--btn-shadow:0 6px 16px rgba(46,35,82,.07);--btn-shadow-hover:0 9px 19px rgba(79,95,232,.14);--btn-active:#4f5fe8}.h1{color:var(--accent)}.controls,.metaPill{border-color:var(--line);background:#ffffff;color:var(--text)}.controls{box-shadow:var(--shadow)}.btn1{border-color:var(--btn-border);color:var(--btn-text);background:var(--btn-bg)}.btn1:hover{border-color:rgba(79,95,232,.3);background:var(--btn-bg-hover)}.btn1.is-active{border-color:rgba(79,95,232,.42);background:linear-gradient(135deg,var(--accent),var(--accent2))}#toneOut,#transposeLabel{border-color:var(--line);background:#faf9fd}.beatChip{border-color:#ddd5f3;background:#f4f1fc;color:var(--text)}.beatChip.active{border-color:rgba(79,95,232,.36);background:#d7e3ff;color:#3047bd}.songBox{border-color:#ded8ed;background:#ffffff;color:var(--text);box-shadow:var(--shadow)}.chordCell{border-color:rgba(79,95,232,.4);background:#faf8ff;color:#334bc2}.cellActive{background-color:#d9e4ff}.chordShapesSection{border-color:var(--line);background:#ffffff;color:var(--text);box-shadow:var(--shadow)}.chordShapeCard{border-color:var(--line);background:#faf9fd}.chordShapeNav button,.chordShapesCarouselButton{border-color:var(--line);background:#f4f1fb;color:var(--accent)}.chordShapeNav button:hover,.chordShapesCarouselButton:hover{border-color:rgba(79,95,232,.3);background:#ebe5fb}.floatingPlaybackControls{border-color:var(--line);background:#ffffff;box-shadow:0 12px 32px rgba(46,35,82,.12)}.floatingPlaybackButton{border-color:var(--line);color:var(--text);background:#f5f3fb}.floatingPlaybackButton:hover{border-color:rgba(79,95,232,.3);background:#ece6fc}.floatingPlaybackStop{border-color:rgba(200,63,88,.2);color:#a82944;background:#fdebef}html[data-theme=dark]{--btn-border:rgba(255,255,255,.10);--btn-bg:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));--btn-bg-hover:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));--btn-text:#eef4ff;--btn-muted:#b8c4e4;--btn-shadow:0 10px 24px rgba(0,0,0,.22);--btn-shadow-hover:0 14px 28px rgba(0,0,0,.28)}html[data-theme=dark] .metaPill{background:rgba(0,0,0,.03)}html[data-theme=dark] .controls{background:rgba(13,25,47,.62)}html[data-theme=dark] #toneOut,html[data-theme=dark] #transposeLabel,html[data-theme=dark] .beatChip{background:rgba(255,255,255,.04)}html[data-theme=dark] .beatChip{color:var(--text)}html[data-theme=dark] .beatChip.active,html[data-theme=dark] .cellActive{background-color:rgba(140,114,255,.52);color:#ffffff}html[data-theme=dark] .songBox{background:#172136;color:var(--text);border-color:rgba(255,255,255,.12)}html[data-theme=dark] .chordCell{background:rgba(79,95,232,.1);color:#eae4ff;border-color:rgba(169,145,255,.52)}html[data-theme=dark] .chordShapesSection,html[data-theme=dark] .floatingPlaybackControls{border-color:rgba(255,255,255,.12);background:rgba(13,25,47,.93);color:#f4f8ff}html[data-theme=dark] .chordShapeCard{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}html[data-theme=dark] .chordShapeNav button,html[data-theme=dark] .chordShapesCarouselButton,html[data-theme=dark] .floatingPlaybackButton{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.08);color:#f4f8ff}.page{max-width:1340px;padding:32px 22px 72px}.songHero{padding:30px 30px 24px;margin-bottom:18px;border:1px solid rgba(153,166,219,.16);border-radius:24px;background:linear-gradient(135deg,#1f2d5a,#25376d 55%,#334277);box-shadow:0 14px 34px rgba(18,28,60,.18)}.songHero .h1{max-width:900px;margin:0 auto 18px;color:#f6f8ff;font-size:clamp(30px,3vw,40px);font-weight:780;letter-spacing:-.045em}.songHero .metaRow{gap:10px;margin:0}.songHero .metaPill{gap:7px;padding:8px 13px;border-color:rgba(206,214,244,.14);background:rgba(255,255,255,.06);color:#e3e8f8;opacity:1}.songHero .metaPill i{color:#b8c5ec;font-size:12px}.songHero .metaPill a{color:#ffffff;font-weight:650;text-decoration:none}.songHero .metaPill a:hover{text-decoration:underline}.songHero .practiceTempoPill{min-width:156px}#songBpmNow{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.controls{padding:18px 20px;margin-bottom:22px;border-radius:20px;background:#fff;box-shadow:0 9px 26px rgba(32,43,78,.055)}.btn1,.btnPlay,.is-stop{border:1px solid #e1e5ef!important;background:#f7f8fc!important;color:#3f4b64!important;box-shadow:none!important}.btn1:hover,.btnPlay:hover,.is-stop:hover{border-color:#ccd5ec!important;background:#eff3fc!important;color:#334bc2!important;box-shadow:none!important}.btn1.is-active{border-color:#c7d3f7!important;background:#eaf0ff!important;color:#334bc2!important}.btnPlay i{color:#5269dd}.is-stop i{color:#c43d50}.chordDetailLayout{display:grid;grid-template-columns:minmax(0,2fr) minmax(285px,1fr);grid-gap:22px;gap:22px;align-items:start}.songBox{--song-cell-min:0px;max-width:none;min-width:0;margin:0;padding:20px;border-radius:20px;overflow-x:auto}.songDisplayToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.songDisplayToolbar.is-classic{justify-content:flex-end}#notesHint{margin:0;color:#657087;font-size:13px}.viewerModeSwitch{display:flex;flex:0 0 auto;min-width:0;gap:4px;padding:3px;border:1px solid #e1e6f1;border-radius:12px;background:#f6f8fc}.viewerModeSwitch .btn1{min-height:34px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:650}.groupRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lineGrid{margin-bottom:12px}.classicSong{padding:2px 4px 6px;color:#27334b;line-height:1.45}.classicSectionWrapper{margin:16px 0 8px}.classicLine{display:inline;scroll-margin-top:140px}.classicToken{display:inline-flex;flex-direction:column;align-items:flex-start;vertical-align:bottom;margin:0 10px 9px 0}.classicChord{color:#3d58cf;font-size:14px;font-weight:750;line-height:1.35}.classicChord,.classicChord .chord-page-diagram-trigger{min-height:22px}.classicLyric{font-size:16px;line-height:1.35;white-space:nowrap}.chordSidePanel{display:grid;grid-gap:16px;gap:16px;min-width:0}.songCommentsPlaceholder,.songPracticeLeaderboardCard,.songVideoCard{padding:15px;border:1px solid #e2e7f1;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(32,43,78,.045)}.songVideoPlaceholder{display:flex;align-items:center;justify-content:center;border:1px dashed #d4dbea;background:#f6f8fc;color:#91a0bf;font-size:34px}.songVideoEmbed,.songVideoPlaceholder{aspect-ratio:16/9;margin-bottom:14px;border-radius:12px}.songVideoEmbed{overflow:hidden;background:#0b1020}.songVideoEmbed iframe{display:block;width:100%;height:100%;border:0}.songCommentsPlaceholder h2,.songPracticeLeaderboardCard h2,.songVideoCard h2{margin:0;color:#1d273d;font-size:17px;font-weight:730}.songCommentsPlaceholder p,.songPracticeLeaderboardCard p,.songVideoCard p{margin:7px 0 0;color:#6d7790;font-size:13px;line-height:1.5}.songPracticeLeaderboardCard{overflow:hidden;border-color:#f4d58b;background:linear-gradient(180deg,rgba(255,248,222,.96),rgba(255,255,255,.98)),#fff}.songPracticeLeaderboardHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.songPracticeLeaderboardHead>div{display:flex;align-items:center;gap:8px;min-width:0}.songPracticeBee{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffe08a;box-shadow:inset 0 -2px 0 rgba(172,112,16,.16);font-size:17px}.songPracticeHoneyPill{flex:0 0 auto;padding:4px 9px;border:1px solid #f2cf75;border-radius:999px;background:#fff7d6;color:#8a5d08;font-size:12px;font-weight:800}.songPracticeTracks{display:grid;grid-gap:10px;gap:10px}.songPracticeTrackRow{display:grid;grid-template-columns:42px minmax(0,1fr);grid-gap:9px;gap:9px;align-items:center;padding:8px;border:1px solid rgba(226,178,66,.28);border-radius:14px;background:rgba(255,255,255,.68);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.songPracticeTrackRow:hover{transform:translateY(-1px);border-color:rgba(226,178,66,.48);box-shadow:0 8px 18px rgba(147,99,16,.11)}.songPracticeRank{display:flex;align-items:center;justify-content:center;gap:3px;min-height:34px;border-radius:12px;background:#fff2bd;color:#8f620b;font-size:13px;font-weight:900}.songPracticeRank i{color:#e0a516;font-size:11px}.songPracticeTrackBody{min-width:0}.songPracticeUserLine{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-bottom:6px;font-size:13px}.songPracticeUserLine a{min-width:0;color:#26334d;font-weight:750;text-decoration:none}.songPracticeUserLine strong{flex:0 0 auto;color:#8a5d08;font-size:12px}.songPracticeTrack{position:relative;height:17px;overflow:visible;border-radius:999px;background:repeating-linear-gradient(90deg,#fff3c3,#fff3c3 10px,#ffe6a0 0,#ffe6a0 20px)}.songPracticeTrackFill{position:relative;height:100%;min-width:42px;border-radius:999px;background:linear-gradient(90deg,#f6b73c,#ffd96a);box-shadow:inset 0 -2px 0 rgba(132,82,9,.14)}.songPracticeAvatar{position:absolute;top:50%;right:-14px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;overflow:hidden;transform:translateY(-50%);border:2px solid #fff;border-radius:50%;background:#f2b84b;color:#573a05;box-shadow:0 4px 10px rgba(123,82,10,.2);font-size:12px;font-weight:900}.songPracticeAvatar img,.songPracticeAvatar span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;object-fit:cover}.songPracticeEmpty{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:18px 10px;border:1px dashed #ecc867;border-radius:14px;background:#fff9df;text-align:center}.songPracticeEmpty span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#ffe18a;font-size:24px}.songSideHeading{display:flex;align-items:center;gap:9px}.songSideHeading i{color:#5269dd}.songCommentsPlaceholder textarea{display:block;width:100%;margin:14px 0 10px;padding:11px 12px;border:1px solid #e1e6f0;border-radius:11px;background:#f7f8fb;color:#7c8598;font:inherit;font-size:13px;resize:none}.songCommentsPlaceholder button{width:100%;min-height:39px;border:1px solid #e2e6f0;border-radius:10px;background:#f4f6fa;color:#96a0b5;font-weight:650}.songCommentCount{margin-left:auto;padding:2px 8px;border-radius:999px;background:#eef2fb;color:#52627c;font-size:12px;font-weight:700}.songCommentList{display:grid;grid-gap:9px;gap:9px;max-height:310px;margin:14px 0;overflow-y:auto}.songCommentItem{display:flex;align-items:flex-start;gap:9px;padding:9px;border:1px solid #edf0f7;border-radius:11px;background:#fafbfe}.songCommentReply{border-left:2px solid #dde5f5}.songCommentAvatar{display:flex;flex:0 0 30px;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;object-fit:cover}.songCommentAvatarDefault{background:#e6eaf3;color:#8792a9;font-size:13px}.songCommentProfileLink{color:inherit;text-decoration:none;transition:opacity .16s ease}.songCommentAuthor:hover,.songCommentProfileLink:hover{opacity:.72}.songCommentBody{flex:1 1 auto;min-width:0}.songCommentAuthor{color:#243049;font-size:13px;font-weight:700;text-decoration:none}.songCommentBody p{margin:3px 0 0;overflow-wrap:anywhere;color:#536079;font-size:13px;line-height:1.4}.songCommentActions{display:flex;align-items:center;gap:8px;margin-top:6px}.songCommentMenu{position:relative;display:inline-flex}.songCommentMenuList{position:absolute;right:0;top:100%;z-index:3;display:grid;min-width:86px;padding:5px;border:1px solid #dde4f2;border-radius:8px;background:#fff;box-shadow:0 10px 26px rgba(26,35,63,.14)}.songCommentMenuList button{width:100%;min-height:28px;padding:0 9px;border:0!important;border-radius:6px!important;background:transparent!important;color:#35405a!important;font-size:12px;text-align:left}.songCommentMenuList button:hover{background:#f2f5fb!important}.songCommentTinyButton{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto!important;min-height:0!important;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:#7a8498!important;font-size:12px;font-weight:700;cursor:pointer}.songCommentTinyButton.is-liked{color:#d94862!important}.songCommentTinyButton:disabled{cursor:default;opacity:.6}.songCommentReplies{display:grid;grid-gap:8px;gap:8px;margin-top:8px}.songCommentReplyForm{display:grid;grid-gap:7px;gap:7px;margin-top:8px}.songCommentEditForm{display:grid;grid-gap:7px;gap:7px;margin-top:6px}.songCommentEditForm textarea,.songCommentReplyForm textarea{margin:0}.songCommentEditActions button,.songCommentReplyForm button{justify-self:end;width:auto;min-height:32px;padding:0 13px}.songCommentEditActions{display:flex;justify-content:flex-end;gap:7px}.songCommentEmpty{margin:14px 0;padding:13px 12px;border-radius:11px;background:#f7f9fc;color:#737e94;font-size:13px;text-align:center}.songCommentForm textarea{color:#28344d}.songCommentForm button,.songCommentLogin{display:flex;align-items:center;justify-content:center;border-color:#d8deed;background:#f3f5fb;color:#3b4c73;cursor:pointer;text-decoration:none;transition:background .16s ease,border-color .16s ease}.songCommentForm button:hover:not(:disabled),.songCommentLogin:hover{border-color:#c9d2e7;background:#eaf0fb}.songCommentForm button:disabled{cursor:wait;opacity:.68}.songCommentLogin{min-height:39px;margin-top:14px;border:1px solid #d8deed;border-radius:10px;font-size:13px;font-weight:650}.songCommentError{color:#b34252!important}.songCommentError,.songCommentSuccess{margin:0 0 9px!important;font-size:12px!important}.songCommentSuccess{color:#16704f!important;font-weight:700}.songCommentItem:target{animation:songCommentHighlight 2.4s ease}@keyframes songCommentHighlight{0%{background:#fff4c2;box-shadow:0 0 0 4px rgba(255,205,71,.24)}to{background:transparent;box-shadow:none}}.chordShapesSection{max-width:none;margin-top:24px}.chordShapesInstrumentGroup h3{color:var(--text)}.songPianoChordTabs button{border-color:rgba(46,35,82,.12);background:#f5f3fb;color:#403d4b}.songPianoChordTabs button.is-active,.songPianoChordTabs button:hover{border-color:rgba(64,84,211,.36);background:#ece7ff}.songPianoWhiteKey{fill:#ffffff;stroke:#918ca1}.songPianoBlackKey{fill:#403d4b;stroke:#302d3a}.songPianoWhiteKey.is-active{fill:#ece7ff}.songPianoBlackKey.is-active,.songPianoKeyDot{fill:var(--accent)}.songPianoKeyDot{stroke:#ffffff}.songPianoKeyDot.is-bass{fill:#f2b84b;stroke:#403d4b}.songPianoEmpty,.songPianoNotes{fill:#403d4b}html[data-theme=dark] .controls,html[data-theme=dark] .songCommentsPlaceholder,html[data-theme=dark] .songHero,html[data-theme=dark] .songPracticeLeaderboardCard,html[data-theme=dark] .songVideoCard{border-color:rgba(255,255,255,.12);background:rgba(13,25,47,.93);color:var(--text)}html[data-theme=dark] .chordShapesInstrumentGroup h3{color:#f4f8ff}html[data-theme=dark] .songPianoChordTabs button{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#f4f8ff}html[data-theme=dark] .songPianoChordTabs button.is-active,html[data-theme=dark] .songPianoChordTabs button:hover{border-color:rgba(159,247,200,.56);background:rgba(159,247,200,.16)}html[data-theme=dark] .songPianoWhiteKey{fill:#f4f8ff;stroke:#415167}html[data-theme=dark] .songPianoBlackKey{fill:#132130;stroke:#415167}html[data-theme=dark] .songPianoWhiteKey.is-active{fill:#d8ffee}html[data-theme=dark] .songPianoBlackKey.is-active{fill:#1f7c62}html[data-theme=dark] .songPianoKeyDot{fill:#23d18b;stroke:#132130}html[data-theme=dark] .songPianoKeyDot.is-bass{fill:#ffd166;stroke:#132130}html[data-theme=dark] .songPianoEmpty,html[data-theme=dark] .songPianoNotes{fill:#f4f8ff}html[data-theme=dark] .viewerModeSwitch{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.045)}html[data-theme=dark] .classicSong{color:var(--text)}html[data-theme=dark] .classicChord{color:#aabaff}html[data-theme=dark] .songCommentsPlaceholder h2,html[data-theme=dark] .songHero .h1,html[data-theme=dark] .songPracticeLeaderboardCard h2,html[data-theme=dark] .songVideoCard h2{color:#f4f8ff}html[data-theme=dark] .songPracticeLeaderboardCard{border-color:rgba(255,216,115,.26);background:linear-gradient(180deg,rgba(64,48,18,.88),rgba(13,25,47,.94)),rgba(13,25,47,.93)}html[data-theme=dark] .songPracticeTrackRow{border-color:rgba(255,216,115,.16);background:rgba(255,255,255,.045)}html[data-theme=dark] .songPracticeTrackRow:hover{border-color:rgba(255,216,115,.32);box-shadow:0 8px 18px rgba(0,0,0,.18)}html[data-theme=dark] .songPracticeHoneyPill,html[data-theme=dark] .songPracticeRank{border-color:rgba(255,216,115,.28);background:rgba(255,216,115,.13);color:#ffe6a3}html[data-theme=dark] .songPracticeUserLine a{color:#f4f8ff}html[data-theme=dark] .songPracticeUserLine strong{color:#ffe6a3}html[data-theme=dark] .songPracticeTrack{background:repeating-linear-gradient(90deg,rgba(255,232,161,.14),rgba(255,232,161,.14) 10px,rgba(255,195,72,.18) 0,rgba(255,195,72,.18) 20px)}html[data-theme=dark] .songPracticeEmpty{border-color:rgba(255,216,115,.26);background:rgba(255,216,115,.08)}html[data-theme=dark] .songCommentsPlaceholder textarea,html[data-theme=dark] .songVideoPlaceholder{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05)}html[data-theme=dark] .songCommentCount,html[data-theme=dark] .songCommentEmpty,html[data-theme=dark] .songCommentItem{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:var(--muted)}html[data-theme=dark] .songCommentAuthor{color:#f4f8ff}html[data-theme=dark] .songCommentBody p{color:var(--muted)}html[data-theme=dark] .songCommentForm button,html[data-theme=dark] .songCommentLogin{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#e8efff}html[data-theme=dark] .songHero{border-color:rgba(153,166,219,.16);background:linear-gradient(135deg,#182447,#202e59 55%,#2a3563)}html[data-theme=dark] .songHero .metaPill{border-color:rgba(206,214,244,.14);background:rgba(255,255,255,.06);color:#e3e8f8}@media (max-width:1024px){.chordDetailLayout{grid-template-columns:1fr}.chordSidePanel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.page{padding:16px clamp(10px,3.5vw,12px) 48px}.songHero{padding:22px 15px 18px;border-radius:18px}.songHero .h1{font-size:26px}.controls{padding:14px}.songBox{--song-cell-min:0px;padding:12px 8px}.songDisplayToolbar{align-items:flex-start;flex-direction:column;margin:0 4px 18px}.songDisplayToolbar.is-classic{align-items:stretch}.viewerModeSwitch{align-self:stretch}.viewerModeSwitch .btn1{flex:1 1}.groupRow{grid-template-columns:1fr;gap:7px}.classicSong{padding:0 6px 6px}.classicSectionWrapper{margin:14px 0 7px}.classicToken{margin-right:8px;margin-bottom:8px}.classicLyric{font-size:15px}.chordSidePanel{grid-template-columns:1fr}}.controls{display:grid;grid-gap:12px;gap:12px;padding:14px 16px}.controlsTopRow{display:flex;align-items:end;justify-content:space-between;gap:16px}.controlGroup{display:grid;grid-gap:7px;gap:7px;min-width:0}.controlGroupLabel{color:#7b8497;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.controlGroupBody{display:flex;align-items:center;gap:12px}.displayModeGroup{flex:0 0 auto}.controls .btn1,.controls .btnPlay{min-height:36px;border-radius:10px;padding:0 12px;gap:7px;font-size:13px;font-weight:650}.controls .btnPlay{min-width:108px}.controls .bnt-bottom,.controls .bnt-head{gap:6px}.controls .beatBox{gap:5px}.controls .beatChip{width:28px;height:28px;border-radius:8px;font-size:12px}.transposeGroup{padding-top:11px;border-top:1px solid #edf0f5}.transposeGroup .bnt-bottom{justify-content:center}.controls #btnDown,.controls #btnUp{min-width:36px;width:36px;padding:0;font-size:16px}.controls #transposeLabel{min-width:126px}.controls #toneOut{min-width:96px}.tempoGroup{padding:11px 0 0;margin-top:0;border-top:1px solid #edf0f5}.tempoGroup .label{margin:0;color:#455168;font-size:13px}.tempoGroup .slider{margin:2px 0 0;accent-color:#6478dd}.tempoGroup .sliderHint{margin-top:0;color:#7b8497;font-size:12px}.practiceFocusGroup{display:flex;align-items:end;flex-wrap:wrap;gap:10px 14px;padding:11px 0 0;border-top:1px solid #edf0f5}.practiceFocusSelect{display:grid;grid-gap:7px;gap:7px;min-width:min(100%,220px);position:relative}.practiceFocusTrigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:38px;padding:0 11px 0 12px;border:1px solid #e1e5ef;border-radius:10px;background:#f7f8fc;color:#3f4b64;font:inherit;font-size:13px;font-weight:650;cursor:pointer;text-align:left}.practiceFocusTrigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practiceFocusTrigger i{flex:0 0 auto;color:#7b8497;font-size:11px;transition:transform .18s ease}.practiceFocusTrigger[aria-expanded=true] i{transform:rotate(180deg)}.practiceFocusMenu{position:absolute;top:calc(100% + 6px);left:0;z-index:120;width:100%;max-width:min(100%,calc(100vw - 24px));max-height:min(320px,calc(100vh - 180px));overflow:auto;overscroll-behavior:contain;padding:6px;border:1px solid #e1e5ef;border-radius:12px;background:#fff;box-shadow:0 16px 36px rgba(32,43,78,.16)}.practiceFocusOption{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:36px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#3f4b64;font:inherit;font-size:13px;font-weight:650;text-align:left;cursor:pointer}.practiceFocusOption span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practiceFocusOption i{flex:0 0 auto;color:#5269dd;font-size:12px}.practiceFocusOption.is-selected,.practiceFocusOption:hover{background:#eff3fc;color:#334bc2}.practiceVisualToggle{display:inline-flex;align-items:center;gap:8px;min-width:0;min-height:38px;padding:0 12px;border:1px solid #e1e5ef;border-radius:999px;background:#f7f8fc;color:#455168;font-size:13px;font-weight:700;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.practiceVisualToggle input{width:16px;height:16px;margin:0;accent-color:#5269dd;cursor:pointer}.practiceFocusNotice{flex-basis:100%;margin:0;color:#b34252;font-size:12px;font-weight:700;line-height:1.45}.controls .btnPlay:disabled{opacity:.55;cursor:not-allowed}.controls .btnPlay:disabled,.controls .btnPlay:disabled:hover{transform:none;box-shadow:none}html[data-theme=dark] .practiceFocusGroup,html[data-theme=dark] .tempoGroup,html[data-theme=dark] .transposeGroup{border-color:rgba(255,255,255,.1)}html[data-theme=dark] .controlGroupLabel,html[data-theme=dark] .tempoGroup .sliderHint{color:var(--muted)}html[data-theme=dark] .tempoGroup .label{color:var(--text)}html[data-theme=dark] .practiceFocusTrigger,html[data-theme=dark] .practiceVisualToggle{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:var(--text)}html[data-theme=dark] .practiceFocusMenu{border-color:rgba(255,255,255,.13);background:#17233a;box-shadow:0 16px 36px rgba(0,0,0,.34)}html[data-theme=dark] .practiceFocusOption{color:var(--text)}html[data-theme=dark] .practiceFocusOption.is-selected,html[data-theme=dark] .practiceFocusOption:hover{background:rgba(114,135,255,.16);color:#dfe6ff}@media (max-width:768px){.controlsTopRow{display:flex;align-items:end;gap:10px}.displayModeGroup,.playbackGroup{flex:1 1;min-width:0}.controlGroupBody{display:flex;min-width:0}.controls .btn1,.controls .btnPlay{flex:1 1 auto;min-width:0}.transposeGroup .bnt-bottom{justify-content:flex-start}.practiceFocusGroup{display:flex;align-items:end;flex-direction:row;flex-wrap:nowrap;gap:8px}.practiceFocusSelect{flex:1 1;min-width:0}.practiceVisualToggle{flex:1 1;justify-content:center;min-width:0;min-height:38px;padding:0 10px}}@media (max-width:480px){.controls{gap:9px;padding:10px}.controlsTopRow{gap:8px}.controlGroup{gap:5px}.controlGroupLabel{font-size:10px;letter-spacing:.04em}.controls .btn1,.controls .btnPlay{min-height:34px;padding:0 9px;font-size:12px}.controls .btnPlay{min-width:0}.controls .bnt-head{display:flex;flex-wrap:nowrap;gap:5px}.controls .bnt-head .btn1{flex:1 1}.controls .bnt-bottom{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;width:100%}.controls #btnReset,.controls #toneOut{width:auto;min-width:0}.controls #transposeLabel{flex:10 1;min-width:0}.beatBox{width:100%}.beatChip{flex:1 1 28px;max-width:40px}.practiceFocusGroup{gap:7px;padding-top:9px}.practiceFocusTrigger{min-height:36px;padding-left:10px;padding-right:10px;font-size:12px}.practiceVisualToggle{min-height:36px;gap:6px;padding:0 9px;font-size:12px;white-space:nowrap}.practiceVisualToggle input{width:15px;height:15px}}@media (max-width:360px){.practiceFocusGroup{flex-wrap:wrap}.practiceFocusSelect{flex-basis:100%}.practiceVisualToggle{justify-content:flex-start}}@media (max-width:768px){.page-shell:has(.chordDetailLayout) .scrollTopBtn{bottom:calc(72px + env(safe-area-inset-bottom))}.page-shell:has(.chordDetailLayout) .floatingPlaybackControls{bottom:calc(138px + env(safe-area-inset-bottom))}}@media (max-width:480px){.page-shell:has(.chordDetailLayout) .floatingPlaybackControls{bottom:calc(120px + env(safe-area-inset-bottom))}}.song-requests-page{padding:42px 0 68px}.song-requests-header{max-width:820px}.song-request-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.song-request-layout-manager{grid-template-columns:minmax(0,1fr)}.song-request-form{display:grid;grid-gap:16px;gap:16px;padding:22px}.song-request-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.song-request-wide{grid-column:1/-1}.song-request-field{display:grid;grid-gap:8px;gap:8px;min-width:0}.song-request-field-label{color:var(--muted);font-size:13px;font-weight:800}.song-request-form textarea{min-height:120px;font-family:inherit}.song-request-genre-picker{position:relative;width:100%;max-width:100%;min-width:0;overflow:visible}.song-request-genre-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:100%;min-height:42px;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.055);color:var(--text);cursor:pointer;font:inherit;text-align:left}.song-request-genre-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-request-genre-trigger i{flex:0 0 auto;color:var(--muted);font-size:12px}.song-request-genre-trigger:disabled{cursor:not-allowed;opacity:.65}.song-request-genre-list{position:absolute;top:calc(100% + 6px);left:0;z-index:20;display:grid;width:100%;max-width:100%;max-height:min(280px,56vh);overflow-x:hidden;overflow-y:auto;padding:6px;border:1px solid #dbe4f3;border-radius:12px;background:#fff;box-shadow:0 16px 34px rgba(31,55,95,.16)}.song-request-genre-list button{display:block;width:100%;max-width:100%;min-width:0;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#202b44;cursor:pointer;font:inherit;font-size:13px;font-weight:750;line-height:1.35;overflow-wrap:anywhere;text-align:left}.song-request-genre-list button.is-selected,.song-request-genre-list button:focus-visible,.song-request-genre-list button:hover{background:rgba(31,111,255,.1);color:#1f56d6;outline:none}.song-request-lyrics-builder{display:grid;grid-gap:12px;gap:12px}.song-request-lyrics-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;font-weight:800}.song-request-hidden-sections{display:none}.song-request-section-tabs{display:flex;flex-wrap:wrap;gap:7px}.song-request-section-tabs button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;max-width:100%;padding:0 12px;border:1px solid #dbe4f3;border-radius:999px;background:#fff;color:#202b44;cursor:pointer;font:inherit;font-size:12px;font-weight:850;white-space:nowrap}.song-request-section-tabs button.is-active{border-color:#1f6fff;background:#1f6fff;color:#fff;box-shadow:0 7px 16px rgba(31,111,255,.18)}.song-request-section-tabs button:disabled{cursor:not-allowed;opacity:.55}.song-request-section-tabs .song-request-section-add-tab{width:34px;padding:0;font-size:18px;line-height:1}.song-request-active-section{display:grid;grid-gap:10px;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.03)}.song-request-active-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px;font-weight:800}.song-request-active-section-head strong{color:var(--text)}.song-request-active-section textarea{min-height:240px;resize:vertical}.song-request-add-section,.song-request-remove-section{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:var(--text);cursor:pointer;font:inherit;font-size:12px;font-weight:850}.song-request-add-section{padding:0 12px}.song-request-remove-section{justify-self:end;padding:0 11px;color:#c33d55}.song-request-add-section:disabled,.song-request-remove-section:disabled{cursor:not-allowed;opacity:.55}.song-request-section-list{display:grid;grid-gap:12px;gap:12px}.song-request-section{display:grid;grid-template-columns:minmax(140px,190px) minmax(0,1fr);grid-gap:11px;gap:11px;min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.03)}.song-request-section legend{padding:0 7px;color:var(--muted);font-size:12px;font-weight:850}.song-request-section .song-request-remove-section{grid-column:1/-1}.song-request-login-card{display:grid;grid-gap:12px;gap:12px}.song-request-login-card h2,.song-request-login-card p{margin:0}.song-request-login-card p{color:var(--muted);line-height:1.55}.song-request-login-card .btn{width:-moz-fit-content;width:fit-content}.song-request-list-section{display:grid;grid-gap:16px;gap:16px;min-width:0}.song-request-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.song-request-list-head h2{margin:0;color:var(--text);font-size:24px}.song-request-filters{display:flex;flex-wrap:wrap;gap:8px}.song-request-filters a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);font-size:13px;font-weight:800}.song-request-filters a.is-active,.song-request-filters a:hover{border-color:rgba(82,105,221,.45);background:rgba(82,105,221,.12);color:var(--text)}.song-request-list{display:grid;grid-gap:12px;gap:12px}.song-request-carousel{display:grid;grid-gap:10px;gap:10px;min-width:0}.song-request-carousel-controls{display:flex;justify-content:flex-end;gap:8px}.song-request-carousel-controls button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #dbe4f3;border-radius:999px;background:#fff;color:#1f56d6;box-shadow:0 8px 22px rgba(31,55,95,.12);cursor:pointer}.song-request-carousel-track{display:flex;gap:10px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 12px;scroll-padding:2px;scroll-snap-type:x mandatory;scrollbar-width:thin}.song-request-public-card{display:grid;grid-template-rows:1fr auto auto;flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 50px) / 6);min-width:0;min-height:206px;overflow:hidden;border:1px solid #e6edf7;border-radius:14px;background:#fff;color:#1f2937;box-shadow:0 10px 24px rgba(31,55,95,.1);scroll-snap-align:start}.song-request-public-media{position:relative;display:block;min-height:0;overflow:hidden;background:#edf3ff;color:#fff}.song-request-public-media img{display:block;width:100%;height:100%;min-height:138px;object-fit:cover;transition:transform .18s ease}.song-request-public-media:after{position:absolute;inset:auto 0 0;height:58%;content:"";background:linear-gradient(180deg,rgba(10,18,34,0),rgba(10,18,34,.74));pointer-events:none}.song-request-public-media:hover img{transform:scale(1.035)}.song-request-public-media:hover .song-request-play-icon{transform:translate(-50%,-50%) scale(1.08)}.song-request-play-icon{position:absolute;top:50%;left:50%;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#ff0000;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.28);transform:translate(-50%,-50%);transition:transform .18s ease,box-shadow .18s ease}.song-request-play-icon i{margin-left:2px;font-size:13px}.song-request-media-title{position:absolute;right:10px;bottom:9px;left:10px;z-index:1;display:-webkit-box;overflow:hidden;color:#fff;font-size:13px;font-weight:900;line-height:1.22;text-shadow:0 1px 8px rgba(0,0,0,.38);-webkit-box-orient:vertical;-webkit-line-clamp:2}.song-request-public-placeholder{display:flex;align-items:flex-end;min-height:138px;padding:12px;background:linear-gradient(135deg,#eaf1ff,#f8fbff);color:#172033}.song-request-public-placeholder i{position:absolute;top:12px;left:12px;color:#1f56d6;font-size:20px}.song-request-public-placeholder .song-request-media-title{color:#172033;text-shadow:none}.song-request-public-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 10px 4px}.song-request-public-artist{min-width:0;overflow:hidden;color:#667085;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.song-request-public-count{display:inline-flex;align-items:baseline;flex:0 0 auto;gap:4px;color:#536176;font-size:12px;font-weight:850}.song-request-public-count strong{color:#1f56d6;font-size:17px;line-height:1}.song-request-public-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:4px 10px 10px}.song-request-vote-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:32px;min-width:86px;padding:0 12px;border:0;border-radius:9px;background:#1f6fff;color:#fff;cursor:pointer;font:inherit;font-size:12px;font-weight:900;box-shadow:0 7px 16px rgba(31,111,255,.22)}.song-request-vote-button:hover{background:#155bd6;color:#fff}.song-request-vote-button:disabled{background:#e7edf7;color:#667085;cursor:default;box-shadow:none}.song-request-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.song-request-card-preview{grid-column:1/-1}.song-request-card-main{min-width:0}.song-request-card h2{margin:0;color:var(--text);font-size:19px;line-height:1.25;overflow-wrap:anywhere}.song-request-card p{margin:6px 0 0;color:var(--muted);font-size:14px}.song-request-card-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.song-request-card-meta time,.song-request-vote{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.song-request-vote i{color:#e05278}.song-request-completed-link{min-height:30px;padding:5px 10px;border-radius:999px;font-size:12px}.song-request-manager-section{width:100%}.song-request-manager-card{display:grid;grid-gap:14px;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.song-request-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.song-request-manager-head h2,.song-request-manager-head p,.song-request-manager-preview{margin:0}.song-request-section-preview{display:grid;grid-gap:9px;gap:9px;max-height:280px;overflow:hidden;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);color:var(--muted);line-height:1.55}.song-request-section-preview div{display:grid;grid-gap:4px;gap:4px;min-width:0}.song-request-section-preview strong{color:var(--text);font-size:13px}.song-request-section-preview p{margin:0;white-space:pre-wrap}.song-request-section-preview>span{color:var(--text);font-size:12px;font-weight:850}.song-request-manager-head h2{color:var(--text);font-size:21px;line-height:1.25;overflow-wrap:anywhere}.song-request-manager-head p{margin-top:6px;color:var(--muted);font-size:14px;line-height:1.45}.song-request-manager-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:9px;gap:9px;margin:0}.song-request-manager-meta div{min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035)}.song-request-manager-meta dt{margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.song-request-manager-meta dd{margin:0;color:var(--text);font-size:13px;font-weight:750;overflow-wrap:anywhere}.song-request-manager-preview{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);color:var(--muted);line-height:1.6;white-space:pre-wrap}.song-request-manager-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.song-request-upload-link{min-height:38px;padding:0 14px;border-radius:999px;box-shadow:none;font-size:13px}.song-request-upload-blocked{max-width:520px;color:var(--muted);font-size:12px;font-weight:750;line-height:1.45}.song-request-claim-info{display:flex;align-items:flex-start;gap:10px;margin:0;padding:11px 13px;border:1px solid rgba(82,105,221,.28);border-radius:12px;background:rgba(82,105,221,.08);color:var(--text);font-size:14px;font-weight:800;line-height:1.4}.song-request-claim-info i{margin-top:2px;color:var(--accent)}.song-request-claim-info small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:750}.song-request-claim-info.is-current-user{border-color:rgba(54,166,120,.32);background:rgba(54,166,120,.1)}.song-request-claim-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}.song-request-claim-button{min-height:38px;padding:0 14px;border-radius:999px;box-shadow:none;font-size:13px}.song-request-claim-error,.song-request-claim-message{flex-basis:100%;margin:0;font-size:12px;font-weight:800;line-height:1.4}.song-request-claim-message{color:#17824c}.song-request-claim-error{color:#c33d55}.header-nav-badge,.mobile-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e7384f;color:#fff;font-size:11px;font-weight:900;line-height:1}.mobile-nav-badge{margin-left:auto}.home-request-cta{padding:30px 0 0}.home-request-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.home-request-section-head h2,.home-request-section-head p{margin:0}.home-request-section-head h2{color:var(--text);font-size:24px}.home-request-new-button{min-height:34px;padding:0 13px;border-radius:9px;font-size:12px;box-shadow:0 7px 16px rgba(31,111,255,.2);white-space:nowrap}.home-request-carousel{margin-top:16px}.admin-song-request-filters{margin:-10px 0 24px}.admin-song-request-row{position:relative}.admin-song-request-notes{display:grid;grid-gap:8px;gap:8px;padding:13px 14px;border:1px solid #e5eaf5;border-radius:12px;background:#fbfcff;color:#25304a;line-height:1.55;white-space:pre-wrap}.admin-song-request-notes p{margin:0}.admin-song-request-manage{display:grid;grid-template-columns:minmax(160px,220px) minmax(220px,1fr) auto;grid-gap:10px;gap:10px;align-items:end;padding:14px;border:1px solid #e6ebf5;border-radius:14px;background:#f8faff}.admin-song-request-manage label{display:grid;grid-gap:6px;gap:6px;color:#68758e;font-size:12px;font-weight:850}.admin-song-request-manage input,.admin-song-request-manage select{min-height:42px;border:1px solid #dbe2f0;border-radius:10px;background:#fff;color:#202b44;padding:9px 11px;font:inherit}.admin-song-request-delete{display:flex;justify-content:flex-end;margin:0}html[data-theme=dark] .admin-song-request-manage,html[data-theme=dark] .admin-song-request-notes{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:var(--text)}html[data-theme=dark] .admin-song-request-manage label{color:var(--muted)}html[data-theme=dark] .admin-song-request-manage input,html[data-theme=dark] .admin-song-request-manage select{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:var(--text)}@media (max-width:980px){.song-request-layout{grid-template-columns:1fr}.song-request-public-card{flex-basis:calc((100% - 20px) / 3)}.song-request-manager-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.home-request-section-head,.song-request-list-head{align-items:stretch;flex-direction:column}.home-request-section-head .btn{width:-moz-fit-content;width:fit-content}}@media (max-width:760px){.admin-song-request-manage,.song-request-form-grid,.song-request-manager-meta,.song-request-section{grid-template-columns:1fr}.song-request-public-card{flex-basis:min(76vw,252px)}.song-request-manager-head{flex-direction:column}.song-request-card-meta{justify-content:flex-start}.song-request-form{padding:18px}}