@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#24312b;--muted:#829088;--line:#e7ebe5;--paper:#fff;--bg:#f7f8f4;--green:#9cc6a5;--deep:#4e7c62;--soft:#edf5ed;--shadow:0 14px 45px rgba(52,73,59,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans SC',sans-serif}button{font:inherit;border:0;cursor:pointer;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#f0f4ee;border-right:1px solid #e4ebe3;padding:36px 24px 26px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{font-size:21px;font-weight:700;letter-spacing:3px;display:flex;gap:10px;align-items:center}.brand-mark{color:#71a47d;font-size:24px}.nav-list{margin-top:68px;display:grid;gap:10px}.nav-item{color:#7b8b81;text-decoration:none;padding:13px 15px;border-radius:12px;font-size:14px;display:flex;gap:14px;align-items:center;transition:.2s}.nav-item span{font-size:20px;line-height:1;width:20px;text-align:center}.nav-item.active,.nav-item:hover{color:#456b54;background:#fff;box-shadow:0 4px 15px #dbe8dc}.sidebar-note{margin-top:auto;background:#dcecdf;border-radius:16px;padding:18px;color:#567660;display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.8}.sidebar-note p{margin:0}.note-icon{font-size:24px}.sidebar-footer{font-size:10px;color:#9aa89e;margin-top:18px;text-align:center}.main-content{width:min(1180px,100%);margin-left:240px;padding:44px 56px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:11px;color:#91a096;letter-spacing:2px;display:block}.topbar h1{font-size:30px;margin:7px 0 0;letter-spacing:1px}.topbar-actions{display:flex;align-items:center;gap:16px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:#718079;font-size:20px}.avatar{background:#5c8b69;color:white;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700}.hero-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:20px}.card{background:var(--paper);border-radius:20px;box-shadow:var(--shadow)}.hero-card{min-height:282px;padding:38px 42px;position:relative;overflow:hidden;background:#eaf3e9}.pill{font-size:11px;color:#5d8668;background:#fff;border-radius:20px;padding:6px 12px}.hero-card h2{font-family:'Playfair Display','Noto Sans SC',serif;font-size:35px;line-height:1.35;font-weight:500;margin:20px 0 8px;letter-spacing:.3px}.hero-card h2 em{color:#5d926a}.hero-card p{font-size:13px;color:#829389;margin:0 0 24px}.primary-button{background:#4d7f5e;color:#fff;border-radius:10px;padding:12px 20px;font-size:13px;box-shadow:0 8px 15px rgba(77,127,94,.18);transition:.2s}.primary-button:hover{background:#3d6d4e;transform:translateY(-1px)}.primary-button span{font-size:18px;vertical-align:-1px}.sun-illustration{position:absolute;right:11%;top:24px;width:190px;height:220px;border-radius:50% 50% 10% 10%;background:linear-gradient(145deg,#d8ecd9,#c8e3cc);opacity:.72;transform:rotate(8deg)}.sun-core{position:absolute;right:34px;top:42px;color:#eab873;font-size:70px;transform:rotate(-8deg)}.spark{position:absolute;color:#c1dfc7;font-size:42px}.spark-a{top:115px;left:26px}.spark-b{top:170px;right:18px}.spark-c{top:16px;left:43px}.streak-card{padding:29px 30px;background:#fffdf8}.section-label{display:flex;justify-content:space-between;color:#88918a;font-size:12px}.flame{font-size:21px;color:#e8a56f}.streak-number{font-size:58px;line-height:1;margin:22px 0 7px;font-family:'Playfair Display',serif;color:#31433a}.streak-number small{font:14px 'Noto Sans SC';margin-left:8px;color:#819087}.streak-card p{font-size:12px;color:#9aa39c;margin:0}.week-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:25px}.week-dots i{height:8px;border-radius:5px;background:#e6ebe6}.week-dots i.done{background:#8dbb97}.week-labels{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:#a5afa8;font-size:9px;margin-top:7px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.stat-card{display:flex;align-items:center;padding:20px 23px;gap:15px}.stat-card span{font-size:11px;color:#96a099;display:block;margin-bottom:7px}.stat-card strong{font:600 23px 'Playfair Display',serif}.stat-card strong small{font:11px 'Noto Sans SC';font-weight:400;color:#819087}.stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:22px}.green{background:#e3f1e4;color:#77a97d}.blue{background:#e5eff4;color:#76a4b6}.orange{background:#fbede0;color:#db9d66}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.calendar-card,.recent-card{padding:27px 30px;min-height:340px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.card-heading h3{font-size:18px;margin:6px 0 0}.month-switcher{display:flex;gap:10px;align-items:center;color:#718079;font-size:12px}.month-switcher button{width:24px;height:24px;background:#f4f7f2;border-radius:7px;color:#78917d;font-size:18px;line-height:18px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-week{text-align:center;color:#a0aca2;font-size:10px;margin-bottom:10px}.calendar-grid{row-gap:9px}.calendar-cell{min-height:27px;text-align:center;font-size:11px;color:#8f9a92;padding-top:6px;border-radius:7px;position:relative}.calendar-cell.today{color:#fff;background:#527f60;font-weight:700}.calendar-cell:not(.blank).read{background:#b1d5b5;color:#477155}.calendar-cell.level-2{background:#86bd8f;color:#fff}.calendar-cell.level-3{background:#548b64;color:#fff}.calendar-cell.today.read{background:#3e7350}.legend{display:flex;justify-content:flex-end;align-items:center;gap:5px;color:#a1aaa3;font-size:9px;margin-top:21px}.legend i{width:10px;height:10px;border-radius:3px}.level-0{background:#edf1ec}.legend .level-1{background:#b1d5b5}.legend .level-2{background:#86bd8f}.legend .level-3{background:#548b64}.log-list{display:grid;gap:4px}.log-item{display:grid;grid-template-columns:40px 1fr auto;gap:13px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f2ef}.log-date{background:#eff5ef;border-radius:10px;text-align:center;padding:5px 0;color:#5b8667;font-size:10px}.log-date strong{display:block;font-size:16px;line-height:1.1}.log-info strong{display:block;font-size:13px;font-weight:600}.log-info span{display:block;color:#a0aaa3;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.log-minutes{font-size:11px;color:#78917d}.empty-state{text-align:center;color:#bdc8be;padding:30px 0;font-size:13px}.empty-state div{font-size:35px}.empty-state p{line-height:1.8}.empty-state span{font-size:11px;color:#c8d0c9}.text-button{background:none;color:#9aa69d;font-size:11px}.page-footer{text-align:center;color:#b0bab2;font-size:11px;margin:35px 0 10px}.modal-backdrop{position:fixed;inset:0;background:rgba(36,49,43,.28);backdrop-filter:blur(5px);display:none;place-items:center;padding:18px;z-index:10}.modal-backdrop.show{display:grid}.modal{position:relative;background:#fff;border-radius:22px;width:min(490px,100%);padding:34px;box-shadow:0 25px 80px rgba(30,50,38,.2)}.modal h2{font-size:24px;margin:8px 0}.modal-subtitle{color:#9aa69d;font-size:12px;margin:0 0 25px}.modal-close{position:absolute;right:18px;top:15px;background:none;font-size:24px;color:#9da9a0}.modal label{display:block;font-size:12px;color:#65736a;margin-bottom:15px}.modal input,.modal textarea{display:block;width:100%;border:1px solid #e4eae3;border-radius:9px;margin-top:7px;padding:11px 12px;font:13px 'Noto Sans SC';outline:none;background:#fbfcfa}.modal input:focus,.modal textarea:focus{border-color:#8bb895;box-shadow:0 0 0 3px #eaf4ea}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{width:100%;margin-top:5px}
@media(max-width:850px){.sidebar{width:76px;padding:28px 12px;align-items:center}.brand span:last-child,.nav-item{font-size:0}.nav-item{justify-content:center;padding:14px}.nav-item span{font-size:21px}.sidebar-note,.sidebar-footer{display:none}.main-content{margin-left:76px;padding:32px 26px}.hero-grid,.content-grid{grid-template-columns:1fr}.hero-card{min-height:260px}.sun-illustration{right:2%}.content-grid{gap:20px}}
@media(max-width:560px){.sidebar{width:100%;height:64px;inset:auto 0 0;padding:8px 18px;z-index:5;display:block;border:0;border-top:1px solid #e1eae1}.brand{display:none}.nav-list{margin:0;display:flex;justify-content:space-around}.nav-item{padding:9px 18px}.nav-item span{font-size:21px}.main-content{margin-left:0;padding:26px 16px 85px}.topbar{margin-bottom:22px}.topbar h1{font-size:26px}.icon-button{display:none}.hero-card{padding:28px 25px;min-height:290px}.hero-card h2{font-size:29px}.sun-illustration{opacity:.45;right:-30px;top:72px}.stats-row{gap:8px}.stat-card{padding:14px 9px;gap:8px;display:block;text-align:center}.stat-icon{margin:0 auto 8px;width:32px;height:32px;font-size:17px}.stat-card span{font-size:10px;margin-bottom:3px}.stat-card strong{font-size:19px}.stat-card strong small{font-size:9px}.calendar-card,.recent-card{padding:24px 18px}.calendar-week,.calendar-grid{gap:5px}.calendar-cell{min-height:25px}.modal{padding:28px 22px}.page-footer{margin-bottom:12px}}
 .title-line{display:flex;align-items:center;gap:18px}.mode-switch{display:flex;background:#edf1f4;padding:3px;border-radius:9px;margin-top:7px}.mode-switch button{background:transparent;color:#91a098;border-radius:7px;padding:5px 10px;font-size:11px}.mode-switch button.selected{background:#fff;color:#4e7c62;box-shadow:0 2px 7px rgba(52,73,59,.1)}
body[data-mode="math"] .hero-card{background:#e7f1fb}body[data-mode="math"] .sun-illustration{background:linear-gradient(145deg,#d2e7f8,#bdd9f0)}body[data-mode="math"] .sun-core{color:#79a9d4}body[data-mode="math"] .hero-card h2 em{color:#4b84b5}body[data-mode="poetry"] .hero-card{background:#fae9e7}body[data-mode="poetry"] .sun-illustration{background:linear-gradient(145deg,#f6d5d0,#efc1bb)}body[data-mode="poetry"] .sun-core{color:#d8796d}body[data-mode="poetry"] .hero-card h2 em{color:#bd5b55}
 .practice-card{padding:27px 30px;margin-top:20px}.practice-card .card-heading{margin-bottom:18px}.practice-count{font-size:11px;color:#6d9ac0;background:#e8f2fb;padding:6px 10px;border-radius:12px}.question-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.question-item{display:flex;align-items:center;gap:7px;background:#f7fafd;border:1px solid #e7eff6;border-radius:10px;padding:10px 9px;color:#526a7b;font-size:13px}.question-number{color:#9aabb7;font-size:10px;width:17px}.answer-input{width:66px;border:1px solid #dce8f0;background:#fff;border-radius:6px;padding:6px 5px;text-align:center;font:12px 'Noto Sans SC';outline:none}.answer-input:focus{border-color:#76a8ce;box-shadow:0 0 0 3px #eaf4fc}.question-item.correct{border-color:#8fc69e;background:#eff9f0}.question-item.wrong{border-color:#e2a09a;background:#fff1ef}.practice-footer{display:flex;align-items:center;gap:16px;margin-top:20px}.practice-footer .primary-button{padding:10px 18px}.practice-result{font-size:12px;color:#6a8a72}.practice-result strong{font-size:17px;margin-right:3px}@media(max-width:850px){.question-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.practice-card{padding:24px 18px}.question-grid{gap:8px}.question-item{font-size:12px;padding:9px 6px}.answer-input{width:58px}.practice-footer{flex-wrap:wrap}}
 .recommendation-card{position:relative;display:flex;align-items:flex-start;gap:18px;padding:25px 30px;margin-top:20px;overflow:hidden;background:#fffdf8}.recommendation-badge{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f9e7bd;color:#c68f42;font-size:20px;flex:none}.recommendation-content{position:relative;z-index:1}.recommendation-content h3{font-family:'Playfair Display','Noto Sans SC',serif;font-size:22px;font-weight:500;margin:6px 0 3px}.recommendation-meta{font-size:11px;color:#a28c70;margin:0 0 10px}.recommendation-content blockquote{border-left:2px solid #e7c88e;color:#7d837b;font-family:'Playfair Display','Noto Sans SC',serif;font-size:13px;line-height:1.7;margin:0;padding-left:12px;max-width:680px}.recommendation-mark{position:absolute;right:28px;bottom:-13px;color:#f4e4bd;font:100px Georgia,serif}body[data-mode="poetry"] .recommendation-card{background:#fff7f5}body[data-mode="poetry"] .recommendation-badge{background:#f8deda;color:#bd675e}body[data-mode="poetry"] .recommendation-meta{color:#ae7770}body[data-mode="poetry"] .recommendation-content blockquote{border-color:#e7aaa2}body[data-mode="reading"] .recommendation-card{background:#f7fbf6}body[data-mode="reading"] .recommendation-badge{background:#deefdf;color:#65916d}body[data-mode="reading"] .recommendation-meta{color:#75947d}body[data-mode="reading"] .recommendation-content blockquote{border-color:#a8cdaa}@media(max-width:560px){.recommendation-card{padding:22px 18px}.recommendation-content h3{font-size:19px}.recommendation-mark{right:12px}}
 #dailyRecommendation[hidden],#mathPractice[hidden]{display:none!important}
 .practice-settings{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:-3px 0 18px;padding-bottom:15px;border-bottom:1px solid #edf2f6}.setting-group{display:flex;align-items:center;gap:6px}.setting-group>span{font-size:11px;color:#8c9ca8;margin-right:3px}.setting-button{background:#f5f8fa;color:#8093a0;border:1px solid #e5edf2;border-radius:7px;padding:6px 10px;font-size:11px}.setting-button.selected{background:#e5f1fb;border-color:#a9cce7;color:#4b84b5}.daily-label{margin-left:auto;color:#9aabb4;font-size:10px}.practice-card .question-item span:nth-child(2){line-height:1.45}@media(max-width:560px){.practice-settings{gap:10px}.daily-label{width:100%;margin-left:0}}
 .question-item{flex-wrap:wrap}.answer-fold{display:flex;align-items:center;gap:7px;flex-basis:100%;margin:2px 0 0 24px}.answer-toggle{background:transparent;color:#78a0bd;font-size:10px;padding:2px 0}.answer-value{color:#68816e;font-size:10px}.answer-value[hidden]{display:none}
body[data-mode="englishReading"] .hero-card{background:#eee9fb}body[data-mode="englishReading"] .sun-illustration{background:linear-gradient(145deg,#e2d8f7,#d1c0ee)}body[data-mode="englishReading"] .sun-core{color:#9271c6}body[data-mode="englishReading"] .hero-card h2 em{color:#7954aa}body[data-mode="englishReading"] .recommendation-card{background:#faf7ff}body[data-mode="englishReading"] .recommendation-badge{background:#e6dcf7;color:#7d5db0}body[data-mode="englishReading"] .recommendation-content blockquote{border-color:#cbb8e9}body[data-mode="englishPractice"] .hero-card{background:#fff0df}body[data-mode="englishPractice"] .sun-illustration{background:linear-gradient(145deg,#ffe3bd,#f8c995)}body[data-mode="englishPractice"] .sun-core{color:#de9650}body[data-mode="englishPractice"] .hero-card h2 em{color:#c77632}
 .translation-toggle{background:transparent;color:#8064aa;font-size:11px;padding:8px 0 0}.recommendation-translation{color:#78817c;font-size:12px;line-height:1.7;margin:8px 0 0;padding:8px 10px;background:#f5f1fb;border-radius:8px}.recommendation-translation[hidden],.translation-toggle[hidden]{display:none}
 .question-translation-fold{display:flex;align-items:center;gap:7px;flex-basis:100%;margin:2px 0 0 24px}.question-translation-toggle{background:transparent;color:#9770b7;font-size:10px;padding:2px 0}.question-translation{color:#7c7484;font-size:10px;background:#f8f4fc;border-radius:6px;padding:3px 7px}.question-translation[hidden]{display:none}
 .reading-passage{flex-basis:100%;background:#f7f4fc;border-left:3px solid #9b7bc4;border-radius:9px;padding:13px 15px;margin-bottom:4px}.reading-passage span{display:block;color:#8063aa;font-size:11px;font-weight:600;margin-bottom:6px}.reading-passage p{margin:0;color:#5c5963;font:13px/1.8 'Playfair Display','Noto Sans SC',serif}
 .reading-category-switch{display:flex;gap:6px;margin:10px 0 4px}.reading-category-switch button{background:#edf6ee;color:#78917d;border-radius:7px;padding:5px 9px;font-size:10px}.reading-category-switch button.selected{background:#cfe6d1;color:#4e7c62}
 .reading-category-switch[hidden]{display:none!important}
.extension-fallback{margin:-8px 0 18px}.extension-fallback .setting-button{display:block}
.solution-fold{display:block;margin-top:6px}.solution-value{display:block;margin-top:5px;color:#607c8c;font-size:12px;line-height:1.6}
.setting-button.selected{box-shadow:0 0 0 3px rgba(120,170,210,.14)}body[data-mode="math"] .setting-button.selected,body[data-mode="math"] .mode-switch button.selected{background:#d2e7f8;border-color:#79a9d4;color:#3f70a0;box-shadow:0 0 0 3px rgba(121,169,212,.22)}body[data-mode="poetry"] .setting-button.selected,body[data-mode="poetry"] .mode-switch button.selected{background:#f6d5d0;border-color:#d8796d;color:#a64f48;box-shadow:0 0 0 3px rgba(216,121,109,.22)}body[data-mode="englishReading"] .setting-button.selected,body[data-mode="englishReading"] .mode-switch button.selected{background:#e2d8f7;border-color:#9271c6;color:#704e9f;box-shadow:0 0 0 3px rgba(146,113,198,.22)}body[data-mode="englishPractice"] .setting-button.selected,body[data-mode="englishPractice"] .mode-switch button.selected{background:#ffe3bd;border-color:#de9650;color:#b86625;box-shadow:0 0 0 3px rgba(222,150,80,.24)}body[data-mode="reading"] .setting-button.selected,body[data-mode="reading"] .mode-switch button.selected{background:#deefdf;border-color:#8fbd96;color:#4e7c62;box-shadow:0 0 0 3px rgba(101,145,109,.2)}
.stat-card#accuracyStatCard{display:flex}body[data-mode="reading"] #accuracyStatCard,body[data-mode="poetry"] #accuracyStatCard,body[data-mode="englishReading"] #accuracyStatCard{display:none!important}
.recommendation-content blockquote{white-space:pre-line}body[data-mode="poetry"] .recommendation-content blockquote{line-height:2}
.stats-row{grid-template-columns:repeat(4,1fr)}.purple{background:#eee5fa;color:#8e6bc0}@media(max-width:560px){.stats-row{grid-template-columns:repeat(2,1fr)}}