:root{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(1200px circle at 10% 10%,rgba(187,137,61,.18),transparent 50%),linear-gradient(160deg,#0b0d10,#10141a 45%,#0c0e13);color:#eef1f5;overflow-x:hidden}#root{min-height:100vh}.page-transition{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px circle at 20% 20%,rgba(187,137,61,.2),transparent 55%),linear-gradient(140deg,#06080ca6,#0a0c10d9);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1100}.page-content{transition:transform .2s ease,opacity .2s ease,filter .2s ease;will-change:transform,opacity}body.is-navigating .page-transition{opacity:1}body.is-navigating .page-content{opacity:.65;transform:scale(.965);filter:blur(2px)}.song-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transform-origin:center}.song-card--selected{transform:scale(1.08);box-shadow:0 30px 70px #0000008c;border-color:#e74c3c80;z-index:2}body.is-navigating .song-card{opacity:.5;transform:scale(.98)}body.is-navigating .song-card--selected{opacity:1;transform:scale(1.12)}.gradient-panel{background:#151a20;border:1px solid rgba(255,255,255,.08)}.dark-card{background:#151a20;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dark-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px #00000059;border-color:#ffffff29}.song-hero{position:relative;background:radial-gradient(1200px circle at 15% 20%,rgba(187,137,61,.2),transparent 55%),linear-gradient(120deg,#0c0d10fa,#20242ceb 45%,#14161ae6);color:#f7f3ec;border-radius:22px;overflow:hidden;padding:32px;transition:transform .2s ease,box-shadow .2s ease}.song-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/img/logo%20black.png) no-repeat 78% 20% / 240px;opacity:.05;pointer-events:none}.song-hero-blur{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/img/logo%20wh.png) center / 520px no-repeat;opacity:.08;filter:blur(18px)}.song-hero-card{background:#101216b3;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.song-hero-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #00000059;border-color:#ffffff2e}.dashboard-hero{position:relative;overflow:hidden}.dashboard-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/img/logo%20black.png) no-repeat 92% 18% / 260px;opacity:.06;pointer-events:none}.dashboard-hero-panel{background:#0c0e12bf;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px}.dashboard-kpi{background:linear-gradient(130deg,#131820f2,#0e1014f2)}.dashboard-panel{background:#101216e6}.dashboard-task{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.dashboard-task:last-child{border-bottom:none}.dashboard-verse{position:relative;overflow:hidden;background:radial-gradient(600px circle at 12% 10%,rgba(231,76,60,.2),transparent 50%),linear-gradient(160deg,#101216f2,#0a0c10f2)}.dashboard-verse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/img/logo%20wh.png) no-repeat 94% 18% / 120px;opacity:.08;pointer-events:none}.dashboard-verse-title{font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3}.dashboard-list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:transform .16s ease,background .16s ease}.dashboard-list-item:last-child{border-bottom:none}.dashboard-list-item:hover{transform:translate(6px);background:#ffffff05}.song-muted{color:#ffffffa6}.song-pill{background:#ffffff1a;color:#f7f3ec;border:1px solid rgba(255,255,255,.12);transition:transform .16s ease,border-color .16s ease,background .16s ease}.song-pill:hover{transform:translateY(-1px);border-color:#e74c3c66;background:#e74c3c29}.song-cover{width:160px;height:160px;border-radius:18px;background:linear-gradient(160deg,#fff3,#ffffff0a);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px #00000059}.song-tabbar{background:#101216d9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:6px 12px;color:#f7f3ec;transition:border-color .16s ease,box-shadow .16s ease}.song-tabbar:hover{border-color:#ffffff2e;box-shadow:0 12px 30px #00000052}.song-section{background:#151a20;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.song-section:hover{transform:translateY(-2px);box-shadow:0 18px 40px #00000059;border-color:#ffffff29}.muted-text{color:#fff9}.stage-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:radial-gradient(900px circle at 20% 20%,rgba(187,137,61,.25),transparent 55%),linear-gradient(160deg,#0b0d10,#0f131a 45%,#0c0e13);color:#f7f3ec;display:flex;flex-direction:column}.stage-header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px 8px}.stage-tabs{padding:0 16px}.stage-content{flex:1;padding:16px 20px;overflow:auto}.stage-footer{padding:12px 16px 18px;border-top:1px solid rgba(255,255,255,.08);background:#0a0c10d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-text{font-size:1.4rem;line-height:1.9;white-space:pre-wrap}.stage-muted{color:#fff9}.stage-pill{background:#ffffff1f;color:#f7f3ec;border:1px solid rgba(255,255,255,.12)}.stage-close{color:#f7f3ec;border:1px solid rgba(255,255,255,.18)}.mixer-tracks{position:relative;padding-top:8px}.mixer-playhead{position:absolute;top:8px;bottom:8px;width:2px;background:#fff9;box-shadow:0 0 12px #fff3;transform:translate(-1px);pointer-events:none;z-index:2}.mixer-wave{position:relative;height:56px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff14,#ffffff05),repeating-linear-gradient(90deg,#e74c3c59,#e74c3c59 6px,#ffffff0f 6px,#ffffff0f 14px);overflow:hidden}.mixer-wave:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.35),transparent 55%),linear-gradient(90deg,rgba(255,255,255,.25),transparent 60%);opacity:.45}.mixer-wave-progress{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:linear-gradient(90deg,#e74c3c8c,#e74c3c00);transition:width 80ms linear}.calendar-day{min-height:84px;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:8px;background:#ffffff05;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.calendar-day:hover{border-color:#e74c3c59;box-shadow:0 12px 26px #00000047;transform:translateY(-2px)}.calendar-day.is-active{border-color:#e74c3c99;background:#e74c3c1f;box-shadow:0 16px 30px #00000059}@keyframes loginFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.login-root{position:relative;min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center;padding:40px 24px;overflow:hidden}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px circle at 10% 20%,rgba(187,137,61,.25),transparent 55%),linear-gradient(120deg,#090a0ce6,#10141ad9,#0a0c10d9),url(https://images.unsplash.com/photo-1511379938547-c1f69419868d?auto=format&fit=crop&w=1400&q=80) center/cover no-repeat;filter:blur(1px);transform:scale(1.05);z-index:0}.login-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a0eb3;z-index:1}.login-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(280px,420px) minmax(260px,420px);gap:32px;align-items:center;width:100%;max-width:920px}.login-card{background:#0f131aeb;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 30px 60px #00000073;animation:loginFadeIn .4s ease both}.login-logo{width:88px;height:auto;animation:loginFloat 6s ease-in-out infinite}.login-side{display:flex;flex-direction:column;gap:12px;color:#f7f3ec;animation:loginFadeIn .5s ease 60ms both}@media (max-width: 900px){.page-content{padding:20px 16px!important}.dashboard-hero .MuiGrid-container{text-align:center}.dashboard-hero .MuiGrid-item{display:flex;justify-content:center}.dashboard-hero .MuiGrid-item>.MuiStack-root{align-items:center}.song-filters-card{position:static!important;top:auto!important}.song-filters-card .MuiCardContent-root{padding:14px}.song-cover{width:120px;height:120px}.song-hero{padding:20px}.song-tabbar{overflow-x:auto}.song-tabbar .MuiTabs-flexContainer{flex-wrap:nowrap}.song-card--selected{transform:scale(1.02)}body.is-navigating .song-card--selected{transform:scale(1.04)}.calendar-day{min-height:64px;padding:6px}.calendar-day .MuiTypography-caption{font-size:.65rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setlist-member-row{flex-wrap:wrap;align-items:flex-start;row-gap:8px;column-gap:8px}.song-form-grid .MuiGrid-item{display:flex}.song-form-grid .MuiCard-root{width:100%}.login-shell{grid-template-columns:1fr}.login-side{text-align:center;align-items:center}}:root{color-scheme:dark;--bg-1: #0b0f15;--bg-2: #121826;--panel: #141b26;--panel-2: #0f141d;--panel-border: rgba(255, 255, 255, .08);--accent: #c98a2a;--accent-soft: rgba(201, 138, 42, .18);--text: #f7f3ec;--muted: rgba(255, 255, 255, .62)}body{background:radial-gradient(1200px circle at 12% 10%,rgba(201,138,42,.2),transparent 55%),radial-gradient(800px circle at 85% 12%,rgba(74,120,156,.18),transparent 55%),linear-gradient(160deg,var(--bg-1) 0%,#0c111a 45%,var(--bg-2) 100%);color:var(--text);font-feature-settings:"liga" 1,"kern" 1;text-rendering:optimizeLegibility}.page-transition{background:radial-gradient(900px circle at 20% 20%,rgba(201,138,42,.25),transparent 55%),linear-gradient(140deg,#06080ca6,#0a0c10d9)}.gradient-panel{background:linear-gradient(160deg,#121822eb,#0e121aeb);border:1px solid var(--panel-border)}.dark-card{background:linear-gradient(160deg,#141b26f2,#0e121af2);border:1px solid var(--panel-border)}.song-hero{background:radial-gradient(1200px circle at 15% 20%,rgba(201,138,42,.22),transparent 55%),linear-gradient(120deg,#0c0e12fa,#1c222eeb 45%,#12161ce6);color:var(--text)}.song-hero:after{background:radial-gradient(500px circle at 80% 15%,rgba(255,255,255,.08),transparent 55%);opacity:1}.song-hero-blur{background:radial-gradient(420px circle at 65% 40%,rgba(201,138,42,.18),transparent 60%);opacity:.9;filter:blur(12px)}.song-hero-card{background:#101218c7;border:1px solid rgba(255,255,255,.12)}.dashboard-hero:before{background:radial-gradient(460px circle at 88% 20%,rgba(201,138,42,.18),transparent 60%);opacity:1}.dashboard-hero-panel{background:#0c1016c7;border:1px solid var(--panel-border)}.dashboard-panel{background:#10141ceb}.song-muted{color:var(--muted)}.song-pill{background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.14)}.song-pill:hover{border-color:#c98a2a73;background:#c98a2a2e}.song-cover{background:linear-gradient(160deg,#ffffff29,#ffffff08);border:1px solid rgba(255,255,255,.16)}.song-tabbar{background:#10141cd9;border:1px solid var(--panel-border);color:var(--text)}.song-section{background:linear-gradient(160deg,#141b26f2,#0e121af2);border:1px solid var(--panel-border)}.muted-text{color:var(--muted)}.stage-root{background:radial-gradient(900px circle at 20% 20%,rgba(201,138,42,.28),transparent 55%),linear-gradient(160deg,#0b0f15,#0f131a 45%,#0c1018);color:var(--text)}.stage-footer{border-top:1px solid var(--panel-border);background:#0a0e14d9}.stage-muted{color:var(--muted)}.stage-pill{background:#ffffff1a;color:var(--text);border:1px solid rgba(255,255,255,.16)}.stage-close{color:var(--text);border:1px solid rgba(255,255,255,.2)}.mixer-wave{border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#ffffff14,#ffffff05),repeating-linear-gradient(90deg,#c98a2a59,#c98a2a59 6px,#ffffff0f 6px,#ffffff0f 14px)}.mixer-wave-progress{background:linear-gradient(90deg,#c98a2a8c,#c98a2a00)}.calendar-day{border:1px solid var(--panel-border)}.calendar-day:hover{border-color:#c98a2a73}.calendar-day.is-active{border-color:#c98a2a99;background:#c98a2a1f}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.page-title{margin:0}.page-subtitle{color:var(--muted)}.MuiTextField-root .MuiInputBase-root{background:#0c1018b3;border-radius:14px}.MuiTextField-root .MuiInputBase-root.Mui-focused fieldset{border-color:#c98a2a99}.MuiButton-outlined{border-color:#fff3}.MuiButton-containedPrimary{background:linear-gradient(135deg,#c98a2af2,#e3b55ff2);color:#0b0f15}.MuiButton-containedPrimary:hover{background:linear-gradient(135deg,#e3b55ff2,#c98a2af2)}.MuiButton-containedSecondary{background:linear-gradient(135deg,#6e91afe6,#5c7692e6)}.setlist-calendar .calendar-grid{background:#0a0e148c;border-radius:16px;padding:10px;border:1px solid var(--panel-border)}.setlist-calendar .calendar-weekday{display:block;text-align:center;letter-spacing:.08em;text-transform:uppercase}.setlist-calendar .calendar-label{font-weight:600;letter-spacing:.02em}.calendar-day{min-height:96px;border-radius:14px;padding:10px;background:linear-gradient(160deg,#121822d9,#0e121ad9);border:1px solid rgba(255,255,255,.08);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.calendar-day.is-empty{background:transparent;border-color:transparent}.calendar-day.is-active{border-color:#c98a2a99;background:linear-gradient(160deg,#c98a2a29,#121822e6);box-shadow:0 16px 30px #00000059}.calendar-day-content{height:100%}.calendar-day-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.calendar-day.is-active .calendar-day-number{background:#c98a2a40;border-color:#c98a2a99}.calendar-day-event{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-day-more{color:#c98a2abf;font-weight:600}.setlist-planned .MuiButton-root{width:100%}.setlist-planned .MuiButton-contained{box-shadow:0 16px 30px #00000059}.learn-root{display:flex;flex-direction:column;gap:32px}.learn-hero{position:relative;overflow:hidden;border-radius:24px;padding:32px;background:radial-gradient(800px circle at 20% 10%,rgba(201,138,42,.25),transparent 55%),radial-gradient(600px circle at 80% 0%,rgba(92,118,146,.2),transparent 60%),linear-gradient(145deg,#0e121afa,#0a0e14f2);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px #00000073}.learn-hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/img/logo%20wh.png) no-repeat 85% 15% / 220px;opacity:.06;pointer-events:none}.learn-hero-content{position:relative;z-index:2}.learn-badge{letter-spacing:.28em;text-transform:uppercase;color:#ffffffb3}.learn-subtitle{max-width:640px;color:#ffffffb3}.learn-hero-stats .learn-stat{background:#0f141cd9;border:1px solid rgba(255,255,255,.08);border-radius:18px;min-width:160px}.learn-progress{height:8px!important;border-radius:999px;background:#ffffff14}.learn-progress .MuiLinearProgress-bar{background:linear-gradient(120deg,#c98a2af2,#e3b55ff2)}.learn-grid{gap:20px}.learn-accordion{border-radius:18px!important;overflow:hidden;background:#0e121ae6;border:1px solid rgba(255,255,255,.08)}.learn-accordion .MuiAccordionSummary-root{background:linear-gradient(145deg,#10141cfa,#0c1016fa)}.learn-level{background:#c98a2a29;border:1px solid rgba(201,138,42,.4);color:#ffffffd9}.learn-section{padding:16px;border-radius:16px;background:#10141cbf;border:1px solid rgba(255,255,255,.06)}.learn-lessons{gap:16px}.learn-lesson{background:linear-gradient(160deg,#121822f2,#0e121af2);border:1px solid rgba(255,255,255,.08);border-radius:16px}.learn-lesson.is-locked{opacity:.65;filter:grayscale(.2)}.learn-lesson.is-complete{border-color:#50c87866;box-shadow:0 14px 36px #12281c66}.lesson-index{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;background:#c98a2a33;border:1px solid rgba(201,138,42,.4)}.learn-resources{background:#0a0e1499;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.06)}.resource-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.resource-item:last-child{border-bottom:none}@media (max-width: 900px){.learn-hero{padding:22px}.learn-hero-stats{align-items:flex-start}}@media (max-width: 900px){.page-header{flex-direction:column;align-items:flex-start}.page-title{font-size:1.8rem}.song-hero{padding:20px}.song-hero:after{background:radial-gradient(340px circle at 75% 15%,rgba(255,255,255,.08),transparent 55%)}.song-cover{width:120px;height:120px}.song-section,.dark-card{border-radius:14px}.stage-text{font-size:1.1rem;line-height:1.7}.dashboard-list-item{flex-direction:column;align-items:flex-start;gap:8px}.dashboard-list-item:hover{transform:none}.setlist-calendar .calendar-grid{padding:6px;border-radius:12px}.calendar-day{min-height:72px;padding:8px}.calendar-day-number{width:22px;height:22px}}:root[data-theme=light]{color-scheme:light;--bg-1: #f5f7fb;--bg-2: #ecf1f8;--panel: #ffffff;--panel-2: #f6f9ff;--panel-border: rgba(12, 22, 38, .12);--accent-soft: rgba(201, 138, 42, .2);--text: #1b2638;--muted: rgba(27, 38, 56, .68)}:root[data-theme=light] body{background:radial-gradient(1200px circle at 12% 8%,rgba(201,138,42,.18),transparent 55%),radial-gradient(900px circle at 85% 12%,rgba(92,118,146,.15),transparent 55%),linear-gradient(160deg,#f8fbff,#f1f5fc 45%,#eaf0f8)}:root[data-theme=light] .page-transition{background:radial-gradient(900px circle at 20% 20%,rgba(201,138,42,.2),transparent 55%),linear-gradient(140deg,#f4f8ffb8,#ebf1fae0)}:root[data-theme=light] .gradient-panel,:root[data-theme=light] .dark-card,:root[data-theme=light] .song-section,:root[data-theme=light] .dashboard-panel,:root[data-theme=light] .dashboard-hero-panel,:root[data-theme=light] .song-hero-card,:root[data-theme=light] .song-tabbar,:root[data-theme=light] .learn-accordion,:root[data-theme=light] .learn-section,:root[data-theme=light] .learn-lesson,:root[data-theme=light] .learn-resources,:root[data-theme=light] .calendar-day,:root[data-theme=light] .setlist-calendar .calendar-grid{background:linear-gradient(160deg,#fff,#f6f9ff);border-color:#0c16261f;color:#1b2638}:root[data-theme=light] .song-hero,:root[data-theme=light] .learn-hero,:root[data-theme=light] .dashboard-verse,:root[data-theme=light] .stage-root,:root[data-theme=light] .stage-footer{color:#1b2638}:root[data-theme=light] .song-hero,:root[data-theme=light] .learn-hero,:root[data-theme=light] .stage-root{background:radial-gradient(1000px circle at 15% 12%,rgba(201,138,42,.18),transparent 55%),linear-gradient(135deg,#fdfefe,#f4f8ff 45%,#edf3fb);border-color:#0c16261f}:root[data-theme=light] .song-muted,:root[data-theme=light] .muted-text,:root[data-theme=light] .page-subtitle,:root[data-theme=light] .stage-muted{color:#1b2638ad}:root[data-theme=light] .song-pill,:root[data-theme=light] .stage-pill{background:#0c16260f;color:#1b2638;border-color:#0c162624}:root[data-theme=light] .song-cover,:root[data-theme=light] .mixer-wave{border-color:#0c162624}:root[data-theme=light] .MuiTextField-root .MuiInputBase-root{background:#fffc}:root[data-theme=light] .MuiButton-outlined{border-color:#0c162633}