:root{--ink:#252129;--muted:#716b78;--purple:#6952d9;--purple-dark:#563ec5;--lavender:#eeeafe;--lavender-soft:#f7f4ff;--mint:#dff5eb;--green:#1f8861;--green-dark:#176f50;--red:#d65151;--red-soft:#fff0ee;--amber:#b16c1f;--amber-soft:#fff5e2;--blue:#3d6f9e;--blue-soft:#edf5ff;--surface:#fffdf9;--line:#e8e3eb}*{box-sizing:border-box}html{background:#f2eff6}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#f2eff6;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{width:min(100%,500px);min-height:100svh;padding:max(22px, env(safe-area-inset-top)) 20px max(22px, env(safe-area-inset-bottom));background:var(--surface);flex-direction:column;margin:0 auto;display:flex;overflow-x:hidden;box-shadow:0 0 50px #33274914}.screen-start{background:radial-gradient(circle at 94% 9%,#beb3ff57,#0000 30%),linear-gradient(#fffdf9 0% 67%,#f8f5ff 100%)}.screen-onboarding{background:radial-gradient(circle at 50% 22%,#cdc4ff75,#0000 32%),linear-gradient(#fffdf9 0% 72%,#f8f5ff 100%)}.screen-loading{background:radial-gradient(circle at 50% 29%,#d9d2ff8c,#0000 31%),#fffdf9;justify-content:center}.screen-results{background:#faf8fb}.restoring-screen{color:var(--muted);justify-content:center;align-items:center;gap:18px}.restoring-screen p{margin:0;font-size:14px}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:34px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:8px;width:fit-content;font-size:19px;font-weight:760;display:inline-flex}.brand-mark{color:#fff;background:var(--purple);border-radius:10px 10px 10px 4px;place-items:center;width:29px;height:29px;font-size:17px;display:grid;box-shadow:0 7px 18px #6952d938}.photo-count,.mock-pill{color:var(--muted);background:#f1edf3;border-radius:99px;font-size:12px;font-weight:750}.photo-count{padding:7px 11px}.mock-pill{color:var(--purple);background:var(--lavender);padding:6px 10px}.start-screen{flex-direction:column;flex:1;justify-content:center;padding:24px 0 14px;display:flex}.onboarding-skip{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:13px;font-weight:700}.onboarding-screen{flex-direction:column;flex:1;justify-content:center;padding:18px 0 8px;display:flex}.onboarding-visual{place-items:center;height:clamp(205px,31vh,260px);display:grid;position:relative}.onboarding-visual:before{content:"";background:var(--lavender);border-radius:50%;width:218px;height:218px;position:absolute}.onboarding-sheet{background:linear-gradient(90deg,#0000 0 23px,#f0c5cc 24px 25px,#0000 26px),repeating-linear-gradient(#0000 0 23px,#dce7f7 24px 25px),#fffefb;border:1px solid #e5ded7;border-radius:10px 15px 15px 10px;width:145px;height:180px;position:absolute;box-shadow:0 18px 32px #3f305729}.onboarding-sheet-front{z-index:2;transform:rotate(-4deg)}.onboarding-sheet-back{z-index:1;opacity:0;transform:translate(46px,8px)rotate(8deg)}.onboarding-page-number{color:#fff;background:var(--purple);border-radius:8px;place-items:center;width:25px;height:25px;font-size:11px;font-weight:800;display:grid;position:absolute;top:10px;right:10px}.onboarding-rule{background:#d5ced8;border-radius:99px;height:4px;position:absolute;left:39px}.onboarding-sheet-front strong{color:#4e4655;font-family:Comic Sans MS,cursive;font-size:15px;position:absolute;top:76px;left:39px}.rule-one{width:72px;top:41px}.rule-two{width:90px;top:65px}.rule-three{width:66px;top:112px}.onboarding-focus{z-index:4;border:3px solid var(--purple);color:#fff;opacity:0;background:#6952d90d;border-radius:22px;place-items:end center;width:184px;height:205px;padding-bottom:10px;display:grid;box-shadow:0 0 0 999px #fffdf914}.onboarding-focus .camera-icon{color:#fff;background:var(--purple);border-width:3px;border-radius:8px;width:35px;height:27px;display:block;box-shadow:0 5px 14px #4935a847}.onboarding-focus .camera-icon:before{width:14px;height:6px;top:-7px;left:8px}.onboarding-focus .camera-icon:after{inset:5px 10px}.onboarding-flash{z-index:5;opacity:0;background:#fff;border-radius:22px;width:190px;height:211px;position:absolute}.onboarding-ready{z-index:6;color:#fff;background:var(--green);opacity:0;border:6px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;font-weight:900;display:grid;position:absolute;bottom:26px;right:calc(50% - 94px);box-shadow:0 9px 20px #1f88613d}.onboarding-copy{text-align:center}.onboarding-copy h1{max-width:420px;margin:0 auto;font-size:clamp(31px,9vw,40px)}.onboarding-copy .lead{margin-top:11px;font-size:15px}.onboarding-steps{gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.onboarding-steps li{background:#ffffffb8;border:1px solid #e8e3ebdb;border-radius:14px;align-items:center;gap:11px;padding:9px 11px;display:flex}.onboarding-steps li>span{height:30px;color:var(--purple);background:var(--lavender);border-radius:10px;flex:0 0 30px;place-items:center;font-size:12px;font-weight:850;display:grid}.onboarding-steps p{gap:2px;margin:0;display:grid}.onboarding-steps strong{font-size:13px}.onboarding-steps small{color:var(--muted);font-size:11px;line-height:1.3}.onboarding-button{width:100%;margin-top:16px}.hero-visual{place-items:center;height:clamp(205px,34vh,285px);display:grid;position:relative}.hero-visual:before,.hero-visual:after{content:"";border-radius:999px;position:absolute}.hero-visual:before{background:var(--lavender);width:238px;height:238px}.hero-visual:after{filter:blur(8px);background:#4a3b6a1a;width:164px;height:20px;top:calc(50% + 94px)}.notebook-page{z-index:1;background:repeating-linear-gradient(#0000 0 26px,#dce7f7 27px 28px),#fffefb;border:1px solid #e7e1d9;border-radius:10px 16px 16px 10px;width:178px;height:218px;position:relative;transform:rotate(-5deg);box-shadow:0 20px 35px #3f305729}.notebook-page:before{content:"";background:#f0c5cc;width:1px;position:absolute;inset:0 auto 0 25px}.notebook-ring{background:#8e8793;border-radius:999px;width:21px;height:7px;position:absolute;left:-9px;box-shadow:inset -3px 0 #ffffff80}.ring-one{top:55px}.ring-two{top:151px}.notebook-line{background:#d7d0c8;border-radius:99px;height:4px;position:absolute;left:44px}.line-one{width:78px;top:46px}.line-two{width:102px;top:75px}.line-three{width:71px;top:129px}.scribble{color:#494056;font-family:Comic Sans MS,cursive;font-size:16px;font-weight:700;position:absolute;top:92px;left:45px}.success-stamp{color:#fff;background:var(--green);border:7px solid #fff;border-radius:50%;place-items:center;width:65px;height:65px;font-size:33px;font-weight:800;display:grid;position:absolute;bottom:30px;right:-22px;box-shadow:0 10px 24px #21886240}.hero-copy{text-align:center}.eyebrow{color:var(--purple);letter-spacing:.09em;text-transform:uppercase;margin:0 0 9px;font-size:12px;font-weight:800}h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,10vw,44px);line-height:1.04}.lead{max-width:390px;color:var(--muted);margin:14px auto 0;font-size:17px;line-height:1.45}.lead.left{margin-left:0;font-size:15px}.start-actions{gap:7px;margin-top:30px;display:grid}.primary-button,.secondary-button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:17px;justify-content:center;align-items:center;min-height:58px;font-size:16px;font-weight:760;display:flex}.primary-button{color:#fff;background:var(--purple);gap:11px;padding:0 18px;box-shadow:0 12px 24px #6952d93b}.primary-button:active{background:var(--purple-dark);transform:translateY(1px)}.secondary-button{min-height:48px;color:var(--purple)}.camera-icon{border:2px solid;border-radius:5px;width:22px;height:17px;position:relative}.camera-icon:before{content:"";background:currentColor;border-radius:3px 3px 0 0;width:8px;height:5px;position:absolute;top:-6px;left:5px}.camera-icon:after{content:"";border:2px solid;border-radius:50%;position:absolute;inset:3px 6px}.camera-icon.small{width:18px;height:14px}.camera-icon.small:before{width:7px;height:4px;top:-5px;left:4px}.camera-icon.small:after{inset:3px 5px}.privacy-note{color:#928c97;text-align:center;margin:6px 0 0;font-size:12px}.photos-screen{flex:1;padding-top:30px}.section-heading h1{font-size:34px}.notice{color:var(--green-dark);background:var(--mint);border-radius:14px;align-items:flex-start;gap:10px;margin:22px 0 0;padding:13px 14px;font-size:13px;line-height:1.4;display:flex}.notice>span{color:#fff;background:var(--green);border-radius:50%;flex:0 0 20px;place-items:center;height:20px;font-size:12px;font-weight:800;display:grid}.notice p{margin:1px 0 0}.notice-error{color:#963c3c;background:var(--red-soft)}.notice-error>span{background:var(--red)}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:24px;display:grid}.photo-card,.add-photo-card{border-radius:18px;min-height:190px;position:relative;overflow:hidden}.photo-card{border:1px solid var(--line);background:#f0edf1;box-shadow:0 7px 20px #2a203614}.photo-card img{object-fit:cover;width:100%;height:146px;display:block}.photo-number{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#221d27b8;border-radius:8px;place-items:center;width:25px;height:25px;font-size:12px;font-weight:800;display:grid;position:absolute;top:9px;left:9px}.photo-actions{background:#fff;justify-content:space-evenly;align-items:center;height:44px;display:flex}.tiny-button{color:var(--purple);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:750}.tiny-button.danger{color:#a45a5a}.add-photo-card{color:var(--purple);background:var(--lavender-soft);text-align:center;cursor:pointer;border:2px dashed #cec5da;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:750;display:flex}.plus{color:#fff;background:var(--purple);border-radius:14px;place-items:center;width:42px;height:42px;font-size:26px;font-weight:400;display:grid;box-shadow:0 8px 18px #6952d933}.sticky-action{bottom:calc(-1 * max(22px, env(safe-area-inset-bottom)));z-index:3;margin:26px -20px calc(-1 * max(22px, env(safe-area-inset-bottom)));padding:17px 20px max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9f0;border-top:1px solid #e8e3ebcc;position:sticky}.sticky-action .primary-button{width:100%}.arrow{margin-left:auto;font-size:21px}.sticky-action p{color:#928c97;text-align:center;margin:9px 0 0;font-size:11px}.loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 44px);display:flex}.scan-visual{place-items:center;width:210px;height:240px;display:grid;position:relative}.scan-visual:before{content:"";background:var(--lavender);border-radius:50%;width:210px;height:210px;animation:2s ease-in-out infinite breathe;position:absolute}.mini-page{z-index:1;background:repeating-linear-gradient(#fff 0 24px,#dce9f8 25px 26px);border-radius:10px;width:126px;height:166px;padding:34px 21px;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 18px 35px #3b2d522e}.mini-page>span{background:#c9c0ce;border-radius:9px;height:4px;margin-bottom:20px;display:block}.mini-page>span:nth-child(2){width:73%}.scan-line{background:var(--purple);border-radius:10px;height:3px;animation:2.2s ease-in-out infinite scan;position:absolute;inset:18px 8px auto;box-shadow:0 0 12px 3px #6952d952}.loading-copy{width:100%}.loading-copy h1{font-size:34px}.loading-statuses{text-align:left;gap:11px;width:min(100%,330px);margin:26px auto 0;display:grid}.loading-statuses>div{color:#aea8b2;align-items:center;gap:12px;transition:color .25s;display:flex}.loading-statuses span{border:1px solid #dcd6df;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;font-weight:800;display:grid}.loading-statuses p{margin:0;font-size:14px;font-weight:680}.loading-statuses .active{color:var(--purple)}.loading-statuses .active span{border-color:var(--purple);background:var(--lavender)}.loading-statuses .done{color:var(--green)}.loading-statuses .done span{border-color:var(--green);color:#fff;background:var(--green)}.support-message{color:#625a69;background:#f3eff5;border-radius:15px;max-width:330px;margin:38px 0 0;padding:13px 17px;font-size:13px;line-height:1.4}.results-screen{padding-top:30px}.result-hero{align-items:center;gap:15px;display:flex}.result-hero h1{font-size:31px}.result-hero .eyebrow{margin-bottom:5px}.result-check{color:#fff;background:var(--green);border-radius:18px 18px 18px 7px;flex:0 0 54px;place-items:center;height:54px;font-size:27px;font-weight:800;display:grid;box-shadow:0 10px 22px #1f886133}.summary-card{border:1px solid var(--line);background:#fff;border-radius:19px;grid-template-columns:1.16fr repeat(3,1fr);margin-top:24px;display:grid;overflow:hidden;box-shadow:0 10px 28px #2e233a0f}.checked-task-list{color:var(--muted);flex-wrap:wrap;gap:4px 8px;margin:10px 4px 0;font-size:12px;line-height:1.4;display:flex}.checked-task-list strong{color:var(--ink)}.checked-task-list span{overflow-wrap:anywhere}.summary-total,.summary-stat{text-align:center;flex-direction:column;gap:3px;min-width:0;padding:15px 8px 13px;display:flex}.summary-total{color:#fff;background:var(--purple)}.summary-stat{border-left:1px solid var(--line)}.summary-card strong{font-size:24px;line-height:1}.summary-card span{text-overflow:ellipsis;font-size:9px;font-weight:730;overflow:hidden}.summary-stat.positive strong{color:var(--green)}.summary-stat.negative strong{color:var(--red)}.summary-stat.neutral strong{color:var(--amber)}.issue-card{background:var(--amber-soft);border:1px solid #f0d49e;border-radius:17px;grid-template-columns:40px 1fr;gap:12px;margin-top:18px;padding:16px;display:grid}.issue-icon{color:#fff;background:var(--amber);border-radius:12px;place-items:center;width:38px;height:38px;font-size:23px;font-weight:800;display:grid}.issue-card h2{margin:0;font-size:15px;line-height:1.3}.issue-card p{color:#756346;margin:6px 0 0;font-size:12px;line-height:1.45}.issue-card .issue-detail{color:#9a7438;font-size:11px}.inline-button{width:fit-content;min-height:39px;color:var(--amber);cursor:pointer;background:#ffffff8c;border:1px solid;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:12px;padding:0 14px;font-size:12px;font-weight:760;display:inline-flex}.tasks-heading{align-items:center;gap:8px;margin:28px 2px 12px;display:flex}.tasks-heading h2{letter-spacing:-.02em;margin:0;font-size:21px}.tasks-heading span{width:25px;height:25px;color:var(--muted);background:#ebe7ed;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.task-list{gap:11px;display:grid}.new-check-button{width:100%;min-height:48px;color:var(--purple);background:var(--lavender-soft);cursor:pointer;border:1px solid #d9d1ed;border-radius:15px;margin-top:22px;font-size:14px;font-weight:760}.task-card{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 6px 20px #31263d0b}.correct-card,.context-card,.unreadable-card{align-items:flex-start;gap:12px;padding:15px;display:flex}.status-icon{border-radius:10px;flex:0 0 31px;place-items:center;height:31px;font-size:15px;font-weight:900;display:grid}.status-icon.good{color:var(--green);background:var(--mint)}.status-icon.bad{color:var(--red);background:var(--red-soft)}.status-icon.context{color:var(--amber);background:var(--amber-soft)}.status-icon.unreadable{color:var(--blue);background:var(--blue-soft)}.task-card-copy{flex:1;min-width:0}.task-title-row{justify-content:space-between;align-items:center;gap:10px;min-height:31px;display:flex}.task-title-row h3{margin:0;font-size:16px}.status-label{font-size:11px;font-weight:780}.good-text{color:var(--green)}.bad-text{color:var(--red)}.context-text{color:var(--amber)}.unreadable-text{color:var(--blue)}.resolved-note{color:var(--green-dark);margin:5px 0 0;font-size:12px}.context-card h4,.unreadable-card h4{margin:10px 0 0;font-size:15px}.context-card p,.unreadable-card p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.45}.student-preview{color:#554e5a;background:#f5f2f5;border-radius:11px;gap:4px;margin-top:11px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:grid}.context-button{color:var(--purple);background:var(--lavender-soft)}.soft-button{color:var(--blue);background:var(--blue-soft)}.error-card{border-color:#f0d0ce;padding:15px}.error-card-heading{align-items:flex-start;gap:12px;display:flex}.error-card-heading h4{margin:9px 0 0;font-size:17px;line-height:1.25}.solution-block{background:#f7f4f5;border-radius:14px;margin-top:16px;padding:13px}.solution-label{color:#8d858f;letter-spacing:.07em;text-transform:uppercase;margin:0 0 9px;font-size:10px;font-weight:800}.solution-line{align-items:center;gap:8px;min-height:26px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;display:flex}.solution-line em{color:var(--red);margin-left:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-style:normal;font-weight:800}.error-line{color:#9c3434;background:#ffe2df;border-radius:7px;margin:1px -6px;padding:0 6px;font-weight:700}.error-line>span:first-child{text-underline-offset:4px;-webkit-text-decoration:underline #dd5b52;text-decoration:underline #dd5b52;text-decoration-thickness:2px}.correct-solution{background:#f1faf6;border:1px solid #cde9dc}.step-number{color:#fff;background:var(--green);border-radius:50%;flex:0 0 18px;place-items:center;height:18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9px;font-weight:800;display:grid}.correct-solution .solution-line:last-child{color:var(--green-dark);font-weight:800}.consequence{color:var(--muted);align-items:flex-start;gap:9px;margin:13px 3px 0;font-size:12px;line-height:1.45;display:flex}.consequence span{color:var(--purple);font-size:18px;line-height:1}.explain-button{width:100%;min-height:43px;color:var(--purple);background:var(--lavender-soft);cursor:pointer;border:1px solid #dad2ef;border-radius:13px;justify-content:space-between;align-items:center;margin-top:14px;padding:0 13px;font-size:12px;font-weight:780;display:flex}.explain-button span{font-size:20px;font-weight:400}.child-tip{color:#565061;background:#eeeafd;border-radius:13px;margin-top:10px;padding:13px;font-size:12px;line-height:1.45}.child-tip p{margin:4px 0 0}.result-footnote{color:#9a949d;text-align:center;margin:22px 12px 3px;font-size:10px;line-height:1.45}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes scan{0%,to{top:18px}50%{top:142px}}@keyframes breathe{0%,to{transform:scale(.96)}50%{transform:scale(1.03)}}@keyframes onboarding-focus{0%,8%{opacity:0;transform:scale(1.08)}18%,38%{opacity:1;transform:scale(1)}46%,to{opacity:0;transform:scale(.98)}}@keyframes onboarding-flash{0%,36%,44%,to{opacity:0}39%{opacity:.9}}@keyframes onboarding-page-added{0%,47%{opacity:0;transform:translate(18px,18px)rotate(4deg)scale(.94)}60%,90%{opacity:1;transform:translate(46px,8px)rotate(8deg)scale(1)}to{opacity:0;transform:translate(50px,6px)rotate(9deg)scale(1)}}@keyframes onboarding-ready{0%,43%{opacity:0;transform:scale(.55)rotate(-12deg)}55%,90%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.9)}}@media (min-width:700px){body{padding:24px 0}.app-shell{border-radius:30px;min-height:calc(100svh - 48px)}.loading-screen{min-height:calc(100svh - 92px)}}@media (max-height:710px){.hero-visual{height:190px;margin:-18px 0;transform:scale(.82)}.start-screen{padding-top:12px}.lead{margin-top:10px}.start-actions{margin-top:20px}.scan-visual{height:190px;margin:-18px 0;transform:scale(.82)}.support-message{margin-top:22px}.onboarding-screen{justify-content:flex-start;padding-top:4px}.onboarding-visual{height:158px;margin:-24px 0 -19px;transform:scale(.72)}.onboarding-copy h1{font-size:29px}.onboarding-copy .lead{font-size:13px}.onboarding-steps{gap:6px;margin-top:13px}.onboarding-steps li{padding-top:7px;padding-bottom:7px}.onboarding-button{min-height:52px;margin-top:11px}}@media (max-width:355px){.app-shell{padding-left:15px;padding-right:15px}.summary-card span{font-size:8px}.photo-grid{gap:9px}.photo-card,.add-photo-card{min-height:172px}.photo-card img{height:128px}}@media (prefers-reduced-motion:reduce){.scan-line,.scan-visual:before,.onboarding-focus,.onboarding-sheet-back,.onboarding-flash,.onboarding-ready{animation:none}.onboarding-focus,.onboarding-sheet-back,.onboarding-ready{opacity:1}}@media (prefers-reduced-motion:no-preference){.notebook-page{animation:.7s ease-out both settle}.onboarding-focus{animation:5.4s ease-in-out infinite onboarding-focus}.onboarding-flash{animation:5.4s ease-in-out infinite onboarding-flash}.onboarding-sheet-back{animation:5.4s ease-in-out infinite onboarding-page-added}.onboarding-ready{animation:5.4s ease-in-out infinite onboarding-ready}@keyframes settle{0%{opacity:0;transform:translateY(16px)rotate(-2deg)}}}