:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f6f5f1;--color-surface:#fff;--color-ink:#17251e;--color-muted:#59675f;--color-line:#d8ded7;--color-accent:#285b3f;--color-accent-soft:#e9f0e8;--color-error:#992f24;--font-sans:Arial, Helvetica, sans-serif;--radius-control:.65rem;--radius-panel:1.25rem;--space-page:clamp(1.25rem, 5vw, 5rem)}*{box-sizing:border-box}body{color:var(--color-ink);background:var(--color-canvas);font-family:var(--font-sans);margin:0}a{color:inherit}button,input{font:inherit}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
[data-theme=mistakebook]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mb-paper:#f1f0ec;--mb-sheet:#fbfbf9;--mb-ink:#17181a;--mb-graphite:#6b6e73;--mb-faint:#a6a8ac;--mb-red:#c9302b;--mb-red-soft:#f4dddb;--mb-mastered:#2e7d4f;--mb-line:#d6d5d0;--mb-max-width:480px;--color-canvas:var(--mb-paper);--color-surface:var(--mb-sheet);--color-ink:var(--mb-ink);--color-muted:var(--mb-graphite);--color-line:var(--mb-line);--color-accent:var(--mb-red);--color-accent-soft:var(--mb-red-soft);--color-error:var(--mb-red);--font-sans:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--radius-control:8px;--radius-panel:12px;--space-page:16px;--ink:var(--mb-paper);--surface:var(--mb-sheet);--white:var(--mb-ink);--muted:var(--mb-graphite);--line:var(--mb-line);--accent:var(--mb-red);--danger:var(--mb-red);--field-error:var(--mb-red);--green:var(--mb-mastered)}@media (prefers-color-scheme:dark){[data-theme=mistakebook]:not([data-color-scheme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mb-paper:#161718;--mb-sheet:#1f2022;--mb-ink:#ecebe6;--mb-graphite:#9a9ca1;--mb-faint:#65686d;--mb-red:#e4574f;--mb-red-soft:#3a2321;--mb-mastered:#58b27e;--mb-line:#33353a}}[data-theme=mistakebook][data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mb-paper:#161718;--mb-sheet:#1f2022;--mb-ink:#ecebe6;--mb-graphite:#9a9ca1;--mb-faint:#65686d;--mb-red:#e4574f;--mb-red-soft:#3a2321;--mb-mastered:#58b27e;--mb-line:#33353a}
html[data-theme=mistakebook],html[data-theme=mistakebook] body{background:var(--mb-paper);color:var(--mb-ink);margin:0}html[data-theme=mistakebook] body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}html[data-theme=mistakebook] button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}html[data-theme=mistakebook] :focus-visible{outline:none}html[data-theme=mistakebook] button:focus-visible,html[data-theme=mistakebook] a:focus-visible,html[data-theme=mistakebook] input:focus-visible{outline:2px solid var(--mb-red);outline-offset:2px}html[data-theme=mistakebook] input{font:inherit;color:inherit}html[data-theme=mistakebook] a{color:inherit}html[data-theme=mistakebook] h1,html[data-theme=mistakebook] h2,html[data-theme=mistakebook] p{margin:0}@media (prefers-reduced-motion:reduce){html[data-theme=mistakebook] *{transition:none!important;animation:none!important}}.mb-app{max-width:var(--mb-max-width);min-height:100dvh;margin:0 auto;position:relative}