:root{--paper:#f5f2ea;--paper-2:#efebdf;--ink:#1a1917;--ink-2:#46423a;--cinnabar:#bc4128;--cinnabar-2:#9c3420;--muted:#8b8474;--hair:#1a191724;--serif:"Noto Serif Display", Georgia, serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(#1a191705 .5px,#0000 .6px);background-size:4px 4px;min-height:100vh}#root{min-height:100vh}.screen{place-items:center;min-height:100vh;padding:2rem;display:grid}.card{text-align:center;width:100%;max-width:400px}.mark{width:40px;height:40px;margin:0 auto 1.5rem;display:block}.brand{font-family:var(--serif);letter-spacing:-.01em;font-size:2.1rem;font-weight:400;line-height:1.05}.brand .zh{letter-spacing:.35em;color:var(--muted);margin-top:.5rem;font-size:.82rem;display:block}.sub{font-family:var(--serif);color:var(--muted);margin-top:1rem;font-size:1.02rem;font-style:italic;font-weight:300}form{text-align:left;margin-top:2.1rem}.field label{letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2);margin-bottom:.5rem;font-size:.66rem;font-weight:500;display:block}.field input{width:100%;font-family:var(--sans);color:var(--ink);border:1px solid var(--hair);background:#fff9;border-radius:2px;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--cinnabar);outline:none;box-shadow:0 0 0 3px #bc41281f}.btn{width:100%;font-family:var(--sans);letter-spacing:.03em;color:var(--paper);background:var(--cinnabar);border:1px solid var(--cinnabar);cursor:pointer;border-radius:2px;margin-top:1.1rem;padding:.9rem;font-size:.9rem;font-weight:600;transition:background .2s}.btn:hover{background:var(--cinnabar-2)}.confirm{border:1px solid var(--hair);background:#ffffff8c;border-radius:2px;margin-top:2rem;padding:1.6rem}.confirm p{line-height:1.5}.confirm strong{color:var(--cinnabar-2)}.muted{color:var(--muted)}.signed .big{font-family:var(--serif);margin-top:.6rem;font-size:2.3rem;font-weight:400}.placeholder{border:1px dashed var(--hair);color:var(--muted);font-family:var(--serif);border-radius:2px;margin-top:1.8rem;padding:2.2rem 1.5rem;font-style:italic}.link{color:var(--ink-2);border:0;border-bottom:1px solid var(--cinnabar);cursor:pointer;font-family:var(--sans);background:0 0;padding:0 0 1px;font-size:.9rem}.link:hover{color:var(--cinnabar-2)}.dash-screen{min-height:100vh}.dash-header{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;gap:1rem;max-width:920px;margin:0 auto;padding:1.5rem 2rem;display:flex}.dash-header-actions{align-items:center;gap:1.2rem;display:flex}.dash-brand{align-items:center;gap:.9rem;display:flex}.dash-brand .mark{width:32px;height:32px;margin:0}.dash-brand-title{text-align:left;font-size:1.3rem}.dash-brand-title .zh{letter-spacing:.25em;margin-top:0;margin-left:.6rem;font-size:.62rem;display:inline}.dash-signed-as{margin-top:.15rem;font-size:.82rem}.dash-main{max-width:920px;margin:0 auto;padding:2.4rem 2rem 4rem}.dash-section+.dash-section{margin-top:2.6rem}.section-title{font-family:var(--serif);border-bottom:1px solid var(--hair);margin-bottom:1.1rem;padding-bottom:.6rem;font-size:1.3rem;font-weight:400}.course-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.course-card{text-align:left;border:1px solid var(--hair);font-family:var(--sans);cursor:pointer;background:#ffffff8c;border-radius:3px;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.3rem 1.4rem;transition:border-color .2s,transform .15s;display:flex}button.course-card:hover{border-color:var(--cinnabar);transform:translateY(-1px)}.course-card-available{cursor:default}.course-card-subject{letter-spacing:.14em;text-transform:uppercase;color:var(--cinnabar-2);font-size:.65rem;font-weight:600}.course-card-title{font-family:var(--serif);color:var(--ink);font-size:1.15rem}.course-card-desc{color:var(--muted);-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.course-card-cta{color:var(--ink-2);margin-top:.4rem;font-size:.8rem}.status-badge{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--hair);border-radius:10px;padding:.2rem .55rem;font-size:.62rem;font-weight:600}.status-published{color:#3c7a3c;border-color:#3c7a3c59}.status-draft{color:var(--muted)}.btn-small{width:auto;margin-top:.6rem;padding:.55rem 1.1rem;font-size:.8rem}.btn-outline{color:var(--cinnabar-2);border:1px solid var(--cinnabar);background:0 0}.btn-outline:hover{color:var(--cinnabar-2);background:#bc412814}.btn-outline:disabled,.btn:disabled{opacity:.55;cursor:default}.course-main{padding-top:2.8rem}.course-intro{margin-bottom:2.6rem}.course-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--cinnabar-2);font-size:.7rem;font-weight:600}.course-title{font-family:var(--serif);margin-top:.5rem;font-size:2rem;font-weight:400}.course-desc{max-width:60ch;margin-top:.7rem}.weeks{flex-direction:column;gap:2.6rem;display:flex}.week-title{font-family:var(--serif);border-bottom:1px solid var(--hair);align-items:baseline;gap:.8rem;margin-bottom:1.2rem;padding-bottom:.7rem;font-size:1.35rem;font-weight:400;display:flex}.week-ord{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:600}.lessons{flex-direction:column;gap:1.2rem;display:flex}.lesson{border:1px solid var(--hair);background:#ffffff8c;border-radius:3px;padding:1.5rem 1.6rem;transition:border-color .2s}.lesson-done{border-color:#bc412859}.lesson-header{align-items:baseline;gap:.7rem;margin-bottom:1rem;display:flex}.lesson-type{letter-spacing:.14em;text-transform:uppercase;color:var(--cinnabar-2);font-size:.65rem;font-weight:600}.lesson-title{font-family:var(--serif);font-size:1.1rem;font-weight:400}.video-embed{border:1px solid var(--hair);background:var(--ink);border-radius:2px;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.reading p{color:var(--ink-2);max-width:68ch;line-height:1.7}.reading p+p{margin-top:1rem}.quiz-question{font-family:var(--serif);margin-bottom:.9rem;font-size:1.02rem}.quiz-options{flex-direction:column;gap:.55rem;display:flex}.quiz-option{cursor:pointer;align-items:center;gap:.6rem;font-size:.92rem;display:flex}.quiz-option input{accent-color:var(--cinnabar)}.quiz-actions{align-items:center;gap:1rem;margin-top:1rem;display:flex}.quiz-result{font-size:.85rem;font-weight:600}.quiz-correct{color:#3c7a3c}.quiz-incorrect{color:var(--cinnabar-2)}.lesson-footer{border-top:1px solid var(--hair);margin-top:1.2rem;padding-top:1rem}.lesson-complete-badge{color:#3c7a3c;font-size:.82rem;font-weight:600}.essay-prompt p{color:var(--ink-2);max-width:68ch;line-height:1.7}.essay-prompt p+p{margin-top:1rem}.essay-rubric{flex-direction:column;gap:.35rem;margin:1rem 0 1.4rem;font-size:.85rem;list-style:none;display:flex}.essay-compose{margin-top:1rem}.essay-toolbar{gap:.6rem;margin-bottom:.6rem;display:flex}.essay-toolbar .btn-small{margin-top:0}.essay-field{margin-top:0;margin-bottom:.9rem}.essay-field textarea{font-family:var(--sans)}.essay-read p{color:var(--ink-2);max-width:68ch;line-height:1.7}.essay-read p+p,.essay-locked,.essay-released{margin-top:1rem}.essay-locked>.muted,.essay-released>.essay-feedback-tutor{margin-bottom:.8rem}.essay-highlight{color:inherit;box-shadow:inset 0 -1px 0 var(--cinnabar);background:#bc412824;border-radius:2px;padding:0 .15em}.essay-highlight:after{content:attr(data-note);vertical-align:super;color:var(--cinnabar-2);margin-left:.15em;font-size:.62em;font-weight:600}.essay-margin-notes{counter-reset:note;flex-direction:column;gap:.5rem;margin:1rem 0 1.2rem;padding:0;font-size:.85rem;list-style:none;display:flex}.essay-margin-notes li{counter-increment:note;border:1px solid var(--hair);color:var(--ink-2);background:#ffffff80;border-radius:3px;padding:.55rem .8rem .55rem 2.2rem;line-height:1.55;position:relative}.essay-margin-notes li:before{content:counter(note);color:var(--cinnabar-2);font-size:.75em;font-weight:600;position:absolute;top:.55rem;left:.7rem}.essay-feedback{text-align:left;max-width:none;margin-top:1.2rem;padding:1.2rem 1.4rem}.essay-feedback-tutor{letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem}.essay-released .btn-small{margin-top:1.2rem}.essay-rubric-table{border-collapse:collapse;width:100%;max-width:30rem;margin-bottom:1rem;font-size:.85rem}.essay-rubric-table td{border-bottom:1px solid var(--hair);padding:.4rem 0}.essay-rubric-table td:last-child{text-align:right;color:var(--ink-2);white-space:nowrap}.essay-history{border-top:1px solid var(--hair);margin-top:1.4rem;padding-top:1rem;font-size:.88rem}.essay-history summary{cursor:pointer;color:var(--ink-2);font-weight:600}.essay-history-item{margin-top:1rem}.essay-history-item .essay-read{margin-top:.5rem}.mark-body-wrap{position:relative}.mark-body{white-space:pre-wrap;word-wrap:break-word;font-family:var(--sans);color:var(--ink-2);cursor:text;-webkit-user-select:text;user-select:text;max-width:68ch;font-size:.95rem;line-height:1.7}.mark-popover{text-align:left;border:1px solid var(--hair);background:#ffffffb3;border-radius:3px;width:auto;max-width:28rem;margin-top:.8rem;padding:1rem 1.1rem}.mark-popover label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:.5rem;font-size:.66rem;font-weight:500;display:block}.mark-popover textarea{width:100%;font-family:var(--sans);color:var(--ink);border:1px solid var(--hair);resize:vertical;background:#fff9;border-radius:2px;padding:.6rem .7rem;font-size:.9rem;line-height:1.5}.mark-popover-actions{align-items:center;gap:1rem;margin-top:.6rem;display:flex}.mark-popover-actions .btn-small{margin-top:0}.mark-popover select{font-family:var(--sans);color:var(--ink);border:1px solid var(--hair);background:#fff9;border-radius:2px;padding:.4rem .6rem;font-size:.88rem;line-height:1.5}.mark-annotations{flex-direction:column;gap:.7rem;margin-top:1.2rem;font-size:.88rem;list-style:none;display:flex}.mark-annotation{border:1px solid var(--hair);background:#ffffff80;border-radius:3px;padding:.7rem .9rem;line-height:1.6}.mark-annotation-range{margin-right:.2rem;font-size:.78rem}.mark-annotation-actions{align-items:center;gap:.8rem;margin-left:.6rem;display:inline-flex}.mark-annotation-edit{margin-top:.3rem}.mark-annotation-edit textarea{width:100%;font-family:var(--sans);color:var(--ink);border:1px solid var(--hair);resize:vertical;background:#fff9;border-radius:2px;padding:.55rem .7rem;font-size:.88rem;line-height:1.5}.mark-category-counts{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;display:flex}.cat-chip{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:2px;padding:.1rem .4rem;font-size:.62rem;font-weight:600}.cat-chip.is-active{outline:1px solid var(--ink-2)}.cat-chip--analysis{color:var(--cinnabar-2);background:#bc412824;border-color:#bc412866}.cat-chip--structure{color:var(--ink-2);background:#46423a24;border-color:#46423a66}.cat-chip--expression{color:#5f5a4c;background:#8b847429;border-color:#8b847480}.cat-chip--praise{color:#2f5f2f;background:#3c7a3c29;border-color:#3c7a3c80}.cat-chip--mechanics{color:#8a6410;background:#bf8a2829;border-color:#bf8a2880}.essay-highlight--analysis{box-shadow:inset 0 -1px 0 var(--cinnabar);background:#bc412824}.essay-highlight--structure{box-shadow:inset 0 -1px 0 var(--ink-2);background:#46423a24}.essay-highlight--expression{box-shadow:inset 0 -1px 0 var(--muted);background:#8b847429}.essay-highlight--praise{background:#3c7a3c29;box-shadow:inset 0 -1px #3c7a3c}.essay-highlight--mechanics{background:#bf8a2829;box-shadow:inset 0 -1px #bf8a28}.field textarea,.field select{width:100%;font-family:var(--sans);color:var(--ink);border:1px solid var(--hair);background:#fff9;border-radius:2px;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:7rem;font-family:var(--sans);line-height:1.5}.field textarea:focus,.field select:focus{border-color:var(--cinnabar);outline:none;box-shadow:0 0 0 3px #bc41281f}.field-hint{margin-top:.5rem;font-size:.8rem}.admin-section-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-section-header .section-title{flex:1}.admin-actions{align-items:center;gap:1.2rem;margin-top:1.1rem;display:flex}.admin-actions .btn{margin-top:0}.admin-inline-form{border:1px solid var(--hair);background:#ffffff8c;border-radius:3px;margin-top:1.2rem;padding:1.4rem 1.5rem}.admin-add-week,.admin-add-lesson{margin-top:1.2rem}.admin-week{position:relative}.week-title-row{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;padding-bottom:.7rem;display:flex}.week-title-row .week-title{border-bottom:0;margin-bottom:0;padding-bottom:0}.week-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}.week-rename-form{border-bottom:0;flex:1;align-items:center;gap:.8rem;margin-bottom:0;padding-bottom:0;display:flex}.week-rename-form input{font-family:var(--sans);color:var(--ink);border:1px solid var(--hair);background:#fff9;border-radius:2px;flex:1;padding:.6rem .8rem;font-size:1rem}.admin-lesson{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-lesson .lesson-header{margin-bottom:0}.lesson-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}.lesson-form{margin-top:0}.lesson-type-fixed{margin:.9rem 0;font-size:.85rem}.quiz-options-edit{flex-direction:column;gap:.6rem;margin-bottom:.8rem;display:flex}.quiz-option-edit{align-items:center;gap:.7rem;display:flex}.quiz-option-edit input[type=radio]{accent-color:var(--cinnabar);flex-shrink:0}.quiz-option-edit input[type=text]{font-family:var(--sans);color:var(--ink);border:1px solid var(--hair);background:#fff9;border-radius:2px;flex:1;padding:.6rem .8rem;font-size:.92rem}.quiz-option-edit .btn-small{flex-shrink:0;margin-top:0}.roster{border-collapse:collapse;width:100%;font-size:.92rem}.roster th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--hair);padding:.6rem .8rem;font-size:.66rem;font-weight:600}.roster td{border-bottom:1px solid var(--hair);vertical-align:middle;padding:.7rem .8rem}.roster tr:last-child td{border-bottom:0}.roster select{font-family:var(--sans);color:var(--ink);border:1px solid var(--hair);background:#fff9;border-radius:2px;padding:.4rem .6rem;font-size:.88rem}.roster select:focus{border-color:var(--cinnabar);outline:none;box-shadow:0 0 0 3px #bc41281f}@media (width<=640px){.dash-header,.dash-main{padding-left:1.2rem;padding-right:1.2rem}}.ai-pass{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.ai-pass-note{font-size:.8rem}.ai-warnings{margin:.4rem 0 0 1.1rem;font-size:.82rem;list-style:outside}.ai-draft-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--cinnabar-2);border:1px solid var(--cinnabar);border-radius:2px;margin-right:.35rem;padding:.05rem .3rem;font-size:.6rem;font-weight:600;display:inline-block}.rubric-total{font-weight:600}.rubric-bands{flex-wrap:wrap;gap:.4rem;display:flex}.rubric-band.is-active{border-color:var(--cinnabar);color:var(--cinnabar-2);background:#bc41281f}