:root{--bg:#f7f6f2;--paper:#fff;--ink:#242e28;--muted:#66716a;--green:#315e4d;--green-soft:#edf3ed;--line:#e4e7df;--sand:#f3eddf;--orange:#a45b32;--radius:18px;--shadow:0 4px 18px #283f2a04;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button{border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bd8747;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,4vw,42px);font-weight:650;letter-spacing:-1px;line-height:1.25}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:17px;line-height:1.5}p{line-height:1.8}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;text-transform:uppercase;color:var(--green);margin-bottom:13px}.site-header{max-width:1280px;margin:auto;padding:27px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);font-family:Georgia,serif;font-size:25px;font-weight:600;line-height:1.05}.brand:hover{text-decoration:none}.brand-icon{display:grid;place-items:center;background:var(--green);color:#fff8e9;width:42px;height:46px;border-radius:12px;font-size:37px;padding-bottom:4px}.brand-caption{display:block;font:10px "Microsoft YaHei",sans-serif;letter-spacing:3px;color:var(--muted);margin-top:7px}.header-note{font:italic 13px Georgia,serif;color:var(--muted)}.desktop-nav{display:flex;gap:8px}.desktop-nav a{font-size:13px;padding:10px 17px;border-radius:24px;color:var(--muted)}.desktop-nav a.active{background:var(--green-soft);color:var(--green);font-weight:600}.bottom-nav{display:none}main{max-width:1160px;margin:0 auto;padding:40px 24px 60px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:16px}.page-heading p{color:var(--muted);font-size:14px;margin-top:12px}.date-pill{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:white;min-width:0;max-width:180px;color:var(--ink)}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:25px;align-items:start}.hero{background:var(--green);color:#fff;border-radius:var(--radius);padding:27px 29px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden;margin-bottom:28px}.hero .eyebrow{color:#cfdecf;margin-bottom:10px}.hero h2{font-size:25px;font-weight:500}.hero p{font-size:12px;color:#e0e9df;margin-top:10px}.hero .ring{--progress:0deg;background:conic-gradient(#d9e7bb var(--progress),#ffffff24 0);width:94px;height:94px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.ring-inner{background:var(--green);border-radius:50%;width:78px;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-inner strong{font-size:25px;font-weight:500}.ring-inner span{font-size:10px;color:#dce7dd;margin-top:4px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px;gap:12px}.section-heading h2{font-size:18px}.section-heading span{font-size:12px;color:var(--muted)}.task-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:14px;box-shadow:var(--shadow)}.task-card.completed{background:#f5f8f2}.task-top{display:flex;gap:12px;align-items:flex-start}.task-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:var(--green-soft);color:var(--green)}.task-icon svg{width:21px;height:21px}.task-icon.expression{background:#f1eef6;color:#736482}.task-icon.speaking{background:#f9eee4;color:#9d693f}.task-icon.writing,.task-icon.model{background:#eaf1f7;color:#54728a}.task-icon.assessment,.task-icon.review{background:#f4efdd;color:#8b7238}.task-main{min-width:0;flex:1}.task-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-bottom:6px}.tag{font-size:10px;background:var(--bg);color:var(--muted);padding:3px 6px;border-radius:5px;white-space:nowrap}.tag.green{background:#eaf2e6;color:#426337}.task-card h3{font-size:17px;font-weight:600;overflow-wrap:anywhere}.task-topic{font-size:12px;color:var(--muted);margin-top:6px}.task-steps{font-size:12px;color:#58665c;margin:14px 0;padding:0 0 0 18px;line-height:1.9}.task-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:10px 15px;border-radius:9px;background:var(--green);color:white;font-size:12px;font-weight:550;line-height:1.5;text-align:center}.btn:hover{background:#244b3c;text-decoration:none}.btn.secondary{background:#fff;border:1px solid #d9e1d6;color:var(--green)}.btn.secondary:hover{background:var(--green-soft)}.btn.soft{background:var(--green-soft);color:var(--green)}.btn.text{background:transparent;color:var(--muted);padding-left:7px;padding-right:7px}.btn svg{width:15px;height:15px}.complete-mark{color:var(--green);font-size:12px;flex-shrink:0}.side-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px}.side-card h2{font-size:15px;margin-bottom:16px}.week-strip{display:flex;justify-content:space-between;gap:4px}.week-dot{display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--muted);font-size:10px}.day-circle{width:29px;height:29px;border-radius:50%;background:var(--bg);display:grid;place-items:center;color:#69766b;font-size:11px}.day-circle.done{background:var(--green);color:white}.day-circle.current{outline:1px solid var(--green);outline-offset:3px}.weekly-stats{display:flex;gap:22px;border-top:1px solid var(--line);margin-top:21px;padding-top:17px}.weekly-stats strong{font-size:23px;font-weight:550}.weekly-stats span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.reminder{background:#f6f0e4;border-color:#eae0cb}.reminder h2{display:flex;gap:9px;align-items:center;color:#79613b}.reminder p,.side-card p{font-size:12px;color:var(--muted)}.reminder-item{border-top:1px solid #e8dfcf;padding-top:12px;margin-top:12px}.reminder-item strong{font-size:12px}.reminder-item .btn{margin-top:9px}.quote{font:italic 23px/1.6 Georgia,serif;color:#626e59;margin:26px 15px 6px}.quote-caption{font-size:10px;color:var(--muted);margin:0 15px}.progress-track{height:5px;border-radius:5px;background:var(--line);overflow:hidden;margin:12px 0}.progress-fill{height:100%;background:var(--green)}.inline-note{font-size:12px;color:var(--muted);padding:13px 0;line-height:1.8}.callout{border:1px solid var(--line);background:var(--sand);border-radius:12px;padding:15px 18px;font-size:12px;line-height:1.8;margin-bottom:20px}.callout .btn{margin-top:10px}.empty{padding:34px 20px;text-align:center;border:1px dashed #d9dfd3;border-radius:16px;color:var(--muted);font-size:13px;line-height:1.9;background:#ffffff80}.empty strong{display:block;color:var(--ink);font-size:17px;margin-bottom:8px}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.plan-card{padding:25px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.plan-card h2{margin:8px 0;font-size:23px}.plan-card p{font-size:12px;color:var(--muted)}.plan-days{display:grid;gap:7px;margin-top:20px}.plan-day{background:var(--bg);color:var(--ink);border:1px solid transparent;border-radius:10px;padding:11px 13px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:47px}.plan-day.today{border-color:var(--green)}.plan-day span{min-width:0}.plan-day small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.plan-day em{font-size:11px;color:var(--green);font-style:normal;white-space:nowrap}.resource-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:14px;padding:21px}.metric strong{display:block;font:500 30px Georgia,serif;color:var(--green);margin-bottom:8px}.metric span{font-size:11px;color:var(--muted)}.record-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar .weekday{color:var(--muted);font-size:11px;text-align:center;padding:7px 0}.cal-day{position:relative;aspect-ratio:1;border-radius:9px;background:var(--bg);color:var(--ink);font-size:12px}.cal-day.has-record{background:var(--green-soft);color:var(--green)}.cal-day.has-record:after{content:'';position:absolute;bottom:5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--green)}.cal-day.selected{background:var(--green);color:white}.cal-day.selected:after{background:white}.cal-day.is-today{outline:1px solid var(--green);outline-offset:-1px}.log-item{padding:15px 0;border-bottom:1px solid var(--line)}.log-item:last-child{border:0}.log-item h3{font-size:14px}.log-item p{font-size:12px;color:var(--muted);margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}.log-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.assessment-list{margin-top:23px}.assessment-row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.assessment-row p{font-size:11px;color:var(--muted);margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere}.grade{border-radius:8px;background:var(--green-soft);padding:8px 12px;align-self:flex-start;color:var(--green);font-weight:600;white-space:nowrap}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.settings-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;margin-bottom:20px}.settings-card h2{font-size:18px;margin-bottom:20px}label,.field-label{font-size:12px;font-weight:550;display:block;margin:17px 0 8px}input,select,textarea{width:100%;padding:12px;border:1px solid #d8ded5;border-radius:8px;background:#fff;color:var(--ink);font-size:14px;line-height:1.5}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:17px;height:17px;accent-color:var(--green)}.checkboxes{display:flex;gap:7px;flex-wrap:wrap}.checkboxes label{display:flex;gap:6px;align-items:center;font-weight:400;margin:0;padding:8px;background:var(--bg);border-radius:7px}.field-help{display:block;font-size:11px;color:var(--muted);line-height:1.8;margin-top:7px}.settings-card .btn{margin-top:17px}.settings-card p{font-size:12px;color:var(--muted);line-height:1.9}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice{font-size:12px;line-height:1.9;padding:13px 15px;background:var(--green-soft);border-radius:10px;margin:15px 0;color:var(--green)}.details{margin-top:15px;font-size:12px}.details summary{cursor:pointer;min-height:32px;line-height:2}.details p{font-size:12px;margin-top:8px;line-height:1.8}.timer{display:flex;align-items:center;justify-content:space-between;background:var(--green-soft);border-radius:12px;padding:14px;margin:17px 0;gap:10px}.timer strong{font-size:22px;font-variant-numeric:tabular-nums}.timer button{min-height:38px}.timer-hint{font-size:11px;color:var(--muted)}dialog{border:0;border-radius:20px;padding:0;width:min(640px,calc(100% - 24px));max-height:90dvh;color:var(--ink);background:var(--paper);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#12291f77;backdrop-filter:blur(4px)}#dialog-content{padding:27px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:22px}.icon-btn{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;background:var(--bg);border-radius:50%;color:var(--ink);font-size:20px}.prompt-box{font-size:12px;white-space:pre-wrap;line-height:1.8;padding:17px;background:var(--bg);border-radius:10px;max-height:270px;overflow:auto;word-break:break-word}.dialog-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px;padding-top:17px;border-top:1px solid var(--line)}.form-error{color:#9c3428;font-size:12px;line-height:1.8;margin-top:12px}.warning{background:#fff0d9;color:#764b12;text-align:center;padding:13px;font-size:13px}.loading{padding:80px 20px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#253c30;color:white;padding:13px 20px;border-radius:12px;box-shadow:0 4px 20px #0002;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:20;max-width:calc(100vw - 32px);width:max-content}#toast.visible{opacity:1;transform:translate(-50%,0)}.skip-link{position:absolute;top:-100px;left:12px;z-index:30;background:white;padding:12px}.skip-link:focus{top:12px}.footer-note{font-size:11px;color:var(--muted);margin-top:22px;text-align:center}.calendar-legend{font-size:10px;color:var(--muted);margin-top:13px}.selected-date-label{font-size:12px;color:var(--green);margin-top:7px}.small-svg{width:16px;height:16px}button svg{pointer-events:none}.word-count{font-size:11px;color:var(--muted);text-align:right;margin-top:5px}
@media(min-width:1400px){main{padding-top:48px}}@media(max-width:1000px){.header-note{display:none}.dashboard{grid-template-columns:minmax(0,1fr) 275px;gap:20px}.site-header{padding:22px 25px}.record-grid{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:760px){.site-header{padding:19px 21px}.brand{font-size:23px}.brand-icon{width:37px;height:40px;font-size:32px}.brand-caption{font-size:9px}.desktop-nav{gap:0}.desktop-nav a{padding:10px 12px}.dashboard{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.side-column .quote-block{display:none}.side-card{margin-bottom:0}.side-column .progress-card{grid-column:1/-1}.record-grid{grid-template-columns:1fr}.record-grid>.side-card{max-width:none}.settings-grid{grid-template-columns:1fr}.settings-card{margin-bottom:0}.plan-card{padding:20px}.metrics{gap:10px}.metric{padding:15px}.metric strong{font-size:26px}}
@media(max-width:540px){.desktop-nav{display:none}.site-header{padding:17px 20px}.header-note{display:block;font-size:10px;max-width:95px;line-height:1.5;text-align:right}.brand{font-size:22px}.brand-icon{width:35px;height:39px}.brand-caption{letter-spacing:2px}main{padding:28px 18px 105px}.page-heading{align-items:flex-start;margin-bottom:23px;gap:9px}.page-heading h1{font-size:30px}.page-heading p{font-size:12px;margin-top:10px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:11px}.date-pill{font-size:11px;padding:9px 5px;max-width:123px;margin-top:27px}.hero{padding:23px 20px;margin-bottom:24px;gap:10px}.hero h2{font-size:21px}.hero .ring{width:76px;height:76px}.ring-inner{width:63px;height:63px}.ring-inner strong{font-size:21px}.hero p{font-size:10px;max-width:195px}.task-card{padding:18px 16px;border-radius:15px;margin-bottom:13px}.task-card h3{font-size:16px}.task-icon{width:35px;height:35px;border-radius:10px}.task-top{gap:10px}.task-meta{font-size:10px}.task-topic{font-size:11px}.task-steps{font-size:11px;margin-top:13px}.task-actions{gap:7px}.btn{font-size:11px;padding:10px 12px;min-height:42px}.task-actions>.btn:first-child{flex:1}.section-heading h2{font-size:17px}.side-column{grid-template-columns:1fr}.side-card{padding:20px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffc;backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:9px 12px calc(9px + env(safe-area-inset-bottom));z-index:5;justify-content:space-around}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;color:#757e77;font-size:10px;min-width:66px;padding:3px;border-radius:9px}.bottom-nav a svg{width:21px;height:21px}.bottom-nav a.active{color:var(--green);font-weight:600}.bottom-nav a.active svg{background:var(--green-soft);border-radius:7px;box-shadow:0 0 0 5px var(--green-soft)}.plan-grid{grid-template-columns:1fr;gap:15px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:17px}.metric strong{font-size:29px}.settings-card{padding:20px}.settings-grid{gap:15px}.checkboxes{gap:5px}.checkboxes label{font-size:11px;padding:7px 6px}.checkboxes input{width:15px;height:15px}#toast{bottom:91px;font-size:12px}.dialog-heading h2{font-size:20px}#dialog-content{padding:23px 18px}.form-row{gap:10px}dialog{max-height:88dvh}.complete-mark{font-size:10px}.quote{font-size:21px}.callout{padding:13px 15px}.settings-card .btn{width:100%}.plan-day{padding:12px}.log-item .btn{padding:8px;min-height:36px}.dialog-actions .btn{flex:1;white-space:nowrap}}
@media(max-width:540px){.page-heading{display:block;position:relative}.page-heading:has(.date-pill) .eyebrow{padding-right:130px;min-height:22px}.date-pill{position:absolute;top:-4px;right:0;margin:0;width:123px;height:33px}.hero p{max-width:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}[hidden]{display:none!important}