:root{color:#17201c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#17201c;--muted:#69736d;--soft:#8c968f;--line:#dce1dc;--line-strong:#c8d0c9;--paper:#fbfcfa;--accent:#2f624d;--accent-soft:#e8f0eb;--translation:#925d43;--translation-soft:#f5ece6;background:#f4f5f1;font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#f4f5f1;min-width:320px}body{background:linear-gradient(#17201c07 1px,#0000 1px) 0 0/100% 40px,#f4f5f1;min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #2f624d40}.app-shell{width:min(100%,980px);min-height:100vh;margin:0 auto;padding:0 28px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:82px;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{color:#f8faf7;background:var(--ink);border-radius:7px;place-items:center;width:36px;height:36px;font-family:Songti SC,STSong,serif;font-size:21px;line-height:1;display:grid}.brand>span:last-child{gap:2px;display:grid}.brand strong{letter-spacing:.08em;font-family:Songti SC,STSong,serif;font-size:18px;font-weight:700}.brand small{color:var(--muted);letter-spacing:.18em;font-size:9px;font-weight:650}.today-button{border:1px solid var(--line-strong);min-height:40px;color:var(--ink);cursor:pointer;background:#fbfcfab8;border-radius:6px;padding:0 15px;font-size:13px;font-weight:650}.today-button:hover{border-color:var(--ink);background:var(--paper)}main{width:min(100%,800px);margin:0 auto}.intro{justify-content:space-between;align-items:flex-end;gap:32px;padding:64px 0 42px;display:flex}.eyebrow,.schedule-kicker,.analysis-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:.02em;margin:10px 0 12px;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:clamp(30px,4.6vw,39px);font-weight:700;line-height:1.15}.intro-note{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.day-summary{border-left:1px solid var(--line-strong);text-align:right;flex:none;gap:3px;padding-left:28px;display:grid}.day-summary strong{font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:400;line-height:1}.day-summary strong span{color:var(--soft);font-size:18px}.day-summary small{color:var(--muted);font-size:11px}.schedule{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:18px 0 16px}.schedule-top{justify-content:space-between;align-items:center;gap:18px;display:flex}.schedule-kicker{color:var(--accent);margin-bottom:5px;display:block}.phase-badge{color:var(--accent);background:var(--accent-soft);letter-spacing:.08em;border-radius:3px;margin-bottom:6px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-block}.phase-badge.phase-advanced{color:#80512f;background:#f4e9df}.phase-badge.phase-sprint{color:#8a3f3b;background:#f4e6e4}.schedule-note{color:var(--muted);margin:12px 0 0;font-size:11px;line-height:1.6}.schedule h2{margin:0;font-family:Songti SC,STSong,serif;font-size:19px;font-weight:700;line-height:1.35}.schedule h2 span{color:var(--muted);font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:500}.day-arrows{gap:6px;display:flex}.day-arrows button{border:1px solid var(--line-strong);width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;place-items:center;padding:0;display:grid}.day-arrows button:hover{border-color:var(--ink);background:var(--paper)}.day-arrows button:disabled,.footer-actions button:disabled{cursor:not-allowed;opacity:.3}.day-rail{scrollbar-width:none;scroll-snap-type:x proximity;gap:7px;margin-top:16px;padding:2px 1px 5px;display:flex;overflow-x:auto}.day-rail::-webkit-scrollbar{display:none}.day-chip{border:1px solid var(--line);min-height:50px;color:var(--muted);cursor:pointer;scroll-snap-align:start;background:0 0;border-radius:5px;flex:0 0 48px;place-items:center;padding:6px 4px;display:grid}.day-chip span{font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1}.day-chip small{align-items:center;gap:1px;font-size:9px;line-height:1;display:inline-flex}.day-chip:hover{border-color:var(--line-strong);color:var(--ink);background:var(--paper)}.day-chip.is-selected{border-color:var(--ink);color:#fff;background:var(--ink)}.day-chip.is-done:not(.is-selected){color:var(--accent);background:var(--accent-soft);border-color:#b9cdc0}.day-chip.phase-advanced{border-bottom-color:#d9b99f}.day-chip.phase-sprint{border-bottom-color:#d6a5a1}.exercise-list{border-bottom:1px solid var(--line);background:#fbfcfaa8}.exercise{border-bottom:1px solid var(--line);background:#fbfcfac7;padding:38px 32px 34px;position:relative}.exercise:last-child{border-bottom:0}.exercise.is-completed:before{background:var(--accent);content:"";border-radius:0 2px 2px 0;width:3px;position:absolute;top:39px;bottom:35px;left:0}.exercise-meta{min-height:24px;color:var(--muted);align-items:center;gap:9px;font-size:11px;line-height:1.5;display:flex}.source-tag{color:var(--accent);background:var(--accent-soft);border-radius:3px;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.source-tag.is-translation{color:var(--translation);background:var(--translation-soft)}.completed-label{color:var(--accent);align-items:center;gap:3px;margin-left:auto;font-weight:700;display:inline-flex}.sentence{color:var(--ink);margin:19px 0 24px;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:20px;line-height:1.82}.exercise-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.text-button,.complete-button{cursor:pointer;border-radius:5px;align-items:center;gap:7px;min-height:42px;font-size:12px;font-weight:700;display:inline-flex}.text-button{color:var(--ink);background:0 0;border:0;padding:0}.text-button:hover{color:var(--accent)}.complete-button{border:1px solid var(--line-strong);color:var(--muted);background:0 0;padding:0 13px}.complete-button:not(:disabled):hover{border-color:var(--ink);color:var(--ink)}.complete-button:disabled{cursor:not-allowed;opacity:.42}.complete-button.is-active{color:var(--accent);background:var(--accent-soft);opacity:1;border-color:#b9cdc0}.analysis{border-left:2px solid var(--accent);margin-top:26px;margin-left:12px;padding-left:22px;animation:.18s ease-out reveal}@keyframes reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.analysis-section{border-top:1px solid var(--line);padding:17px 0}.analysis-status{min-height:48px;color:var(--muted);align-items:center;gap:8px;padding:8px 0 2px;font-size:12px;display:flex}.analysis-status.is-error{color:#7d3b36;align-items:flex-start}.analysis-status.is-error>span{flex:1;line-height:1.65}.analysis-status button{color:#7d3b36;cursor:pointer;background:0 0;border:1px solid #d9b8b4;border-radius:4px;flex:none;align-items:center;gap:4px;min-height:32px;padding:0 9px;font-size:11px;font-weight:650;display:inline-flex}.is-spinning{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.analysis-section:first-child{border-top:0;padding-top:2px}.analysis-section>p:not(.analysis-label),.analysis-section li>div>p{color:#344039;margin:7px 0 0;font-size:14px;line-height:1.85}.translation-section{padding-bottom:20px}.translation{font-family:Songti SC,STSong,serif;font-size:15px!important}.trunk-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:10px;display:grid}.trunk-grid>div{background:var(--paper);min-width:0;padding:12px}.trunk-grid span{color:var(--accent);letter-spacing:.08em;font-size:10px;font-weight:700}.trunk-grid p{color:var(--ink);margin:7px 0 0;font-family:Georgia,Times New Roman,serif;font-size:13px;line-height:1.6}.trunk-note{color:var(--muted)!important;font-size:12px!important}.clause-list{margin-top:12px}.clause-item{border-top:1px dashed var(--line);grid-template-columns:96px minmax(0,1fr);column-gap:14px;padding:12px 0;display:grid}.clause-item:first-child{border-top:0}.clause-type{color:var(--accent);background:var(--accent-soft);text-align:center;border-radius:3px;align-self:start;padding:2px 6px;font-size:10px;font-weight:700}.clause-text{font-family:Georgia,Times New Roman,serif;color:var(--ink)!important;margin:0!important;font-size:13px!important;line-height:1.65!important}.clause-role{grid-column:2;color:var(--muted)!important;margin-top:4px!important;font-size:12px!important;line-height:1.7!important}.grammar-section>p:last-child{border-left:2px solid var(--line-strong);padding-left:12px}.imitation-section ol{gap:15px;margin:14px 0 0;padding:0;list-style:none;display:grid}.imitation-section li{grid-template-columns:30px minmax(0,1fr);gap:10px;display:grid}.imitation-number{color:var(--soft);padding-top:2px;font-family:Georgia,Times New Roman,serif;font-size:12px}.imitation-en{font-family:Georgia,Times New Roman,serif;color:var(--ink)!important;margin:0!important;font-size:13px!important;line-height:1.72!important}.imitation-zh{color:var(--muted)!important;font-size:12px!important;line-height:1.7!important}.day-footer{padding:30px 0 48px}.progress-copy{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.progress-copy strong{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:400}.progress-track{background:var(--line);height:3px;margin-top:10px;overflow:hidden}.progress-track span{background:var(--accent);width:0;height:100%;transition:width .24s;display:block}.footer-actions{justify-content:space-between;align-items:center;gap:18px;margin-top:22px;display:flex}.footer-actions span{color:var(--soft);font-size:10px}.footer-actions button{min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:650;display:inline-flex}.footer-actions button:hover{color:var(--accent)}.site-footer{padding:22px 0 calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--soft);justify-content:space-between;gap:24px;font-size:10px;line-height:1.6;display:flex}.site-footer p{margin:0}@media (width<=640px){.app-shell{padding:0 18px}.topbar{min-height:70px}.brand-mark{width:32px;height:32px;font-size:19px}.brand strong{font-size:16px}.today-button{min-height:38px;padding:0 12px}.intro{gap:18px;padding:42px 0 30px}h1{font-size:29px}.intro-note{max-width:245px;font-size:11px}.day-summary{padding-left:14px}.day-summary strong{font-size:27px}.schedule{padding-top:15px}.day-chip{flex-basis:45px;min-height:48px}.exercise{padding:30px 18px 28px}.exercise.is-completed:before{top:31px;bottom:29px}.exercise-meta{flex-wrap:wrap}.completed-label{margin-left:0}.sentence{margin:16px 0 20px;font-size:18px;line-height:1.78}.exercise-actions{align-items:stretch}.complete-button{justify-content:center;min-width:105px}.analysis{margin-top:20px;margin-left:0;padding-left:15px}.trunk-grid{grid-template-columns:1fr}.trunk-grid>div{grid-template-columns:80px minmax(0,1fr);align-items:start;gap:8px;display:grid}.trunk-grid p{margin-top:0}.clause-item{grid-template-columns:1fr;gap:6px}.clause-type{justify-self:start}.clause-role{grid-column:1}.imitation-section li{grid-template-columns:24px minmax(0,1fr)}.day-footer{padding-bottom:38px}.footer-actions span{display:none}.site-footer{gap:4px;display:grid}}@media (width<=370px){.intro-note,.brand small{display:none}.exercise-actions{display:grid}.complete-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}