:root{--nacre-font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "PingFang SC", "Segoe UI", "Microsoft YaHei", sans-serif;--nacre-font-mono:var(--nacre-font);--nacre-serif:var(--nacre-font);--nacre-cover-serif:"Newsreader", "Noto Serif SC", Georgia, serif;--nacre-display-size:clamp(44px, 5.2vw, 76px);--nacre-display-tracking:-.055em;--nacre-book-title-size:clamp(30px, 2.9vw, 42px);--nacre-book-title-weight:600;--nacre-book-title-leading:1.12;--nacre-book-title-tracking:-.045em;--nacre-book-label-size:12px;--nacre-book-label-weight:400;--nacre-book-label-leading:1;--nacre-book-label-tracking:-.01em;--nacre-book-copy-size:16px;--nacre-book-copy-leading:1.75;--nacre-book-section-size:26px;--nacre-paper:#fff;--nacre-surface:#f5f4f2;--nacre-ink:#141414;--nacre-secondary:#585858;--nacre-muted:#767676;--nacre-line:#e8e7e3;--nacre-line-strong:#c8cbc4;--nacre-accent:#395a45;--nacre-accent-soft:#edf1e9;--nacre-contour:#e0e3dc;--nacre-warm:#a8701f;--nacre-danger:#a3412f;--nacre-shelf-paper:#edebe6;--nacre-shelf-blue:#1f3fb0;--nacre-radius:18px;--nacre-control-radius:999px;--nacre-field-radius:14px;--nacre-title:var(--nacre-book-title-size);--nacre-reading-width:68ch;--nacre-content:1440px;--nacre-gutter:clamp(20px, 2.8vw, 40px);--nacre-touch-target:44px}@media (max-width:767px){:root{--nacre-book-title-size:28px;--nacre-book-label-size:11px;--nacre-book-copy-size:15px;--nacre-book-section-size:21px}}
:root{--paper:var(--nacre-paper);--paper-2:var(--nacre-surface);--ink:var(--nacre-ink);--ink-2:var(--nacre-secondary);--ink-3:var(--nacre-muted);--hair:var(--nacre-line);--hair-2:var(--nacre-line-strong);--contour:var(--nacre-contour);--accent:var(--nacre-accent);--accent-soft:var(--nacre-accent-soft);--warm:var(--nacre-warm);--danger:var(--nacre-danger);--f-display:var(--nacre-font);--f-body:var(--nacre-font);--f-mono:var(--nacre-font-mono);--chip:56px;--gap:6px;--lab:0px;--head:0px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#111614;--paper-2:#171d1a;--ink:#e2e8e4;--ink-2:#a5b1aa;--ink-3:#6d7973;--hair:#29322e;--hair-2:#3a4540;--contour:#1f2824;--accent:#84c7a4;--accent-soft:#1c3127;--warm:#d9a75c;--danger:#e2917b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#111614;--paper-2:#171d1a;--ink:#e2e8e4;--ink-2:#a5b1aa;--ink-3:#6d7973;--hair:#29322e;--hair-2:#3a4540;--contour:#1f2824;--accent:#84c7a4;--accent-soft:#1c3127;--warm:#d9a75c;--danger:#e2917b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.7;position:relative}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contours{width:100%;height:620px;color:var(--contour);pointer-events:none;z-index:0;opacity:.7;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(55% 75% at 88% 0,#000 0%,#0000 100%);mask-image:radial-gradient(55% 75% at 88% 0,#000 0%,#0000 100%)}.contours ellipse{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw 2.2s cubic-bezier(.4,0,.2,1) calc(var(--i) * 50ms) forwards}@keyframes draw{to{stroke-dashoffset:0}}.page{z-index:1;max-width:1240px;padding-block:18px 48px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto;position:relative}.bookbar{color:var(--ink-3);font-size:12px;font-family:var(--f-mono);letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.bookbar b{color:var(--ink-2);font-weight:500}.bookbar .mark{background:var(--accent);border-radius:1px;width:9px;height:12px}.layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;display:grid}main{flex-direction:column;gap:16px;min-width:0;display:flex}.btn{border:1px solid var(--hair-2);background:var(--paper-2);border-radius:var(--nacre-control-radius);cursor:pointer;min-height:36px;padding:7px 14px;font-size:14px;line-height:1.4}.btn:hover:not(:disabled){border-color:var(--ink-3)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--paper-2);font-weight:500}.btn.small{padding:3px 10px;font-size:13px}.link{color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:13px}.link:hover:not(:disabled){color:var(--ink)}.link:disabled{opacity:.4;cursor:default}.iconbtn{width:32px;height:32px;color:var(--ink-3);cursor:pointer;border-radius:7px;flex:none;justify-content:center;align-items:center;display:inline-flex}.iconbtn:hover{color:var(--ink);background:var(--paper)}.iconbtn svg{width:17px;height:17px}.err{color:var(--danger);margin:0;font-size:13px}.toggle{color:var(--ink-3);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}.toggle input{accent-color:var(--accent);width:14px;height:14px;margin:0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row .spacer,.spacer{flex:1}.empty{color:var(--ink-3);margin:0;font-size:13px}.answer-row,.composer{background:var(--paper-2);border:1px solid var(--hair);border-radius:var(--nacre-field-radius);align-items:flex-end;gap:6px;padding:5px 5px 5px 12px;display:flex}.answer-row:focus-within,.composer:focus-within{border-color:var(--hair-2)}.answer textarea,.composer textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-width:0;height:34px;max-height:160px;padding:5px 0;font-size:15px;line-height:1.55}.thumbs{flex-wrap:wrap;gap:6px;display:flex}.thumbs:empty{display:none}.thumb{border:1px solid var(--hair);border-radius:7px;width:52px;height:52px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb button{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;width:18px;height:18px;padding:0;font-size:12px;line-height:18px;position:absolute;top:2px;right:2px}.verdict{font-family:var(--f-mono);border:1px solid;border-radius:999px;margin-right:8px;padding:0 8px;font-size:11px;line-height:18px;display:inline-block}.verdict.correct{color:var(--accent)}.verdict.partial{color:var(--warm)}.verdict.incorrect{color:var(--danger)}.glyph{fill:var(--paper-2);stroke:var(--ink);stroke-width:1.15px;stroke-linejoin:round;overflow:visible}.eye{fill:var(--ink);stroke:none}@media (max-width:1080px){.layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){:root{--chip:48px;--gap:4px}.btn,.btn.small,.iconbtn{min-height:44px}.iconbtn{min-width:44px}.bookbar{row-gap:12px}}@media (max-width:380px){:root{--chip:44px;--gap:3px}}::view-transition-old(.page){animation:.16s ease-out both page-out}::view-transition-new(.page){animation:.3s cubic-bezier(.2,.8,.2,1) 60ms both page-in}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.contours ellipse{stroke-dashoffset:0;animation:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}