/* Two carefully tuned palettes share the same layout and learning state. */
.theme-toggle{flex-shrink:0;width:36px;height:36px}
.appearance-panel{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:24px}
.appearance-panel .eyebrow{font-size:10px;margin-bottom:12px}.appearance-panel p{font-size:13px;line-height:1.9}
.theme-options{display:flex;gap:13px}.theme-option{width:160px;text-align:left;background:transparent;border:1px solid var(--line);border-radius:13px;padding:10px;cursor:pointer}
.theme-option[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.theme-option strong,.theme-option small{display:block;padding:0 4px}.theme-option strong{font-size:13px;margin:11px 0 4px;font-weight:550}.theme-option small{font-size:10px;color:var(--muted);margin-bottom:3px}
.theme-swatch{height:72px;border-radius:7px;padding:12px;display:block;position:relative;overflow:hidden}.theme-swatch svg{width:21px;height:21px;margin-bottom:7px}.theme-swatch i{display:block;width:63%;height:3px;margin-bottom:4px;background:currentColor;opacity:.2}.theme-swatch i:last-child{width:40%}
.theme-swatch.light{background:linear-gradient(130deg,#f6f8f3,#e3eddd);color:#3e624c}.theme-swatch.dark{background:linear-gradient(130deg,#273b46,#111a26);color:#c7f597}
html[data-theme="light"]{color-scheme:light;--navy:#203b3e;--ink:#253a3c;--muted:#697d7d;--green:#c7e6a3;--accent:#3b7151;--line:#dce5df;--bg:#f5f7f4;--white:#fff;--soft:#edf4e7;--blue:#edf3f5;--shadow:0 16px 45px #223e3910;background:var(--bg);color:var(--ink)}
[data-theme="light"] body{background:radial-gradient(ellipse at 80% 0%,#e2ecdc66,transparent 48%),var(--bg)}
[data-theme="light"] .topbar{background:#f5f7f4dc;border-color:#dce5df90}
[data-theme="light"] .sidebar{background:#fcfdfb;border-color:#dce5df;box-shadow:none}
[data-theme="light"] .brand-name,[data-theme="light"] .mobile-brand{color:#263e3b}
[data-theme="light"] .brand-sub,[data-theme="light"] .nav-label,[data-theme="light"] .local-note{color:#748480}
[data-theme="light"] .nav-link{color:#687e79}
[data-theme="light"] .nav-link:hover{background:#edf3e9;color:#2b543e}
[data-theme="light"] .nav-link.active{background:#e8f0df;color:#345c40;box-shadow:inset 2px 0 #4e7953}
[data-theme="light"] .nav-link.active svg{color:#466c47}
[data-theme="light"] .nav-link.active .badge{background:#d3e5bd}
[data-theme="light"] .habit-note{background:linear-gradient(145deg,#f1f5ed,#edf3e8);border-color:#dde7d8;color:#49624c}
[data-theme="light"] .habit-note p,[data-theme="light"] .habit-note svg{color:#70846b}
[data-theme="light"] .avatar{background:#e2ecd9;color:#4f724a}
[data-theme="light"] .icon-btn{background:#fff8;border-color:#dce5df;color:#62796b}
[data-theme="light"] .icon-btn:hover{background:#e6efdf;color:#375d3c}
[data-theme="light"] .eyebrow{color:#728476}
[data-theme="light"] .page-heading p{color:#6a7e79}
[data-theme="light"] .page-heading>.pill,[data-theme="light"] .pill{background:#ecf3e5;color:#567a43;border-color:#dfebd5}
[data-theme="light"] .pill.neutral{background:#f1f4f2;color:#6c7f7a;border-color:#e5ebe7}
[data-theme="light"] .btn{background:#f6f8f4;color:#445f53;border-color:#dbe4da}
[data-theme="light"] .btn:hover:not(:disabled){background:#eaf1e4;border-color:#b9cdb1}
[data-theme="light"] .btn.primary,[data-theme="light"] .btn.lime{background:#c7e6a3;color:#294325;border-color:#bddb99}
[data-theme="light"] .btn.primary:hover,[data-theme="light"] .btn.lime:hover{background:#b9dc90;border-color:#b2d587;box-shadow:0 3px 15px #779a5620}
[data-theme="light"] .btn.ghost{background:transparent;color:#648365;border-color:transparent}
[data-theme="light"] .link-btn,[data-theme="light"] summary{color:#4b7849}
[data-theme="light"] .panel,[data-theme="light"] .course-card,[data-theme="light"] .chunk-card,[data-theme="light"] .stat-card{background:#ffffffd9;border-color:#e0e7df;box-shadow:0 5px 20px #304c3905}
[data-theme="light"] .stat-card .stat-top,[data-theme="light"] .stat-value small{color:#6c8078}
[data-theme="light"] .stat-card .stat-top svg{color:#759457}
[data-theme="light"] .stat-value{color:#2b4540}
[data-theme="light"] .stat-foot{color:#7b8b7a}
[data-theme="light"] .task-row{border-color:#e9eee6}
[data-theme="light"] .task-title{color:#395349}
[data-theme="light"] .task-desc,[data-theme="light"] .task-status{color:#73877b}
[data-theme="light"] .step-num{background:#f0f4eb;color:#7c9272;border-color:#e9efe3}
[data-theme="light"] .step-num.current,[data-theme="light"] .task-row:hover .step-num{background:#e5f0d9;color:#4f7740;border-color:#ccdfb8}
[data-theme="light"] .step-num.done{background:#e8f1de;color:#4d7540}
[data-theme="light"] .task-status.done{color:#4f7842}
[data-theme="light"] .task-row>svg{color:#a6b8a6}
[data-theme="light"] .day-circle{background:#f0f4ed;color:#7b8e75}
[data-theme="light"] .day-circle.today{background:#eff6e7;color:#51703b;border-color:#91b171}
[data-theme="light"] .day-circle.done{background:#cae5af;color:#3e5e2e}
[data-theme="light"] .day-item,[data-theme="light"] .week-note{color:#7a8d77;border-color:#e7ede2}
[data-theme="light"] .spotlight{background:radial-gradient(ellipse at top right,#e9d9b044,transparent 70%),#faf7ef;border-color:#e9e0ce}
[data-theme="light"] .spotlight .pill{background:#eee6d5!important;color:#8b754c;border-color:#e5d9bf}
[data-theme="light"] .spotlight .eyebrow,[data-theme="light"] .spotlight .quote-mark{color:#97805a}
[data-theme="light"] .spotlight .phrase{color:#564c35}
[data-theme="light"] .spotlight .translation,[data-theme="light"] .spotlight-bottom .muted{color:#96866c}
[data-theme="light"] .spotlight .example{color:#726e5e}
[data-theme="light"] .spotlight-bottom{border-color:#e7dfcc}
[data-theme="light"] .loop-note p{color:#788d7a}
[data-theme="light"] .loop-note h3{color:#577760}
[data-theme="light"] .course-card:hover{background:#f9fcf5;border-color:#b9ceb0;box-shadow:0 13px 30px #2442270d}
[data-theme="light"] .course-card h3,[data-theme="light"] .chunk-card h3{color:#2e4b3d}
[data-theme="light"] .course-card p,[data-theme="light"] .chunk-card .meaning{color:#728575}
[data-theme="light"] .course-no,[data-theme="light"] .course-card:hover .course-no{color:#739465}
[data-theme="light"] .footer{border-color:#e0e7dc;color:#8b9b86}
[data-theme="light"] .track-choice{background:#fcfdf9;border-color:#e1e7da}
[data-theme="light"] .track-choice:hover{border-color:#b8caaa}
[data-theme="light"] .track-choice.selected{background:linear-gradient(120deg,color-mix(in srgb,var(--track-color) 19%,#fff),#fbfcf9);border-color:color-mix(in srgb,var(--track-color) 55%,#9da48e)}
[data-theme="light"] .track-code{color:color-mix(in srgb,var(--track-color) 35%,#2c4334);opacity:.85}
[data-theme="light"] .track-name{color:#536b54}
[data-theme="light"] .track-tag{color:#7e9077}
[data-theme="light"] .search input,[data-theme="light"] .select,[data-theme="light"] .player-options select{background:#fbfdf9;border-color:#dce6d6;color:#4f694e}
[data-theme="light"] .search input::placeholder,[data-theme="light"] .recall-input::placeholder,[data-theme="light"] .output-area::placeholder{color:#879983}
[data-theme="light"] .filter{background:#fafcf7;border-color:#e3e9dc;color:#73876b}
[data-theme="light"] .filter.active{background:#e6f0da;border-color:#c9dcba;color:#557740}
[data-theme="light"] .chunk-card .english-example{background:#f2f6eb;border-left-color:#b3cb99;color:#607451}
[data-theme="light"] .chunk-card details,[data-theme="light"] .chunk-card details p{color:#7a8c6f}
[data-theme="light"] .empty{background:#f9fcf6;border-color:#d1dfc8}
[data-theme="light"] .empty p{color:#728769}
[data-theme="light"] .empty>.empty-icon{background:#e9f2df;color:#7f9b63}
[data-theme="light"] .context{background:#eff5f5;border-color:#d9e7e6;color:#607d7e}
[data-theme="light"] .reading{color:#344f46}
[data-theme="light"] .reading mark{background:#dfeec7;color:#4b652e}
[data-theme="light"] .translation-box{background:#f3f6ee;border-color:#e6ecdf;color:#77876b}
[data-theme="light"] .stage-nav button{color:#7a8c71}
[data-theme="light"] .stage-nav button.active{background:#eaf2e1;border-color:#c6d9b5;color:#577841}
[data-theme="light"] .stage-nav small,[data-theme="light"] .stage-nav .future{color:#8b9a80;border-color:#dce6d3}
[data-theme="light"] .stage-nav .future a,[data-theme="light"] .study-top .eyebrow{color:#78955e}
[data-theme="light"] .flashcard h3{color:#3b583d}
[data-theme="light"] .flashcard .example,[data-theme="light"] .flashcard .scene{color:#637c63}
[data-theme="light"] .flashcard .hint{color:#879a7d}
[data-theme="light"] .recall-input,[data-theme="light"] .output-area{background:#fcfdf9;border-color:#dce5d6;color:#3d5840}
[data-theme="light"] .rating-btn{background:#fafcf7;border-color:#e1e9d9;color:#6c7857}
[data-theme="light"] .rating-btn:hover{background:#edf4e5;border-color:#b9d1a4}
[data-theme="light"] .rating-btn.again{color:#aa6955}
[data-theme="light"] .rating-btn.good{color:#5b803f}
[data-theme="light"] .rating-btn small{color:#839176}
[data-theme="light"] .player{background:radial-gradient(ellipse at 50% 60%,#dbebc288,transparent 70%),#f4f8ee;border-color:#dbe8ce}
[data-theme="light"] .wave{color:#86a962}
[data-theme="light"] .speech-status{color:#7c9566}
[data-theme="light"] .listen-text{color:#465f43}
[data-theme="light"] .hidden-text{background:repeating-linear-gradient(0deg,transparent,transparent 11px,#e4ecd9 11px,#e4ecd9 22px)}
[data-theme="light"] .hidden-text span{background:#f8fbf3;color:#7b9270}
[data-theme="light"] .listen-hints div{border-color:#e1e9d8;background:#f7faf2;color:#819675}
[data-theme="light"] .listen-hints b{color:#6a8954}
[data-theme="light"] .tip,[data-theme="light"] .output-meta{color:#7f9574}
[data-theme="light"] .chunk-tag{background:#edf4e2;border-color:#dce9cc;color:#6a8a4e}
[data-theme="light"] .checklist{color:#718865}
[data-theme="light"] .success-note{background:#f0f6e8;color:#648543;border-color:#dfeacd}
[data-theme="light"] .notice{background:#faf5e7;border-color:#eee1bd;color:#8e794a}
[data-theme="light"] .bar{background:#edf2e7}
[data-theme="light"] .bar span{background:linear-gradient(90deg,#b7d197,#769a51)}
[data-theme="light"] .heat-cell{background:#edf2e8;border-color:#e5ecdd}
[data-theme="light"] .heat-cell.lv1{background:#d1e3b9;border-color:#d1e3b9}
[data-theme="light"] .heat-cell.lv2{background:#abc787;border-color:#abc787}
[data-theme="light"] .heat-cell.lv3{background:#799d53;border-color:#799d53}
[data-theme="light"] .heat-cell.today{outline-color:#7a945f}
[data-theme="light"] .timeline-row,[data-theme="light"] .saved-output{border-color:#e3eadb}
[data-theme="light"] .timeline-row .timeline-content,[data-theme="light"] .saved-output p{color:#677e5b}
[data-theme="light"] dialog{background:#fbfdf7;border-color:#dbe6ce;color:#3e5733;box-shadow:0 25px 120px #1d351e30}
[data-theme="light"] dialog::backdrop{background:#24362980}
[data-theme="light"] dialog p{color:#7b9070}
[data-theme="light"] .audio-dock{background:#f2f8e8ed;border-color:#cadfb0;box-shadow:0 12px 45px #32532b20}
[data-theme="light"] .audio-dock strong{color:#496b30}
[data-theme="light"] .audio-dock #audio-dock-status{color:#82966e}
[data-theme="light"] .audio-orb,[data-theme="light"] .audio-dock .icon-btn{background:#e4efcf;border-color:#d3e2bb;color:#6c8a49}
[data-theme="light"] .studio-tabs{border-color:#e2e9d8}
[data-theme="light"] .studio-tab{color:#849779}
[data-theme="light"] .studio-tab.active{background:#eaf2df;color:#668248;border-color:#dae6c8}
[data-theme="light"] .episode{border-color:#e1e8d8;background:#fcfdf9}
[data-theme="light"] .episode:hover{background:#f3f8eb}
[data-theme="light"] .episode.active{background:#eef5e5;border-color:#bfd49e}
[data-theme="light"] .episode-no,[data-theme="light"] .episode.active .episode-no{color:#85a366}
[data-theme="light"] .episode strong{color:#506742}
[data-theme="light"] .episode small{color:#8a9b7b}
[data-theme="light"] .scene-focus .eyebrow,[data-theme="light"] .script-line>span{color:#789859}
[data-theme="light"] .scene-focus p{color:#81916e}
[data-theme="light"] .script-line{border-color:#e3ebd8}
[data-theme="light"] .script-line p{color:#627654}
[data-theme="light"] .transcript-hidden{color:#8b9f7b;border-color:#d5e3c8}
[data-theme="light"] .local-studio .eyebrow{color:#809f66}
[data-theme="light"] .clip-drop{border-color:#cadcb4;background:#f7faef}
[data-theme="light"] .clip-drop>svg{color:#8ca36d}
[data-theme="light"] .clip-drop p{color:#869b74}
[data-theme="light"] .clip-controls,[data-theme="light"] .local-studio>.field{color:#7c9269}
[data-theme="light"] .clip-controls input{background:#f9fcf3;color:#677e53;border-color:#dfe9d2}
/* Cinematic panels deliberately retain their contrast in both palettes. */
[data-theme="light"] .daily-hero .eyebrow{color:#b1c9c4}
[data-theme="light"] .dialogue-screen .eyebrow{color:#97a3bd}
[data-theme="light"] .dialogue-screen .pill{background:#ffffff0b;color:#cbd0e2;border-color:#ffffff0a}
@media(max-width:700px){.appearance-panel{display:block}.theme-options{margin-top:20px}.theme-option{width:50%}.top-right{gap:8px}[data-theme="light"] .sidebar{background:#fcfdfbef;box-shadow:0 -8px 35px #30452b08}[data-theme="light"] .nav-link.active{box-shadow:none}}
@media(prefers-reduced-motion:no-preference){body,.sidebar,.topbar,.panel,.stat-card{transition:background-color .2s,border-color .2s,color .2s}}