@font-face{font-family:Caveat;src:url("./caveat.woff") format("woff");font-weight:500 700;font-display:swap}:root{--paper: #FBFCFE;--grid: #DCE6F2;--margin: #F2A1AE;--ink: #2A3FB8;--ink-press: #22339A;--on-ink: #FFFFFF;--red: #D3242C;--text: #22252C;--muted: #5F6672;--line: #C9D5E6;--surface: rgba(255, 255, 255, .9);--marker: #FFE766;--marker-soft: rgba(255, 231, 102, .42);--snow: #8FB3E8;--toast-bg: #22252C;--toast-text: #FBFCFE;--hand: "Caveat", "Comic Sans MS", cursive;--ui: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", Arial, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #1F2B27;--grid: rgba(255, 255, 255, .055);--margin: rgba(255, 138, 150, .45);--ink: #A9C1FF;--ink-press: #8FAEFF;--on-ink: #14201C;--red: #FF7B7B;--text: #EEF1EC;--muted: #A7B3AD;--line: rgba(255, 255, 255, .16);--surface: rgba(31, 43, 39, .92);--marker: rgba(255, 226, 90, .3);--marker-soft: rgba(255, 226, 90, .14);--snow: rgba(255, 255, 255, .5);--toast-bg: #EEF1EC;--toast-text: #1F2B27;color-scheme:dark}}:root[data-theme=dark]{--paper: #1F2B27;--grid: rgba(255, 255, 255, .055);--margin: rgba(255, 138, 150, .45);--ink: #A9C1FF;--ink-press: #8FAEFF;--on-ink: #14201C;--red: #FF7B7B;--text: #EEF1EC;--muted: #A7B3AD;--line: rgba(255, 255, 255, .16);--surface: rgba(31, 43, 39, .92);--marker: rgba(255, 226, 90, .3);--marker-soft: rgba(255, 226, 90, .14);--snow: rgba(255, 255, 255, .5);--toast-bg: #EEF1EC;--toast-text: #1F2B27;color-scheme:dark}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-height:100vh;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:22px 22px;color:var(--text);font:17px/1.45 var(--ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit}.app{position:relative;min-height:100vh;overflow-x:hidden}.page{position:relative;z-index:1;max-width:560px;min-height:100vh;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 20px calc(36px + env(safe-area-inset-bottom)) 50px}.page:before{content:"";position:absolute;top:0;bottom:0;left:32px;width:2px;background:var(--margin)}.app-preview .page{padding-bottom:104px}.hand{font-family:var(--hand);font-weight:700;letter-spacing:0}.title{margin:10px 0 12px;color:var(--ink);font-size:44px;line-height:1.02;text-wrap:balance}.title-hero{font-size:54px;margin-top:18px}.lead{margin:0 0 14px;max-width:34em}.hint{margin:6px 0 0;color:var(--muted);font-size:15px}.error-text{color:var(--red)}.section-title{margin:30px 0 6px;color:var(--ink);font-size:32px;line-height:1}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:12px 18px;border:2px solid var(--ink);border-radius:14px;font:600 17px/1.2 var(--ui);text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s,transform .08s}.btn-primary{background:var(--ink);color:var(--on-ink)}.btn-primary:active{background:var(--ink-press);border-color:var(--ink-press);transform:translateY(1px)}.btn-secondary{background:var(--surface);color:var(--ink)}.btn-secondary:active{transform:translateY(1px)}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn:disabled{opacity:.65;cursor:default}.btn-spinner,.loading-pen{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.link{padding:6px 0;border:0;background:none;color:var(--ink);font:500 16px/1.35 var(--ui);text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}.btn:focus-visible,.link:focus-visible,.opt:focus-visible,.preview-bar button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.actions{display:grid;gap:10px;margin:24px 0 6px}.actions .hint{text-align:center}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:26px}.quiz-top{display:flex;align-items:center;justify-content:space-between;min-height:34px}.counter{color:var(--muted);font-size:15px}.progress{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 0}.cell{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border:1.5px solid var(--line);border-radius:3px;background:var(--surface)}.cell-current{border:2px solid var(--ink)}.cell-done:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink)}.cell .pen{width:18px;height:18px}.cell .pen path{animation:none;stroke-dashoffset:0}.question{margin:22px 0 16px;font-size:22px;font-weight:650;line-height:1.25;text-wrap:balance}.options{display:grid;gap:8px;margin:0;padding:0;list-style:none}.opt{position:relative;display:flex;align-items:baseline;gap:10px;width:100%;padding:13px 46px 13px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:17px/1.3 var(--ui);text-align:left;cursor:pointer}.opt:disabled{cursor:default}.opt:not(:disabled):active{border-color:var(--ink)}.opt-letter{min-width:22px;color:var(--ink);font-family:var(--hand);font-size:25px;font-weight:700;line-height:1}.opt-text{flex:1}.opt-hl{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(var(--marker),var(--marker));background-repeat:no-repeat;background-position:0 80%;background-size:0% 60%}.opt-picked{border-color:var(--ink)}.opt-picked .opt-hl{background-size:100% 60%;animation:marker .32s ease-out}.opt-right{border:2px solid var(--red)}.opt-wrong .opt-hl{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}.opt-mark{position:absolute;top:50%;right:10px;width:30px;height:30px;transform:translateY(-50%)}.pen path{fill:none;stroke:var(--red);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:draw .38s ease-out forwards}.pen-cross path:nth-child(2){animation-delay:.14s}.swap{margin-top:14px}.verdict-row{display:flex;align-items:center;gap:16px;margin-top:18px}.verdict-row .btn{flex:1}.verdict{flex:0 0 auto;font-size:36px;line-height:1;color:var(--red)}.result{text-align:center}.result .actions,.result .journal,.result .section-title{text-align:left}.subject{margin:6px 0 0;color:var(--ink);font-size:32px;line-height:1.1}.grade{position:relative;display:grid;place-items:center;margin:10px auto 0}.grade svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.grade path{fill:none;stroke:var(--red);stroke-width:5;stroke-linecap:round}.grade span{color:var(--red);font-family:var(--hand);font-weight:700;line-height:1;transform:rotate(-5deg)}.grade-animate path{stroke-dasharray:560;stroke-dashoffset:560;animation:draw-long .85s .3s ease-out forwards}.grade-animate span{animation:stamp .34s ease-out both}.score{margin:6px 0 2px;color:var(--red);font-size:42px;line-height:1}.verdict-text{margin:8px auto 0}.result .hint{text-align:center}.journal{margin:6px 0 0;padding:0;list-style:none}.journal li{display:grid;grid-template-columns:20px 40px minmax(0,1fr) auto 40px;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px dashed var(--line)}.journal li.journal-me{background:var(--marker-soft);border-radius:8px}.journal-place{color:var(--muted);font-family:var(--hand);font-size:24px;font-weight:700;text-align:center}.journal-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.journal-score{color:var(--muted);font-size:15px;white-space:nowrap}.journal-grade{color:var(--red);font-family:var(--hand);font-size:34px;font-weight:700;line-height:1;text-align:center}.journal-empty{color:var(--muted)}.sample{margin:20px 0 0;padding:4px 12px 10px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);transform:rotate(-1deg)}.sample figcaption{margin-top:8px;color:var(--muted);font-size:14px}.sample .journal li:last-child{border-bottom:0}.avatar{display:inline-grid;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--surface);object-fit:cover}.avatar-letter{border:1.5px solid var(--ink);color:var(--ink);font-family:var(--hand);font-weight:700;line-height:1}.intro{padding-top:14px}.intro .avatar{margin-bottom:6px}.note{margin-top:22px;padding:12px 14px;border-left:3px solid var(--ink);background:var(--surface)}.note p{margin:0 0 2px}.my-answers{margin:18px 0 0;padding-left:24px}.my-answers li{margin:0 0 12px}.my-answers li::marker{color:var(--muted)}.my-q{display:block;color:var(--muted);font-size:15px}.my-a{display:block;color:var(--ink);font-size:27px;line-height:1.05}.loading{display:flex;align-items:center;gap:12px;padding:48px 0;color:var(--muted)}.loading-pen{width:24px;height:24px;border-width:3px;color:var(--ink)}.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:50;width:max-content;max-width:min(92vw,480px);padding:12px 16px;border-radius:12px;background:var(--toast-bg);color:var(--toast-text);font-size:15px;box-shadow:0 8px 28px #0003;transform:translate(-50%);animation:toast-in .2s ease-out}.app-preview .toast{bottom:86px}.snowflakes{position:absolute;top:env(safe-area-inset-top);right:0;z-index:0;width:200px;height:170px;pointer-events:none}.snowflakes svg{position:absolute}.snowflakes path{fill:none;stroke:var(--snow);stroke-width:4;stroke-linecap:round}.story-preview{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:#0a0e14d6;cursor:pointer}.story-preview img{max-width:100%;max-height:76vh;border-radius:12px;box-shadow:0 12px 40px #0006}.story-preview p{max-width:360px;margin:0;color:#fff;font-size:14px;text-align:center}.preview-bar{position:fixed;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));overflow-x:auto;background:var(--toast-bg);color:var(--toast-text);font-size:14px}.preview-label{opacity:.7;padding-right:2px}.segmented{display:flex;flex:0 0 auto}.segmented button:first-child{border-radius:8px 0 0 8px}.segmented button:last-child{border-radius:0 8px 8px 0;border-left:0}.preview-bar button{flex:0 0 auto;padding:7px 11px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font-size:14px;white-space:nowrap;cursor:pointer}.preview-bar button[aria-pressed=true]{background:var(--toast-text);color:var(--toast-bg)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes draw-long{to{stroke-dashoffset:0}}@keyframes marker{0%{background-size:0% 60%}to{background-size:100% 60%}}@keyframes stamp{0%{opacity:0;transform:rotate(-5deg) scale(1.3)}to{opacity:1;transform:rotate(-5deg) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;transition:none!important}}@media(max-width:360px){.title{font-size:38px}.title-hero{font-size:46px}.page{padding-right:14px;padding-left:44px}.page:before{left:28px}.journal li{grid-template-columns:18px 36px minmax(0,1fr) auto 32px;gap:8px}}