.daily-course-page { background:#eef5f3; color:#173b38; }
.daily-course-page #app { max-width:1180px; padding:0 28px 54px; }
.daily-topbar { padding:22px 0; border:0; }
.daily-time { padding:9px 14px; border-radius:999px; background:#f7d95f; color:#5b4810; font-size:.8rem; font-weight:900; }
.daily-main { padding:28px 0 64px; }
.daily-overview-copy { padding:48px 52px 44px; border-radius:27px 27px 0 0; background:#173b38; color:#fff; }
.daily-overview-copy .lesson-eyebrow { margin-top:0; color:#8bc3ba; }
.daily-overview-copy h1 { margin:8px 0 15px; font:800 clamp(3rem,6vw,5rem)/.92 'Baloo 2',sans-serif; letter-spacing:-.03em; }
.daily-overview-copy h1 em { color:#ff8068; font-style:normal; }
.daily-overview-copy > p:last-child { max-width:640px; margin:0; color:#c7d9d5; font-size:1.1rem; line-height:1.6; }
.daily-principle { display:grid; grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto; align-items:center; gap:12px; padding:20px 28px; border:1px solid #dbe7e4; border-top:0; background:#fff; color:#617a75; font-size:.74rem; font-weight:900; letter-spacing:.08em; }
.daily-principle i { height:1px; background:#ccdad7; }
.daily-day-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:22px; }
.daily-day-card { display:grid; grid-template-columns:88px 1fr; gap:22px; min-height:245px; padding:30px; border:1px solid #d7e4e1; border-radius:23px; background:#fff; color:#173b38; text-align:left; cursor:pointer; box-shadow:0 12px 34px rgba(23,59,56,.05); transition:transform .18s,box-shadow .18s; }
.daily-day-card:hover { transform:translateY(-3px); box-shadow:0 18px 42px rgba(23,59,56,.1); }
.daily-day-number { display:grid; place-items:center; width:78px; height:78px; border-radius:22px; background:#f7d95f; font:800 2rem 'Baloo 2',sans-serif; transform:rotate(-3deg); }
.daily-day-card:nth-child(2) .daily-day-number { background:#bfe4dc; transform:rotate(3deg); }
.daily-day-card small { color:#d85540; font-size:.75rem; font-weight:900; letter-spacing:.08em; }
.daily-day-card h2 { margin:7px 0 7px; font:800 2rem 'Baloo 2',sans-serif; }
.daily-day-card p { margin:0; color:#667d78; font-size:1rem; line-height:1.55; }
.daily-day-card strong { display:block; margin-top:25px; color:#265f58; font-size:.9rem; }
.daily-lesson { max-width:960px; margin:0 auto; }
.daily-progress-shell { display:grid; grid-template-columns:auto 1fr; gap:14px 22px; align-items:center; padding:20px 24px; border:1px solid #dbe7e4; border-radius:20px; background:#fff; }
.daily-back { padding:8px 11px; border:0; background:transparent; color:#536e69; font:800 .85rem 'Nunito',sans-serif; cursor:pointer; text-decoration:underline; }
.daily-progress-shell div span,.daily-progress-shell div strong { display:block; }.daily-progress-shell div span { color:#6d827e; font-size:.78rem; font-weight:800; }.daily-progress-shell div strong { color:#173b38; font:800 1.25rem 'Baloo 2',sans-serif; }
.daily-progress-track { grid-column:1/-1; height:8px; overflow:hidden; border-radius:999px; background:#dce8e5; }.daily-progress-track i { display:block; width:20%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#ee684f,#f1bd37); transition:width .3s; }
.daily-stage { margin-top:20px; padding:44px; border:1px solid #dbe7e4; border-radius:25px; background:#fff; }
.daily-stage-header { margin-bottom:28px; }.daily-stage-header .lesson-eyebrow { margin-top:0; }.daily-stage-header h1 { margin:4px 0 8px; font:800 clamp(2.25rem,5vw,3.5rem)/1 'Baloo 2',sans-serif; }.daily-stage-header p { max-width:720px; margin:0; color:#647b76; font-size:1.05rem; line-height:1.6; }
.daily-phrase-grid { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.daily-phrase { display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; padding:17px 18px; border:1px solid #dbe7e4; border-radius:15px; background:#f9fcfb; }
.daily-phrase strong,.daily-phrase span { display:block; }.daily-phrase strong { font-size:1.08rem; }.daily-phrase span { margin-top:2px; color:#718581; font-size:.9rem; }
.daily-audio { display:grid; place-items:center; width:42px; height:42px; border:0; border-radius:50%; background:#dff1ed; cursor:pointer; font-size:1rem; }
.daily-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:30px; }
.daily-question { padding:24px; border:1px solid #dbe7e4; border-radius:18px; background:#f9fcfb; }.daily-question > small { color:#718581; font-weight:800; }.daily-question h2 { margin:7px 0 20px; font:800 1.8rem 'Baloo 2',sans-serif; }
.daily-options { display:grid; gap:9px; }.daily-option { padding:15px 17px; border:1.5px solid #cfdedb; border-radius:12px; background:#fff; color:#173b38; font:800 1rem 'Nunito',sans-serif; text-align:left; cursor:pointer; }.daily-option:hover:not(:disabled),.daily-option.selected { border-color:#2d746b; background:#e7f4f1; }.daily-option.correct { border-color:#238553; background:#def3e6; }.daily-option.wrong { border-color:#d85b49; background:#fde8e4; }
@media (hover:none), (pointer:coarse) { .daily-option { -webkit-tap-highlight-color:transparent; }.daily-option:hover:not(:disabled):not(.selected) { border-color:#cfdedb; background:#fff; } }
.daily-feedback { margin:15px 0 0; padding:12px 14px; border-radius:11px; background:#eef4f2; color:#536b67; font-weight:800; }
.daily-build { display:grid; gap:20px; }.daily-build-card { padding:22px; border:1px solid #dbe7e4; border-radius:18px; }.daily-build-card > span { color:#6d827e; font-size:.9rem; }.daily-answer-line { min-height:60px; margin:14px 0; padding:9px; border:1.5px dashed #aac2bd; border-radius:13px; background:#f7fbfa; }.daily-word-bank,.daily-answer-line { display:flex; flex-wrap:wrap; gap:8px; }.daily-word-tile { padding:9px 12px; border:0; border-radius:10px; background:#173b38; color:#fff; font:800 .95rem 'Nunito',sans-serif; cursor:pointer; }.daily-answer-line .daily-word-tile { background:#e2efec; color:#173b38; }
.daily-speak-card { padding:28px; border-radius:20px; background:#173b38; color:#fff; }.daily-speak-card > small { color:#9dc8c1; font-weight:900; }.daily-speak-card h2 { margin:7px 0; font:800 2rem 'Baloo 2',sans-serif; }.daily-speak-card > p { margin:0; color:#c5d8d4; }.daily-speak-controls { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }.daily-speak-feedback { margin:18px 0 0; color:#fff; font-weight:800; }.daily-speak-card .ghost-btn { background:#fff; }
.daily-mission { padding:34px; border:1px solid #ead98e; border-radius:22px; background:#fff9dc; text-align:center; }.daily-mission-icon { display:grid; place-items:center; width:70px; height:70px; margin:0 auto 18px; border-radius:20px; background:#f7d95f; font-size:2rem; transform:rotate(-3deg); }.daily-mission h2 { margin:0 0 8px; font:800 2.2rem 'Baloo 2',sans-serif; }.daily-mission p { max-width:620px; margin:0 auto; color:#6e6542; font-size:1.05rem; line-height:1.6; }.daily-complete-note { margin-top:18px; color:#55716b; font-weight:800; }
.daily-name-input { width:100%; max-width:420px; margin-top:16px; padding:13px 15px; border:1.5px solid #cfdedb; border-radius:12px; font:700 1rem 'Nunito',sans-serif; }
html[data-theme='dark'] .daily-course-page { background:#101b1a; color:#edf7f5; }html[data-theme='dark'] .daily-principle,html[data-theme='dark'] .daily-day-card,html[data-theme='dark'] .daily-progress-shell,html[data-theme='dark'] .daily-stage { border-color:#314641; background:#1c2d2a; color:#edf7f5; }html[data-theme='dark'] .daily-day-card p,html[data-theme='dark'] .daily-stage-header p { color:#aec0bc; }html[data-theme='dark'] .daily-phrase,html[data-theme='dark'] .daily-question,html[data-theme='dark'] .daily-build-card { border-color:#3a514c; background:#142421; }html[data-theme='dark'] .daily-progress-shell div strong { color:#edf7f5; }
@media(max-width:720px) { .daily-course-page #app { padding:0 16px 38px; }.daily-main { padding-top:15px; }.daily-overview-copy { padding:36px 27px; }.daily-principle { grid-template-columns:1fr; gap:7px; }.daily-principle i { width:22px; }.daily-day-grid,.daily-phrase-grid { grid-template-columns:1fr; }.daily-day-card { grid-template-columns:65px 1fr; padding:23px; }.daily-day-number { width:60px; height:60px; border-radius:17px; font-size:1.5rem; }.daily-stage { padding:28px 21px; }.daily-actions { flex-direction:column-reverse; }.daily-actions .primary-btn,.daily-actions .ghost-btn { width:100%; }.daily-time { display:none; } }