:root{--glass:#ffffffc9;--surface-soft:#f1edf7;--shadow:0 8px 28px #35214d0a;color-scheme:light;}
[data-theme=dark]{--background:#17151e;--surface:#24212e;--surface-soft:#302a3c;--ink:#f0ecf6;--muted:#b9b1c6;--border:#443b52;--accent:#bea0f0;--accent-dark:#d7c1fa;--accent-light:#393047;--glass:#24212ed9;--shadow:0 8px 28px #0002;color-scheme:dark;}
body{color:var(--ink);background:var(--background);}
.site-header,.main-nav,.player-bar{background:var(--glass);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);border-color:var(--border);}
.main-nav{border:1px solid var(--border);box-shadow:inset 0 1px #fff3;}
.nav-link{transition:background .2s,transform .2s,color .2s;}
.nav-link.is-active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #21152f10;animation:tab-settle .24s ease-out;}
.nav-link:active,.button:active,.icon-button:active{transform:scale(.96);}
@keyframes tab-settle{from{transform:translateY(3px);opacity:.6}to{transform:translateY(0);opacity:1}}
.worm-scroll{filter:saturate(.5) contrast(.82);opacity:.65;transition:opacity .2s;}.worm-scroll:hover,.worm-scroll:focus-within{opacity:.9;}
.compact-account{position:fixed;top:12px;right:14px;z-index:65;width:44px;height:44px;display:grid;place-items:center;background:var(--glass);color:var(--accent-dark);border:1px solid var(--border);border-radius:50%;backdrop-filter:blur(16px);box-shadow:var(--shadow);font-weight:750;text-decoration:none;animation:account-arrive .25s ease-out;}
@keyframes account-arrive{from{opacity:0;transform:translateY(-12px) scale(.8)}to{opacity:1;transform:none}}
.catalog-song{border-color:var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:17px;}
.song-body{padding:17px;gap:5px;}.song-title{font-size:1.15rem;}.song-author{font-size:.82rem;}.song-category-label{font-size:.63rem;}.song-progress:empty{display:none;}.song-actions{margin-top:12px;gap:14px;}.learning-controls{margin-top:12px;padding-top:8px;}.song-detail-link{font-size:.78rem;}.playlist-add{width:40px;height:40px;}.learning-toggle{min-height:40px;}.song-detail-art{max-height:170px;}
.play-icon{gap:6px;min-width:46px;min-height:44px;padding:10px 12px;line-height:1;}.play-icon svg{width:22px;height:22px;fill:currentColor;flex:none;}.stop-square{display:inline-block;width:17px;height:17px;background:currentColor;border-radius:3px;flex:none;}.stop-word{font-size:.71rem;font-weight:750;}.play-feedback{animation:play-tap .25s ease-out;}
@keyframes play-tap{40%{transform:scale(.9)}75%{transform:scale(1.06)}to{transform:none}}
.player-toggle{width:auto;}.player-expand{display:block;width:100%;height:27px;border:0;background:transparent;color:var(--accent-dark);cursor:pointer;touch-action:none;}.player-expand span{display:block;width:72px;margin:auto;border-bottom:3px solid var(--border);font-size:1.4rem;line-height:13px;}.player-inner{padding-top:7px;}.player-kicker{display:none;}.player-controls{flex-wrap:wrap;}.player-timeline{flex:1;min-width:120px;}#player-repeat{display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;min-width:44px;min-height:44px;}#player-repeat small{font-size:.65rem;}#player-repeat[aria-pressed=true]{background:var(--accent-light);border-color:var(--accent);}.sleep-control select{font-size:.75rem;max-width:100px;}
.study-panel,.study-analytics,.song-lyrics-panel,.song-overview,.catalog-toolbar,.step-card,.phone-help,.chart-empty,dialog,.page-button,.icon-button,.playlist-add,.playlist-list-item,.button-secondary,.back-to-top,.auth-form,.study-stats>div{background:var(--surface);color:var(--ink);border-color:var(--border);}
input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--border);}input::placeholder{color:var(--muted);opacity:.75;}.catalog-controls input,.catalog-controls select{background:var(--background);color:var(--ink);}.main-nav,.hero-art,.listening-totals>div,.admin-totals>div,.admin-table th,.song-category-label{background:var(--surface-soft);}.hero-art{border-color:var(--border);}.art-circle{background:var(--accent-light);}.learning-toggle{color:var(--muted);}.learning-learned[aria-pressed=true]{background:var(--accent-light);color:var(--accent-dark);}.played-box{border-color:var(--muted);}.song-back,.notice,.cloud-panel{color:var(--ink);background:var(--accent-light);border-color:var(--border);}.admin-table{background:var(--surface);}.top-track-meter{background:var(--surface-soft);}.chart-data td,.chart-data th{color:var(--ink);}.daily-bars{background:repeating-linear-gradient(to top,transparent 0 49px,var(--border) 49px 50px);border-color:var(--border);}.chart-scale{font-size:.7rem;color:var(--muted);margin:-12px 0 12px;}.daily-column{min-width:0;}.daily-bar{min-width:2px;}.top-track-meter{height:10px;}.top-track-meter>span{display:block;height:10px;min-height:10px;}.chart-axis{gap:12px;}.admin-tools{padding:18px 0;border-bottom:1px solid var(--border);}.admin-tools p:empty{display:none;}.admin-totals{gap:10px;}.admin-totals strong{font-size:1.5rem;}
[data-theme=dark] .button-primary,[data-theme=dark] .button-register,[data-theme=dark] .page-button[aria-current=page]{background:#7953bd;color:white;}[data-theme=dark] .song-detail-link,[data-theme=dark] .brand strong{color:var(--accent);}[data-theme=dark] .timed-line,[data-theme=dark] .plain-line{color:var(--ink);}[data-theme=dark] .timed-line.is-active{background:var(--accent-light);color:var(--ink);}[data-theme=dark] .lyrics-window{background:var(--background);border-color:var(--border);}[data-theme=dark] .reaction-caption{background:var(--surface);color:var(--ink);}[data-theme=dark] .is-playing{border-color:var(--accent);}[data-theme=dark] .account-avatar{background:#7953bd;color:#fff;}[data-theme=dark] .study-filters button{background:var(--surface);color:var(--ink);border-color:var(--border);}[data-theme=dark] .study-filters button[aria-pressed=true]{background:var(--accent-light);}
.settings-form{display:grid;gap:20px;max-width:660px;}.settings-form label{display:grid;gap:8px;font-size:.9rem;}.settings-form .setting-switch{display:flex;align-items:center;gap:12px;min-height:44px;}.setting-switch input{width:21px;height:21px;accent-color:var(--accent);}.settings-form input[type=date]{min-height:44px;padding:10px;border:1px solid var(--border);border-radius:10px;}.settings-form select{width:100%;}.quick-links{display:flex;flex-direction:column;gap:14px;}.quick-links a{padding:8px 0;text-decoration:none;border-bottom:1px solid var(--border);}.password-change,.reset-statistics{margin-top:26px;border-top:1px solid var(--border);padding-top:18px;}.password-change summary,.reset-statistics summary{cursor:pointer;min-height:44px;font-weight:650;}.reset-statistics p{font-size:.82rem;color:var(--muted);margin-bottom:14px;}.danger-button{background:var(--surface);border:1px solid #b76474;color:#ae304d;}[data-theme=dark] .danger-button{color:#ff9db1;}.reset-statistics .settings-form{grid-template-columns:1fr 1fr;}.reset-statistics button{grid-column:1/-1;}.optional-hint{display:none;}[data-hints=on] .optional-hint{display:block;}p:empty{display:none;}
.mascot-button{border:0;background:transparent;position:relative;z-index:2;padding:0;cursor:pointer;}.hero-mascot{position:static;transform:none;}.hero-art{display:grid;place-items:center;min-height:340px;}.hero-description{max-width:470px;}.art-note{position:absolute;font-size:2.2rem;color:var(--accent);opacity:.55;}.note-one{left:14%;top:25%;transform:rotate(-15deg)}.note-two{right:14%;bottom:20%;transform:rotate(15deg)}.mini-illustration{width:62px;height:62px;color:var(--accent);margin-bottom:22px;}.step-card{padding:24px;}.step-card p{font-size:.9rem;}.phone-help{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px;border:1px solid var(--border);border-radius:22px;}.phone-help .mini-illustration{width:42px;height:42px;margin-bottom:12px;}.phone-help p{color:var(--muted);margin-top:12px;}.about-more{margin:36px 0;max-width:850px;}.about-more summary{cursor:pointer;color:var(--accent-dark);padding:14px 0;}.about-more p{margin-top:18px;color:var(--muted);}.about-more h2{margin-top:14px;}.install-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;margin:24px 0 50px;}.install-steps li{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:20px;}.install-steps p{margin-top:12px;color:var(--muted);}.lyrics-fullscreen{overflow:hidden;}.lyrics-fullscreen .song-lyrics-panel{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;border-radius:0;padding:max(20px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom));}.lyrics-fullscreen .lyrics-window{flex:1;max-height:none;height:auto;}.lyrics-fullscreen .timed-line,.lyrics-fullscreen .plain-line{font-size:clamp(1.2rem,3vw,2rem);}.song-lyrics-heading{flex-wrap:wrap;gap:12px;}[data-lyrics-size=large] .timed-line,[data-lyrics-size=large] .plain-line{font-size:1.4rem;}
[data-motion=off] *,[data-motion=off] *::before,[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
[hidden]{display:none!important;}
@media(max-width:760px){.hero-art{min-height:280px;}.hero-mascot{width:240px;height:240px;}.hero{gap:22px;}.hero-copy h1{font-size:2.45rem;}.hero-description{font-size:1rem;}.hero-art .art-caption,.hero-art .art-tag,.hero-art .art-bottom{display:none;}.phone-help{display:block;padding:24px;}.phone-help .button{margin-top:22px;}.install-steps{grid-template-columns:1fr;gap:12px;}.install-steps li{padding:20px;}.install-steps .mini-illustration{float:right;margin:0 0 10px 12px;}.page-heading{margin-bottom:24px;}.page-heading p:not(.eyebrow){font-size:.9rem;}.catalog-grid{gap:10px;}.song-body{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:4px 12px;padding:13px 15px;}.song-category-label,.song-title,.song-author{grid-column:1;}.song-category-label{justify-self:start;font-size:.6rem;padding:3px 7px;}.song-title{font-size:1.04rem;margin:0;line-height:1.15;}.song-author{font-size:.74rem;margin:0;}.song-actions{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin:0;}.song-detail-link{font-size:.65rem;padding:8px 0;white-space:nowrap;}.learning-controls{grid-column:1/-1;display:flex;margin-top:5px;padding-top:4px;gap:8px;}.song-progress{grid-column:1/-1;margin:0;font-size:.65rem;}.song-body>.song-progress:empty{display:none;}.learning-toggle{min-height:38px;}.learning-favorite{width:38px;}.learning-learned{font-size:.68rem;}.playlist-add{height:38px;width:38px;}.play-icon{min-height:42px;min-width:46px;border-radius:13px;}.player-bar .player-inner{gap:8px;}.player-info img{width:35px;height:35px;}.player-info{min-width:0;}.player-info #player-title{font-size:.9rem;}.player-subtitle{font-size:.7rem;}.player-close{padding:8px;}.player-controls{gap:7px;}.player-speed select{font-size:.7rem;min-width:53px;padding:6px;}.player-volume{display:none;}#player-repeat{min-width:36px;min-height:40px;padding:4px;}.sleep-control select{max-width:85px;min-height:40px;padding:5px;}.player-timeline{min-width:95px;}.player-controls .player-toggle{padding:8px;min-width:40px;}.player-toggle .stop-word{display:none;}.compact-account{top:10px;right:10px;width:42px;height:42px;}.study-analytics{padding:18px;}.charts-grid{gap:30px;}.admin-table td,.admin-table th{padding:10px;font-size:.75rem;}.account-grid{gap:16px;}.account-page .study-panel{padding:22px;}}
.player-speed select{background:var(--surface);color:var(--ink);border-color:var(--border);}.learning-controls,.footer-faq details{border-color:var(--border);}.song-actions .play-icon{padding:9px 12px;gap:5px;max-width:84px;}[data-theme=dark] .player-toggle{background:#7953bd;color:#fff;}[data-theme=dark] .song-category-label{color:#c8acef;}