:root{--ink:#18211b;--muted:#657068;--paper:#f7f6f1;--surface:#fffefa;--line:#d8ddd7;--strong-line:#aeb8b0;--green:#1d5b42;--green-dark:#164532;--green-soft:#e9f0eb;--red:#9c352f;--red-soft:#f8eae7;--serif:"Songti SC","Noto Serif CJK SC",STSong,serif;--sans:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:var(--sans);font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #89ae99;outline-offset:2px}.wordmark{font-family:var(--serif);font-size:23px;font-weight:700;letter-spacing:.08em;text-decoration:none}.wordmark span{margin-left:.55rem;color:var(--muted);font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.16em}.eyebrow{margin:0 0 .45rem;color:var(--green);font-size:11px;font-weight:750;letter-spacing:.2em}.primary-button,.quiet-button,.secondary-button{min-height:40px;border:1px solid transparent;border-radius:3px;cursor:pointer;font-weight:650}.primary-button{padding:.65rem 1.15rem;background:var(--green);color:white}.primary-button:hover{background:var(--green-dark)}.secondary-button{padding:.55rem .9rem;border-color:var(--strong-line);background:transparent;color:var(--ink)}.quiet-button{padding:.45rem .7rem;background:transparent;color:var(--muted)}button:disabled{cursor:wait;opacity:.55}.text-link{display:inline-block;margin-top:1rem;color:var(--green);font-weight:650}.auth-page{min-height:100vh;padding:5vh clamp(1.25rem,7vw,7rem) 2rem;display:grid;grid-template-columns:minmax(190px,1fr) minmax(300px,540px);grid-template-rows:1fr auto;grid-gap:3rem;gap:3rem;align-items:center;background:var(--paper)}.auth-brand{align-self:start;display:flex;align-items:center;gap:1rem}.brand-seal{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--green);color:var(--green);font-family:var(--serif);font-size:24px}.auth-panel{width:100%;padding:clamp(2rem,5vw,4.5rem);border-top:4px solid var(--green);background:var(--surface);box-shadow:0 18px 55px rgb(34 45 37/8%)}.auth-panel h1{margin:0;font-family:var(--serif);font-size:clamp(32px,4vw,48px);font-weight:650;letter-spacing:-.03em}.auth-intro{max-width:38ch;margin:1rem 0 2rem;color:var(--muted)}.auth-form{display:grid;grid-gap:1rem;gap:1rem}.field,.form-row label,.recap-form>label{display:grid;grid-gap:.4rem;gap:.4rem;font-size:13px;font-weight:650}input,select,textarea{width:100%;border:1px solid var(--strong-line);border-radius:2px;background:white;color:var(--ink)}input,select{min-height:44px;padding:.55rem .7rem}textarea{padding:.65rem .7rem;resize:vertical}.privacy-note{margin:1.4rem 0 0}.auth-page>footer,.privacy-note{color:var(--muted);font-size:12px}.auth-page>footer{grid-column:1/-1}.auth-page>footer a{text-decoration:none}.inline-result{display:flex;gap:1rem;align-items:flex-start}.result-mark{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:var(--green);color:white}.inline-result h2{margin:0;font-family:var(--serif);font-size:25px}.inline-result p{color:var(--muted)}.verify-page{grid-template-columns:minmax(190px,1fr) minmax(300px,540px)}.app-frame{min-height:100vh}.app-chrome{position:-webkit-sticky;position:sticky;z-index:30;top:0}.insecure-preview-warning{padding:.65rem clamp(1rem,4vw,4rem);display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;border-bottom:1px solid #b25b25;background:#fff0db;color:#713615;text-align:center;font-size:13px}.app-header{height:68px;padding:0 clamp(1rem,4vw,4rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgb(247 246 241/96%)}.app-header nav{display:flex;align-self:stretch;gap:1.7rem}.app-header nav a{display:grid;place-items:center;border-bottom:2px solid transparent;color:#49534c;text-decoration:none;font-weight:650}.app-header nav a:hover{border-color:var(--green);color:var(--green)}.account{justify-self:end;display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:12px}.account>span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{width:min(960px,calc(100% - 2rem));margin:0 auto;padding:clamp(2rem,6vw,4.5rem) 0 6rem}.page-stack{display:grid;grid-gap:2rem;gap:2rem}.page-heading{max-width:680px}.page-heading h1{margin:0;font-family:var(--serif);font-size:clamp(34px,5vw,52px);font-weight:600;letter-spacing:-.03em;line-height:1.15}.page-heading>p:last-child{margin:.7rem 0 0;color:var(--muted)}.date-nav{padding:.85rem 1rem;display:flex;align-items:center;gap:1rem;border-block:1px solid var(--line)}.date-nav>a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);text-decoration:none}.date-nav>div{display:grid;min-width:110px}.date-nav>div span{color:var(--muted);font-size:11px}.date-picker{margin-left:auto;display:flex;align-items:center;gap:.55rem}.date-picker label{color:var(--muted);font-size:12px}.date-picker input{width:auto;min-height:36px}.task-list{margin:0;padding:0;display:grid;grid-gap:1px;gap:1px;list-style:none;background:var(--line);border-block:1px solid var(--line)}.task-item{display:grid;grid-template-columns:58px 1fr;background:var(--surface)}.task-rail{padding-top:1.55rem;text-align:center;color:var(--green);font:700 12px/1 var(--sans)}.task-item article{min-width:0;padding:1.45rem clamp(1rem,3vw,2rem) 1.7rem;border-left:1px solid var(--line)}.task-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.task-heading h2{margin:.3rem 0 .6rem;font-family:var(--serif);font-size:24px;font-weight:650}.task-meta{margin:0;display:flex;flex-wrap:wrap;gap:.7rem;color:var(--muted);font-size:12px}.task-meta time{color:var(--ink);font-weight:750}.task-meta span+span{padding-left:.7rem;border-left:1px solid var(--line)}.task-done,.task-open{flex:none;padding:.25rem .55rem;font-size:11px;font-weight:700}.task-done{background:var(--green-soft);color:var(--green)}.task-open{border:1px solid var(--line);color:var(--muted)}.instruction{margin:.5rem 0 1.25rem;color:#3f4942}.operation-grid{margin:0 0 1.1rem;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.operation-grid div{padding:.75rem .85rem}.operation-grid div+div{border-left:1px solid var(--line)}.operation-grid dt{margin-bottom:.3rem;color:var(--muted);font-size:11px;font-weight:700}.operation-grid dd{margin:0;font-size:13px}.latest-execution{color:var(--green);font-size:12px}.inline-form{margin-top:1rem;padding:1rem;border-left:3px solid var(--green);background:var(--green-soft)}.inline-fields{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.6rem;gap:.6rem}.inline-fields label{display:grid;grid-gap:.3rem;gap:.3rem;font-size:11px;font-weight:700}.inline-fields input{min-width:0;background:var(--surface)}.form-actions{margin-top:.8rem;display:flex;gap:.5rem}.empty-state,.rest-state{padding:clamp(2.5rem,7vw,5rem);border:1px solid var(--line);text-align:center;background:var(--surface)}.empty-state>span{color:var(--strong-line);font-size:40px}.empty-state h2,.rest-state h2{margin:.3rem 0;font-family:var(--serif);font-size:30px}.empty-state p,.rest-state p,.rest-state small{color:var(--muted)}.compact-rest{padding:1rem 1.5rem;display:flex;gap:1rem;align-items:baseline;background:var(--surface)}.compact-rest span{color:var(--green);font-size:11px;font-weight:700}.compact-rest p{margin-left:auto;color:var(--muted)}.plan-strip{display:grid;grid-gap:0;gap:0;border-block:1px solid var(--line)}.plan-strip article{padding:1.2rem .2rem;display:grid;grid-template-columns:90px 1fr auto;align-items:baseline;grid-gap:1rem;gap:1rem}.plan-strip article+article{border-top:1px solid var(--line)}.plan-strip article>span{color:var(--green);font-size:11px;font-weight:750}.plan-strip h2{margin:0;font-family:var(--serif)}.plan-strip p{margin:0;color:var(--muted);font-size:12px}.recap-section{padding-top:2rem;display:grid;grid-template-columns:58px 1fr;border-top:1px solid var(--line)}.section-number{color:var(--green);font-size:11px;font-weight:750}.recap-section h2{margin:0;font-family:var(--serif);font-size:27px}.muted-note,.section-intro{color:var(--muted)}.recap-form{max-width:720px;margin-top:1.5rem;display:grid;grid-gap:1rem;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-error{margin:0;color:var(--red);font-size:13px}.form-success{color:var(--green);font-size:13px}.status-panel{padding:2rem;border:1px solid var(--line);background:var(--surface)}.status-panel h2{margin:0 0 .4rem;font-family:var(--serif);font-size:27px}.status-panel p{margin:0;color:var(--muted)}.status-error{border-left:4px solid var(--red);background:var(--red-soft)}.status-success{border-left:4px solid var(--green);background:var(--green-soft)}.fatal-state{max-width:620px;margin:15vh auto;padding:2rem}.fatal-state h1{font-family:var(--serif)}.active-study,.free-study{padding:clamp(1.3rem,4vw,2rem);display:grid;grid-template-columns:1fr auto;grid-gap:1.4rem;gap:1.4rem;align-items:center;border:1px solid #89ae99;border-left:5px solid var(--green);background:var(--green-soft)}.active-study h2,.dashboard-active h2,.free-study h2,.study-section h2{margin:0;font-family:var(--serif);font-size:27px}.active-content{margin:.35rem 0;font-size:18px;font-weight:650}.active-study small{color:var(--muted)}.timer-actions{display:grid;justify-items:end;grid-gap:.7rem;gap:.7rem}.timer-actions time{font-size:clamp(30px,5vw,45px);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.05em}.stop-button{background:var(--red)}.stop-button:hover{background:#7e2924}.active-study>.form-error{grid-column:1/-1}.free-study>div>p:last-child{margin:.35rem 0 0;color:var(--muted)}.free-study form{min-width:min(420px,45vw)}.free-study form>label{display:block;margin-bottom:.4rem;font-size:12px;font-weight:700}.free-study form>div{display:flex;gap:.5rem}.free-study input{min-width:220px}.task-actions{margin:1rem .6rem 0 0;display:inline-flex;align-items:center;gap:.6rem}.dashboard-active{padding:1.3rem 1.5rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;border-left:4px solid var(--green);background:var(--green-soft)}.dashboard-active>div:last-child{display:grid;text-align:right}.dashboard-active span{color:var(--muted);font-size:12px}.study-totals{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.study-totals article{padding:1.3rem;display:grid;grid-gap:.2rem;gap:.2rem}.study-totals article+article{border-left:1px solid var(--line)}.study-totals small,.study-totals span{color:var(--muted);font-size:12px}.study-totals strong{font-family:var(--serif);font-size:clamp(22px,4vw,32px)}.study-section{display:grid;grid-template-columns:150px 1fr;grid-gap:2rem;gap:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.daily-summary,.study-history{margin:0;padding:0;list-style:none}.daily-summary li{padding:.85rem 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.daily-summary time{color:var(--muted)}.study-history li{padding:1rem 0;display:grid;grid-template-columns:180px 1fr;grid-gap:1.5rem;gap:1.5rem;border-bottom:1px solid var(--line)}.history-date{display:grid;align-content:start;grid-gap:.3rem;gap:.3rem;color:var(--muted);font-size:12px}.history-date span{width:-moz-fit-content;width:fit-content;padding:.15rem .4rem;background:var(--green-soft);color:var(--green);font-weight:700}.study-history h3{margin:0 0 .25rem;font-family:var(--serif);font-size:20px}.study-history p{margin:0;color:var(--muted);font-size:13px}@media (max-width:720px){.auth-page{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:1.5rem;padding:1.2rem}.auth-panel{padding:2rem 1.3rem}.app-header{height:auto;min-height:64px;grid-template-columns:1fr auto}.app-header nav{position:fixed;z-index:20;left:0;right:0;bottom:0;height:58px;justify-content:space-around;gap:0;border-top:1px solid var(--line);background:var(--surface)}.app-header nav a{width:33.333%}.account>span{display:none}.app-main{padding-top:2.3rem;padding-bottom:6rem}.date-nav{flex-wrap:wrap}.date-picker{width:100%;margin-left:0;padding-top:.7rem;border-top:1px solid var(--line)}.date-picker input{flex:1 1}.task-item{grid-template-columns:38px 1fr}.task-item article{padding-inline:1rem}.task-heading{gap:.5rem}.task-heading h2{font-size:21px}.operation-grid{grid-template-columns:1fr}.operation-grid div+div{border-left:0;border-top:1px solid var(--line)}.inline-fields{grid-template-columns:1fr 1fr}.plan-strip article{grid-template-columns:70px 1fr}.plan-strip p{grid-column:2}.form-row{grid-template-columns:1fr}.recap-section{grid-template-columns:34px 1fr}.active-study,.free-study{grid-template-columns:1fr}.timer-actions{justify-items:start}.free-study form{min-width:0}.free-study form>div{align-items:stretch;flex-direction:column}.dashboard-active{align-items:flex-start;flex-direction:column}.dashboard-active>div:last-child{text-align:left}.study-totals{grid-template-columns:1fr}.study-totals article+article{border-left:0;border-top:1px solid var(--line)}.study-section{grid-template-columns:1fr;gap:1rem}.study-history li{grid-template-columns:1fr;gap:.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}