@font-face{font-family:Maoken Pencil;src:url(/fonts/maoken-pencil.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Jason Hand;src:url(/fonts/jason-handwriting2.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f2f3f1;--paper:#fdfdfb;--ink:#292c2b;--muted:#858b89;--rule:#58a5d1;--correction:#c64239;--ai:#668a98;--gold:#c6a35e;--hairline:#2226241f;font-synthesis:none;text-rendering:optimizelegibility;font-family:Avenir Next,PingFang SC,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body{color:var(--ink);background:var(--canvas);margin:0}button,input{font:inherit}button:focus-visible,label:focus-within{outline-offset:4px;outline:2px solid #668a9894}.scene{background:radial-gradient(circle at 42% 30%, #fffffff5, #fff0 48%), var(--canvas);min-height:100vh;padding:56px 24px 22px;position:relative;overflow:hidden}.scene:after{content:"";z-index:20;pointer-events:none;opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");position:fixed;inset:0}.utility-bar{z-index:30;width:min(900px,100% - 42px);color:var(--muted);justify-content:flex-end;align-items:center;font-size:12px;transition:opacity .35s,transform .35s;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}body.is-reading .utility-bar{opacity:.4;transform:translate(-50%)translateY(-4px)}.actions{align-items:center;gap:7px;display:flex}.text-action,.review-action{cursor:pointer;border:0}.text-action{padding:9px 12px;transition:color .18s}.text-action:hover{color:var(--ink)}.review-action{border:1px solid var(--hairline);height:38px;color:var(--ink);background:#ffffffbd;border-radius:999px;align-items:center;gap:10px;padding:0 15px;transition:background .18s,border-color .18s,transform .18s;display:flex;box-shadow:0 5px 18px #2c33300d}.review-action:hover{background:#fff;border-color:#668a985c;transform:translateY(-1px)}.review-action:disabled{cursor:wait;opacity:.74;transform:none}.review-action svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:16px}.workspace{isolation:isolate;background:var(--paper);clip-path:polygon(.2% .3%,9% .04%,20% .28%,31% .02%,43% .31%,55% .07%,68% .26%,82% .03%,99.8% .25%,99.94% 20%,99.7% 41%,99.95% 63%,99.72% 82%,99.84% 99.72%,84% 99.94%,67% 99.7%,51% 99.95%,34% 99.72%,18% 99.93%,.22% 99.74%,.05% 78%,.3% 56%,.04% 34%,.24% 15%);grid-template-columns:minmax(0,4.85fr) minmax(0,4.15fr);align-items:stretch;gap:0;width:min(900px,105.2vh - 94.68px,100%);margin:0 auto;transition:transform .7s cubic-bezier(.22,.78,.2,1),box-shadow .7s;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 62px #2c333016,0 2px 9px #2c333009}body.is-reading .workspace{transform:translateY(-2px);box-shadow:0 29px 74px #2c333018,0 2px 9px #2c333009}.document-column{z-index:1;min-width:0;position:relative}.paper{aspect-ratio:.58;isolation:isolate;background:0 0;width:100%;position:relative;overflow:hidden}#paperBase,#studentRawPaper,#studentCleanBase,#studentCleanPaper{width:100%;height:100%;display:block;position:absolute;inset:0}#paperBase{z-index:1}#studentRawPaper{z-index:2;opacity:1;filter:contrast(1.035)}#studentCleanBase{z-index:3;opacity:0}#studentCleanPaper{z-index:4;opacity:0}#magicLayer{height:var(--paper-height,100%);z-index:5;pointer-events:none;position:absolute;top:0;left:0;right:0}#magicLayer canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.teacher-panel{z-index:1;background:#fdfdfb;width:calc(100% + 20px);min-width:0;min-height:100%;padding:40px 17px 24px 7px;position:relative;overflow:hidden;transform:translate(-20px)}.teacher-panel:before{content:none}.feedback-block>p,.visual-note figcaption p,.closing-note p{color:var(--correction);letter-spacing:.01em;margin:0;font:400 14.2px/27px Jason Hand,cursive}.feedback-block{opacity:0;visibility:hidden;max-height:0;margin-top:0;padding:0 2px 0 25px;transition:max-height .9s cubic-bezier(.25,.8,.22,1),margin .65s,padding .65s,opacity .7s,transform .7s;overflow:hidden;transform:translateY(10px)}.feedback-block.is-visible{opacity:1;visibility:visible;max-height:900px;margin-top:14px;transform:translateY(0)}.feedback-one.is-visible{margin-top:0}.opening-note{margin-bottom:8px!important}.feedback-label{min-height:27px;letter-spacing:.035em!important;margin-top:4px!important;margin-left:-25px!important;font-size:15px!important;line-height:27px!important}.visual-note{opacity:0;margin:6px 0 0;overflow:hidden;transform:translateY(7px)}#feedbackTwo.is-visible:not(.is-awaiting-ink) .visual-note{animation:.72s 4.2s both visualFlowIn}#waterScene{clip-path:polygon(.5% 2%,19% .5%,38% 2%,58% 0,78% 1.8%,99.4% .6%,99.8% 98%,77% 99.5%,53% 98%,28% 100%,.4% 98.5%);background:#efd1b3;width:100%;height:92px;overflow:hidden}#waterScene canvas{display:block;width:100%!important;height:100%!important}.visual-note figcaption{background:0 0;padding:4px 0 0}.visual-note figcaption small{color:var(--correction);letter-spacing:.03em;opacity:.74;margin:0;font:400 12px/22px Jason Hand,cursive;display:block}.visual-note figcaption p{color:var(--correction);font-size:13.4px;line-height:26px}.closing-note p{color:var(--correction)}.page-summary{background:0 0;width:auto}.page-summary.is-visible{max-height:320px;margin-top:13px;padding-top:8px}.page-summary p{max-width:none;line-height:27px;margin:0!important}.handwriting-ready .teacher-char{min-width:.04em;display:inline-block}.handwriting-ready:not(.is-static) .teacher-char{opacity:0}.handwriting-ready.is-static .teacher-char{opacity:1}.handwriting-ready.writing .teacher-char{animation:inkCharacter 1ms linear var(--write-delay) both}.feedback-block.is-landed .feedback-label .teacher-char{opacity:1}@keyframes inkCharacter{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes visualFlowIn{0%{opacity:0;filter:blur(3px);transform:translateY(7px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (width<=980px){.workspace,.utility-bar{width:min(860px,105.2vh - 90.472px,100% - 36px)}.workspace{grid-template-columns:minmax(0,4.85fr) minmax(0,4.15fr);gap:0}.teacher-panel{padding-left:8px;padding-right:22px}}@media (width<=800px){.scene{padding:76px 14px 46px;overflow-x:hidden}.utility-bar{width:calc(100% - 28px);top:18px}.text-action{display:none}.review-action{height:36px}.workspace{clip-path:none;width:min(650px,100%);box-shadow:none;background:0 0;grid-template-columns:minmax(0,1fr);gap:0;overflow:visible}.paper,.teacher-panel{background-color:var(--paper);box-shadow:0 18px 48px #2c333013}.teacher-panel{width:100%;min-height:760px;margin:0;padding:50px 28px 34px;transform:none}.page-summary.is-visible{padding:15px 0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}