:root{--ink:#183047;--ink-2:#29465f;--paper:#fbfaf5;--paper-2:#f2f0e8;--line:#d8d5cb;--muted:#6f777b;--red:#c84630;--red-soft:#f7e9e4;--gold:#d69b24;--green:#2c7659;--blue:#234f7c;--english:#a86187;--physics:#b7792c;--shadow:0 18px 50px rgba(30,46,57,.10);--radius:16px;--font:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;--serif:"STSong","Songti SC","Noto Serif CJK SC",serif}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--paper-2);color:var(--ink);font-family:var(--font);line-height:1.55}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--ink);color:#f6f3ea;padding:28px 18px 18px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--red);color:#fff8ed;font:700 24px var(--serif);transform:rotate(-3deg)}.brand strong,.brand span{display:block}.brand strong{font:700 21px var(--serif);letter-spacing:.12em}.brand span{font-size:12px;color:#b9c4c9;letter-spacing:.08em}.main-nav{display:grid;gap:7px}.nav-item{width:100%;border:0;background:transparent;color:#bdc8cd;min-height:48px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:left;padding:0 13px;border-radius:10px;transition:.2s}.nav-item:hover,.nav-item.active{background:#28455d;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--red)}.nav-icon{font-size:22px}.nav-item kbd{font:11px var(--font);opacity:.45}.subject-rail{margin:32px 10px 0;padding-top:20px;border-top:1px solid #385268}.subject-rail p{margin:0 0 10px;color:#8095a3;font-size:12px;letter-spacing:.12em}.subject-rail button{width:100%;height:36px;background:none;border:0;color:#c2cbd0;display:flex;align-items:center;gap:9px}.subject-rail button b{margin-left:auto;color:#8295a1}.dot,.timeline-dot,.legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.math{background:#d45d44}.english{background:#bd74a0}.physics{background:#dda44b}.profile-card{margin-top:auto;border:1px solid #40596d;background:#203b53;color:#edf1ef;border-radius:12px;padding:10px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;text-align:left;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:#e8dfce;color:var(--ink);display:grid;place-items:center;font-weight:700}.profile-card strong,.profile-card small{display:block}.profile-card small{color:#9caeb9;font-size:11px}.main{min-width:0}.topbar{height:88px;padding:0 clamp(22px,4vw,62px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(251,250,245,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40}.crumb span,.crumb strong{display:block}.crumb span{font-size:12px;color:var(--muted);letter-spacing:.06em}.crumb strong{font:700 22px var(--serif)}.top-actions{display:flex;gap:10px}.search-btn{height:44px;border:1px solid var(--line);background:#f7f5ef;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:10px;color:var(--muted)}.search-btn span:first-child{font-size:22px}.search-btn kbd{margin-left:18px;border:1px solid #d6d2c8;border-radius:5px;padding:2px 6px;background:#fff;font-size:11px}.icon-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#f7f5ef}.menu-btn{display:none}.view{display:none;padding:clamp(26px,4vw,58px) clamp(22px,4vw,62px) 70px;max-width:1500px;margin:0 auto}.view.active{display:block;animation:reveal .38s cubic-bezier(.22,1,.36,1)}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.18em;color:var(--red);font-weight:700;margin:0 0 8px}.home-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.72fr);gap:clamp(22px,3vw,42px);align-items:stretch}.today-lead{border-bottom:1px solid var(--line);padding-bottom:30px}.lead-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.lead-heading h1{font:700 clamp(30px,3.2vw,50px)/1.28 var(--serif);letter-spacing:.02em;margin:0;max-width:730px}.day-score{border-left:1px solid var(--line);padding-left:28px;min-width:130px}.day-score span,.day-score em{display:block;color:var(--muted);font-style:normal;font-size:12px}.day-score strong{font:700 48px var(--serif);display:block;line-height:1.15}.day-score small{font-size:20px;color:#9ca2a1}.next-task{margin-top:34px;background:var(--ink);color:#f8f5ec;display:grid;grid-template-columns:66px 1fr auto;align-items:center;min-height:102px;box-shadow:var(--shadow)}.task-stripe{height:100%;display:grid;place-items:center;writing-mode:vertical-rl;letter-spacing:.25em;background:#a36b28;color:#fff;font-weight:700}.task-copy{padding:17px 24px}.task-copy span,.task-copy strong,.task-copy small{display:block}.task-copy span{font-size:11px;color:#99adb9;letter-spacing:.12em}.task-copy strong{font:700 18px var(--serif);margin:2px 0}.task-copy small{color:#b7c3c8}.primary,.secondary,.text-btn{min-height:44px;border-radius:8px;padding:0 17px;font-weight:700;border:1px solid transparent}.primary{background:var(--red);color:#fff8f2}.primary:hover{background:#ad3826}.next-task .primary{margin-right:20px}.secondary{background:transparent;border-color:var(--line)}.secondary:hover{background:#eeece5}.text-btn{background:none;color:var(--red);padding:0}.review-note{position:relative;background:#ebe4d4;padding:28px 30px 24px;overflow:hidden;min-height:260px;box-shadow:0 12px 28px rgba(61,51,31,.09);transform:rotate(.4deg)}.note-pin{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--red);top:13px;right:18px;box-shadow:0 2px 5px #8a3326}.review-note h2{font:700 26px var(--serif);margin:0 0 8px}.review-note>p:not(.eyebrow){max-width:260px;color:#4d5656}.mini-graph{position:absolute;right:-20px;bottom:-5px;width:180px;height:115px;background:repeating-linear-gradient(0deg,transparent 0 22px,rgba(24,48,71,.1) 23px),repeating-linear-gradient(90deg,transparent 0 22px,rgba(24,48,71,.1) 23px)}.mini-graph:before,.mini-graph:after{content:"";position:absolute;background:var(--ink)}.mini-graph:before{width:1px;height:100%;left:45px}.mini-graph:after{height:1px;width:100%;bottom:28px}.mini-graph span{position:absolute;width:150px;height:2px;background:var(--red);transform:rotate(-28deg);bottom:60px;left:30px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:48px 0 18px}.section-heading h2{font:700 28px var(--serif);margin:0}.assignment-list{border-top:1px solid var(--ink)}.assignment-row{display:grid;grid-template-columns:104px 1fr 80px 44px;gap:20px;align-items:center;padding:20px 8px;border-bottom:1px solid var(--line);transition:.2s}.assignment-row:hover{background:rgba(255,255,255,.55);padding-left:14px}.paper-thumb,.small-thumb{position:relative;background:#fff;border:1px solid #d7d4ca;overflow:hidden;box-shadow:0 5px 10px rgba(25,48,71,.08)}.paper-thumb{width:94px;height:72px;padding:8px}.paper-thumb>span{position:absolute;left:5px;top:4px;font-size:8px;color:var(--muted)}.paper-thumb svg{width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:1.3}.paper-thumb text{stroke:none;fill:var(--ink);font-size:8px}.english-paper{background:#f8f4e9}.physics-paper{background:#f3f6f4}.fake-lines{height:100%;background:repeating-linear-gradient(0deg,transparent 0 9px,#adb5b7 10px,#adb5b7 11px)}.assignment-info>div{display:flex;gap:10px;align-items:center}.tag{font-size:12px;padding:3px 8px;border-radius:3px;font-weight:700}.math-tag{background:#f3ded8;color:#a63d2b}.english-tag{background:#eee0e9;color:#8d426d}.physics-tag{background:#f2e5d0;color:#955e20}.muted{color:var(--muted);font-size:12px}.assignment-info h3{font:700 18px var(--serif);margin:7px 0 4px}.assignment-info p{margin:0;color:var(--muted);font-size:13px;display:flex;gap:20px}.assignment-info p strong{color:var(--red)}.done-mark{color:var(--green)}.progress-ring{--size:62px;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(var(--green) calc(var(--progress)*1%),#d9ded9 0);position:relative;display:grid;place-items:center;text-align:center}.progress-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--paper)}.progress-ring strong,.progress-ring span{position:relative;z-index:1;display:block}.progress-ring strong{font-size:13px}.progress-ring span{font-size:8px;color:var(--muted)}.row-arrow{border:0;background:transparent;font-size:22px}.workflow-bar{max-width:670px;margin:0 auto 40px;display:flex;align-items:center}.step{display:flex;align-items:center;gap:8px;color:#8e9696;white-space:nowrap}.step span{width:30px;height:30px;border-radius:50%;border:1px solid #aeb3b0;display:grid;place-items:center}.step.active{color:var(--ink);font-weight:700}.step.active span{background:var(--ink);color:white}.workflow-bar>i{height:1px;background:var(--line);flex:1;margin:0 13px}.upload-layout{display:grid;grid-template-columns:minmax(0,1.55fr) 330px;gap:30px}.upload-stage{position:relative;min-height:470px;border:1px dashed #9aa4a7;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.corner{position:absolute;width:35px;height:35px;border-color:var(--red);border-style:solid}.corner.tl{left:-1px;top:-1px;border-width:3px 0 0 3px}.corner.tr{right:-1px;top:-1px;border-width:3px 3px 0 0}.corner.bl{left:-1px;bottom:-1px;border-width:0 0 3px 3px}.corner.br{right:-1px;bottom:-1px;border-width:0 3px 3px 0}.upload-icon{font-size:50px;font-weight:200;line-height:1;position:relative}.upload-icon span{font-size:36px;color:var(--red)}.upload-stage h1{font:700 30px var(--serif);margin:22px 0 8px}.upload-stage p{max-width:480px;color:var(--muted)}.upload-actions{display:flex;gap:10px;margin:16px 0}.upload-stage small{color:#8b9393}.photo-guide{background:var(--ink);color:#f5f1e7;padding:30px}.photo-guide h2{font:700 34px var(--serif);margin:0}.guide-visual{height:190px;position:relative;display:grid;place-items:center}.phone-frame{width:105px;height:155px;border:2px solid #8ba0ad;border-radius:17px;padding:10px;transform:rotate(5deg)}.sample-page{height:100%;background:#f7f2e8;color:var(--ink);padding:13px 8px}.sample-page i{height:1px;background:#8d9595;display:block;margin:12px 0}.sample-page b{display:block;width:40px;height:35px;border:1px solid var(--ink);margin:auto;transform:skew(-10deg)}.sun{position:absolute;right:40px;top:20px;color:#e6b04d;font-size:28px}.photo-guide ul{list-style:none;padding:0;margin:0}.photo-guide li{display:flex;gap:12px;align-items:center;border-top:1px solid #365068;padding:13px 0;color:#d7dedf;font-size:13px}.photo-guide li span{font-family:var(--serif);color:#7990a0}.quality-panel{display:grid;grid-template-columns:minmax(0,1.3fr) 400px;gap:30px}.quality-image{background:#d8d4ca;min-height:600px;padding:36px;display:grid;place-items:center}.mock-sheet{background:#fffdf7;width:min(100%,580px);min-height:520px;padding:32px 46px;box-shadow:0 14px 35px rgba(20,31,38,.18);transform:rotate(-.6deg)}.mock-sheet>span{font-size:11px;color:var(--muted)}.mock-sheet h3{font:700 18px var(--serif);margin-top:35px}.mock-sheet svg{display:block;width:75%;margin:10px auto;fill:none;stroke:var(--ink);stroke-width:2}.mock-answer{font:18px/1.9 var(--serif);transform:rotate(-2deg)}.quality-result{padding:20px 0}.quality-result h2{font:700 27px var(--serif);display:flex;align-items:center;gap:10px}.status-orb{display:inline-block;width:12px;height:12px;border-radius:50%}.good{background:var(--green);box-shadow:0 0 0 5px rgba(44,118,89,.12)}.quality-score{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:10px 0 22px}.quality-score>strong{font:700 64px var(--serif)}.quality-score span{color:var(--muted)}.quality-score b{color:var(--green)}.quality-result ul{list-style:none;padding:0}.quality-result li{display:flex;gap:14px;padding:12px 0}.quality-result li>span{width:25px;height:25px;border-radius:50%;background:#dceae2;color:var(--green);display:grid;place-items:center;font-weight:700}.quality-result li.warn>span{background:#f5e6c8;color:#9a691f}.quality-result li b,.quality-result li small{display:block}.quality-result li small{color:var(--muted)}.select-label{display:grid;gap:6px;font-size:13px;font-weight:700}.select-label select,.settings-form input,.settings-form select{height:46px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:0 12px}.toggle-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:18px 0}.toggle-line span b,.toggle-line span small{display:block}.toggle-line span small{font-size:12px;color:var(--muted)}.toggle-line input{display:none}.toggle-line i{width:46px;height:26px;border-radius:20px;background:#aab0ae;position:relative;transition:.2s}.toggle-line i:after{content:"";position:absolute;width:20px;height:20px;background:white;border-radius:50%;top:3px;left:3px;transition:.2s}.toggle-line input:checked+i{background:var(--green)}.toggle-line input:checked+i:after{transform:translateX(20px)}.panel-actions{display:flex;justify-content:flex-end;gap:9px}.archive-head,.settings-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.archive-head h1,.settings-head h1{font:700 40px var(--serif);margin:0}.archive-head p,.settings-head p{color:var(--muted);margin:4px 0}.filter-row{display:flex;gap:14px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:30px}.filter-search{height:44px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 12px;flex:1;max-width:420px}.filter-search input{border:0;outline:0;width:100%;background:transparent}.filter-pills{display:flex;gap:5px}.filter-pills button,.date-filter{border:1px solid var(--line);background:transparent;border-radius:5px;padding:0 14px}.filter-pills button.active{background:var(--ink);color:white}.date-filter{margin-left:auto}.archive-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px}.calendar-card{background:#fff;padding:20px;height:max-content;border:1px solid var(--line)}.calendar-head{display:flex;justify-content:space-between;align-items:center}.calendar-head button{background:none;border:0;font-size:22px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:5px}.week{font-size:11px;color:var(--muted);margin:16px 0 8px}.days span{aspect-ratio:1;display:grid;place-items:center;font-size:12px;border-radius:50%;position:relative}.days .dim{color:#bdc1bf}.days .selected{background:var(--ink);color:white}.days .has-work:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--red);position:absolute;bottom:2px}.legend{border-top:1px solid var(--line);margin-top:14px;padding-top:13px;display:flex;gap:13px;font-size:10px;color:var(--muted)}.legend span{display:flex;gap:5px;align-items:center}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:77px;top:60px;bottom:20px;width:1px;background:var(--line)}.timeline-date{display:flex;gap:12px;align-items:baseline;margin-bottom:18px}.timeline-date strong{font:700 25px var(--serif)}.timeline-date span{color:var(--muted);font-size:12px}.archive-item{display:grid;grid-template-columns:55px 14px 1fr;gap:15px;margin-bottom:18px;align-items:flex-start}.archive-item>.time{color:var(--muted);font-size:12px;padding-top:25px}.archive-item>.timeline-dot{margin-top:29px;position:relative;z-index:1;box-shadow:0 0 0 5px var(--paper-2)}.archive-paper{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:18px;padding:14px}.small-thumb{width:84px;height:66px}.small-thumb svg{width:100%;height:100%;fill:none;stroke:var(--ink)}.archive-paper h3{font:700 17px var(--serif);margin:5px 0}.archive-paper p{margin:0;color:var(--muted);font-size:12px}.archive-paper p b{color:var(--red)}.archive-status{text-align:right;display:grid;gap:7px}.archive-status span{font-size:11px;color:var(--muted)}.archive-status button{background:none;border:0;color:var(--red);font-weight:700}.empty-search{padding:50px;text-align:center;color:var(--muted)}.question-toolbar{display:flex;align-items:center;gap:22px;margin-bottom:18px}.back-btn{background:none;border:0;font-weight:700}.question-toolbar>div:nth-child(2){display:flex;align-items:center;gap:10px}.question-toolbar small{color:var(--muted)}.toolbar-actions{margin-left:auto;display:flex;gap:8px}.question-workspace{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(400px,.85fr);gap:18px;height:calc(100vh - 190px);min-height:650px}.problem-pane,.solution-pane{background:#fff;border:1px solid var(--line);min-width:0}.problem-pane{display:flex;flex-direction:column}.pane-head{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.pane-head b,.pane-head span{display:block}.pane-head span{color:var(--muted);font-size:11px}.zoom-controls{display:flex;align-items:center}.zoom-controls button{width:30px;height:30px;border:1px solid var(--line);background:#f6f4ee}.zoom-controls span{width:55px;text-align:center}.paper-canvas{background:#cbc8c0;flex:1;overflow:auto;padding:32px;position:relative;touch-action:none}.student-paper{width:min(100%,650px);min-height:720px;margin:auto;background:#fffdf7;padding:42px 50px;box-shadow:0 9px 25px rgba(20,30,36,.18);transform-origin:top center;transition:transform .2s}.paper-meta{border-bottom:1px solid #aaa;padding-bottom:8px;color:#687070;font-size:12px}.student-paper>p{font:17px/1.8 var(--serif)}.geometry{display:block;width:80%;margin:20px auto;fill:none;stroke:var(--ink);stroke-width:2}.geometry text{stroke:none;fill:var(--ink);font:18px var(--serif)}.geometry .tick{stroke:var(--red)}.handwriting{font:20px/1.9 var(--serif);color:#244c77;transform:rotate(-1deg);margin-top:15px}.teacher-mark{font:700 20px/1.4 var(--serif);color:var(--red);border:2px solid var(--red);border-radius:50%;padding:13px;width:150px;text-align:center;transform:rotate(-7deg);margin:15px 0 0 auto}.teacher-mark span{font-size:12px}.paper-canvas canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.paper-canvas.annotating canvas{pointer-events:auto;cursor:crosshair}.annotation-tools{height:54px;display:flex;align-items:center;gap:8px;padding:0 14px;border-top:1px solid var(--line)}.annotation-tools .tool{border:2px solid transparent;background:none;font-size:22px;color:var(--tool-color)}.annotation-tools .tool.active{border-color:var(--line);border-radius:50%}.annotation-tools>span{height:24px;width:1px;background:var(--line)}.annotation-tools button:not(.tool){border:0;background:none}.annotation-tools small{margin-left:auto;color:var(--muted)}.solution-pane{display:flex;flex-direction:column;overflow:hidden}.solution-head{padding:22px 24px 12px;display:flex;justify-content:space-between;align-items:start}.solution-head h2{font:700 26px var(--serif);margin:0}.review-state{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 10px}.review-state.mastered{color:var(--green);border-color:#8bb39f;background:#edf6f0}.solution-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 24px;overflow-x:auto}.solution-tabs button{height:45px;background:none;border:0;border-bottom:3px solid transparent;white-space:nowrap;padding:0 15px}.solution-tabs button.active{border-color:var(--red);color:var(--red);font-weight:700}.solution-content{display:none;padding:22px 28px;overflow-y:auto;flex:1}.solution-content.active{display:block}.idea-box{background:#edf0ed;padding:16px 18px;border-left:3px solid var(--green)}.idea-box span{font-size:11px;color:var(--green);font-weight:700}.idea-box p{margin:4px 0}.proof-steps{list-style:none;padding:0;margin:25px 0}.proof-steps li{display:grid;grid-template-columns:32px 1fr;gap:13px;margin:20px 0}.proof-steps li>span{width:28px;height:28px;border:1px solid var(--red);color:var(--red);border-radius:50%;display:grid;place-items:center}.proof-steps b{font-family:var(--serif)}.proof-steps p{margin:4px 0;color:#4f5c61}.proof-steps mark{background:#f5e7b8;padding:1px 4px}.check-point,.method-warning{background:var(--red-soft);padding:14px 16px;color:#7d372b}.check-point span{font-size:11px;font-weight:700}.check-point p{margin:3px 0}.source-note{padding:13px;border:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.source-note>span{grid-row:1/3;background:#f3e0da;color:var(--red);font-size:11px;padding:4px 7px;align-self:center}.source-note small{color:var(--muted)}.source-note.approved>span{background:#dceadf;color:var(--green)}.formal-proof{font:17px/1.85 var(--serif)}.brace-proof{border-left:2px solid var(--ink);padding:8px 20px;margin:10px}.solution-footer{padding:14px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.settings-head{display:block}.settings-layout{display:grid;grid-template-columns:220px minmax(0,660px);gap:55px}.settings-nav{display:grid;align-content:start}.settings-nav button{text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:14px 8px}.settings-nav button.active{color:var(--red);font-weight:700}.settings-form{display:grid;gap:20px}.form-section{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);align-items:start}.form-section h2{font:700 26px var(--serif);margin:0}.form-section p{color:var(--muted);margin:3px 0 16px}.compact{border:0;margin:0;gap:20px}.settings-form>label{display:grid;gap:6px}.settings-form label>span{font-weight:700;font-size:13px}.settings-form label>small{color:var(--muted)}.password-field,.unit-field{display:flex}.password-field input,.unit-field input{flex:1}.password-field button{border:1px solid var(--line);background:#f1efe9;padding:0 16px}.unit-field b{border:1px solid var(--line);border-left:0;background:#f1efe9;display:grid;place-items:center;padding:0 12px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-fields label{display:grid;gap:6px}.connection-status{border:1px solid #9bbcab;background:#edf5ef;padding:15px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:12px}.connection-status b,.connection-status small{display:block}.connection-status small{color:var(--muted)}.form-actions{display:flex;justify-content:flex-end}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:8px;display:flex;align-items:center;gap:10px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.toast p{margin:0}.backdrop{display:none}
@media(max-width:1100px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.sidebar{padding:25px 12px}.brand{justify-content:center;padding:0 0 24px}.brand>div:last-child,.nav-item span:not(.nav-icon),.nav-item kbd,.subject-rail,.profile-card>span:not(.avatar){display:none}.nav-item{grid-template-columns:1fr;place-items:center}.profile-card{grid-template-columns:1fr;place-items:center}.home-grid{grid-template-columns:1fr .55fr}.review-note{padding:24px 20px}.upload-layout{grid-template-columns:1fr 280px}.quality-panel{grid-template-columns:1fr 350px}.archive-layout{grid-template-columns:250px 1fr}.question-workspace{grid-template-columns:1fr 1fr}.view{padding-left:28px;padding-right:28px}}
@media(max-width:850px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:270px;transform:translateX(-100%);transition:.28s;height:100dvh}.sidebar.open{transform:none}.brand{justify-content:flex-start}.brand>div:last-child,.nav-item span:not(.nav-icon),.nav-item kbd,.profile-card>span:not(.avatar){display:block}.nav-item{grid-template-columns:30px 1fr auto;place-items:initial}.subject-rail{display:block}.profile-card{grid-template-columns:36px 1fr auto;place-items:initial}.backdrop.show{display:block;position:fixed;inset:0;background:rgba(17,30,42,.4);z-index:45}.menu-btn{display:block}.topbar{padding:0 20px}.search-btn span:nth-child(2),.search-btn kbd{display:none}.view{padding:28px 20px 60px}.home-grid{grid-template-columns:1fr}.review-note{min-height:210px}.upload-layout{grid-template-columns:1fr}.photo-guide{display:none}.quality-panel{grid-template-columns:1fr}.quality-image{min-height:420px}.mock-sheet{min-height:390px}.archive-layout{grid-template-columns:1fr}.calendar-card{display:none}.question-workspace{grid-template-columns:1fr;height:auto}.problem-pane,.solution-pane{min-height:650px}.question-toolbar>div:nth-child(2){flex-wrap:wrap}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto}.settings-nav button{white-space:nowrap}.archive-head{align-items:start}.filter-row{flex-wrap:wrap}.filter-search{max-width:none;width:100%;flex-basis:100%}.date-filter{margin-left:0}.timeline:before{left:62px}.archive-item{grid-template-columns:40px 14px 1fr}.archive-paper{grid-template-columns:70px 1fr}.archive-status{grid-column:2;text-align:left;display:flex}.small-thumb{width:70px;height:56px}}
@media(max-width:560px){.topbar{height:72px}.crumb span{display:none}.crumb strong{font-size:19px}.view{padding:22px 14px 85px}.lead-heading{display:block}.day-score{display:flex;gap:10px;align-items:baseline;border-left:0;border-top:1px solid var(--line);padding:10px 0 0;margin-top:20px}.day-score strong{font-size:32px}.next-task{grid-template-columns:48px 1fr}.next-task .primary{grid-column:2;margin:0 16px 15px}.task-copy{padding:14px 16px}.assignment-row{grid-template-columns:78px 1fr 32px;gap:12px}.paper-thumb{width:74px;height:62px}.progress-ring{display:none}.assignment-info p span:last-child{display:none}.section-heading{margin-top:36px}.upload-stage{min-height:420px;padding:25px 18px}.workflow-bar b{display:none}.workflow-bar{max-width:250px}.quality-image{padding:16px}.quality-result{padding:15px}.mock-sheet{padding:25px}.archive-head{display:block}.archive-head .primary{margin-top:15px}.filter-pills{width:100%;overflow:auto}.filter-pills button{min-height:40px}.archive-paper{grid-template-columns:1fr}.archive-paper .small-thumb{display:none}.archive-status{grid-column:auto}.timeline:before{display:none}.archive-item{grid-template-columns:1fr}.archive-item>.time,.archive-item>.timeline-dot{display:none}.question-toolbar{gap:8px}.back-btn span,.question-toolbar small{display:none}.toolbar-actions .secondary:first-child{padding:0 10px}.question-workspace{margin:0 -14px}.problem-pane,.solution-pane{border-left:0;border-right:0}.paper-canvas{padding:15px}.student-paper{padding:28px 25px;min-height:620px}.solution-head{padding:18px 16px}.solution-head h2{font-size:22px}.review-state{font-size:12px}.solution-tabs{padding:0 10px}.solution-content{padding:18px}.solution-footer{position:sticky;bottom:0;background:#fff;padding:12px}.annotation-tools small{display:none}.two-fields{grid-template-columns:1fr}.connection-status{grid-template-columns:18px 1fr}.connection-status button{grid-column:2}.settings-head h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}
.days button{aspect-ratio:1;display:grid;place-items:center;font-size:12px;border:0;border-radius:50%;position:relative;background:transparent;min-width:32px;padding:0}.days button:hover{background:#ebe8df}.days button.dim{color:#bdc1bf}.days button.selected{background:var(--ink);color:white}.days button.has-work:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--red);position:absolute;bottom:2px}.days button:focus-visible,.filter-pills button:focus-visible,.nav-item:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(200,70,48,.35);outline-offset:2px}.calendar-head button,.date-filter,.settings-nav button,.archive-status button{min-height:44px;min-width:44px}.upload-actions{flex-wrap:wrap;justify-content:center}.settings-panel{grid-column:2}.archive-item[hidden]{display:none!important}.archive-paper.is-selected{border-color:var(--red);box-shadow:0 0 0 2px rgba(200,70,48,.10)}
@media(max-width:850px){.settings-panel{grid-column:auto}.calendar-card.mobile-visible{display:block}}