:root{--paper:#faf7f2;--paper-2:#f4eee4;--paper-3:#ebe2d4;--ink:#2b1d16;--ink-2:#6b5b4d;--ink-3:#9d8d7e;--accent:#b4622a;--accent-ink:#8f4a1e;--accent-soft:#f6e5d6;--good:#4a7c59;--good-soft:#e4efe4;--bad:#b3452f;--bad-soft:#f7e3de;--warn:#b8873a;--warn-soft:#f8eed9;--line:#2b1d161a;--line-strong:#2b1d162e;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px #2b1d160d, 0 8px 24px -12px #2b1d162e;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#17120f;--paper-2:#201a15;--paper-3:#2a221b;--ink:#f2e9de;--ink-2:#b7a696;--ink-3:#83746a;--accent:#e08a4d;--accent-ink:#f0a46a;--accent-soft:#33241a;--good:#7fbb8f;--good-soft:#1e2a21;--bad:#e0765c;--bad-soft:#2f1d18;--warn:#d9a95c;--warn-soft:#2c2417;--line:#f2e9de1a;--line-strong:#f2e9de33;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-size:16px;line-height:1.6}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:650}p{margin:0}.app{min-height:100%;padding-top:var(--safe-top);flex-direction:column;display:flex}.screen{padding:8px 18px calc(96px + var(--safe-bottom));flex:1;width:100%;max-width:680px;margin:0 auto;animation:.22s fade}.screen--flush{padding-left:0;padding-right:0}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page-head{justify-content:space-between;align-items:flex-end;gap:12px;padding:12px 0 18px;display:flex}.page-head h1{letter-spacing:-.02em;font-size:27px}.page-sub{color:var(--ink-2);margin-top:2px;font-size:13.5px}.brand{letter-spacing:-.03em;font-family:ui-serif,Georgia,Songti SC,serif;font-weight:600}.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card+.card{margin-top:10px}.card--flat{border:1px dashed var(--line-strong);background:0 0}.stack{flex-direction:column;gap:10px;display:flex}.row{align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}.grow{flex:1;min-width:0}.btn{background:var(--paper-3);color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:12px 18px;font-size:15px;font-weight:600;transition:transform .12s,opacity .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--ink);color:var(--paper)}.btn--accent{background:var(--accent);color:#fff}.btn--ghost{border:1px solid var(--line-strong);background:0 0}.btn--danger{color:var(--bad);border:1px solid color-mix(in srgb, var(--bad) 35%, transparent);background:0 0}.btn--block{width:100%}.btn--sm{border-radius:9px;min-height:36px;padding:8px 13px;font-size:13.5px}.btn--lg{min-height:54px;padding:15px 22px;font-size:16px}.tabbar{padding:6px 8px calc(6px + var(--safe-bottom));background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--line);z-index:40;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--ink-3);letter-spacing:.01em;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0 4px;font-size:10.5px;font-weight:550;display:flex}.tab[aria-current=true]{color:var(--accent)}.tab svg{stroke-width:1.7px;width:22px;height:22px}.hero{background:linear-gradient(150deg, var(--ink) 0%, #3d2a1e 100%);color:var(--paper);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:14px;padding:22px;display:flex}@media (prefers-color-scheme:dark){.hero{border:1px solid var(--line);background:linear-gradient(150deg,#33261d 0%,#241a14 100%)}}.hero .hero-num{letter-spacing:-.04em;font-size:46px;font-weight:700;line-height:1}.hero .hero-label{color:#faf7f29e;font-size:13px}.hero .btn--primary{background:var(--paper);color:var(--ink)}.bar{background:var(--paper-3);border-radius:3px;height:5px;overflow:hidden}.bar>i{background:var(--accent);border-radius:3px;height:100%;transition:width .4s;display:block}.bar--ink>i{background:var(--ink)}.deck{background:var(--paper-2);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:13px;width:100%;padding:14px 15px;display:flex}.deck:active{background:var(--paper-3)}.deck__dot{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-ink);border-radius:10px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.deck__name{font-size:15.5px;font-weight:600}.deck__meta{color:var(--ink-3);margin-top:1px;font-size:12.5px}.pill{background:var(--paper-3);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2.5px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.pill--accent{background:var(--accent-soft);color:var(--accent-ink)}.pill--good{background:var(--good-soft);color:var(--good)}.pill--bad{background:var(--bad-soft);color:var(--bad)}.pill--warn{background:var(--warn-soft);color:var(--warn)}.field{border:1px solid var(--line-strong);background:var(--paper);border-radius:12px;outline:none;width:100%;padding:13px 14px;transition:border-color .15s,box-shadow .15s}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field--lg{text-align:center;letter-spacing:.01em;padding:16px;font-size:19px}.field--area{resize:vertical;min-height:160px;line-height:1.55}.label{color:var(--ink-2);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.hint{color:var(--ink-3);font-size:12.5px;line-height:1.5}.review{background:var(--paper);z-index:60;padding-top:var(--safe-top);flex-direction:column;animation:.26s cubic-bezier(.22,1,.36,1) slideUp;display:flex;position:fixed;inset:0}@keyframes slideUp{0%{opacity:.6;transform:translateY(14px)}to{opacity:1;transform:none}}.review__top{align-items:center;gap:12px;padding:10px 18px 8px;display:flex}.review__body{-webkit-overflow-scrolling:touch;flex:1;width:100%;max-width:680px;margin:0 auto;padding:6px 18px 24px;overflow-y:auto}.review__foot{padding:12px 18px calc(14px + var(--safe-bottom));border-top:1px solid var(--line);background:var(--paper);width:100%;max-width:680px;margin:0 auto}.q-meta{color:var(--ink-3);margin:14px 0 8px;font-size:12px}.q-text{letter-spacing:-.005em;font-size:20px;font-weight:500;line-height:1.62}.q-text code{background:var(--paper-3);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em}.blank{border-bottom:2px solid var(--accent);vertical-align:-.08em;min-width:3.2em;height:1em;margin:0 1px;display:inline-block}.feedback{border-radius:14px;margin-top:18px;padding:14px 16px;animation:.2s fade}.feedback--good{background:var(--good-soft);border:1px solid color-mix(in srgb, var(--good) 25%, transparent)}.feedback--almost{background:var(--warn-soft);border:1px solid color-mix(in srgb, var(--warn) 25%, transparent)}.feedback--bad{background:var(--bad-soft);border:1px solid color-mix(in srgb, var(--bad) 25%, transparent)}.feedback__title{align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.feedback__answer{letter-spacing:-.01em;margin-top:6px;font-size:21px;font-weight:650}.feedback__note{color:var(--ink-2);margin-top:6px;font-size:13.5px;line-height:1.55}.grade-row{gap:8px;display:flex}.grade-row .btn{flex:1}.grade-row--grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.grade-row--grid .btn{white-space:nowrap;width:100%}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stat{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:13px 14px}.stat__num{letter-spacing:-.03em;font-size:25px;font-weight:700;line-height:1.1}.stat__label{color:var(--ink-3);margin-top:3px;font-size:12px}.heatmap{gap:3px;padding:2px 0 6px;display:flex;overflow-x:auto}.heatmap__col{flex-direction:column;gap:3px;display:flex}.heatmap__cell{background:var(--paper-3);border-radius:2.5px;width:11px;height:11px}.heatmap__cell[data-l="1"]{background:color-mix(in srgb, var(--accent) 22%, var(--paper-3))}.heatmap__cell[data-l="2"]{background:color-mix(in srgb, var(--accent) 45%, var(--paper-3))}.heatmap__cell[data-l="3"]{background:color-mix(in srgb, var(--accent) 70%, var(--paper-3))}.heatmap__cell[data-l="4"]{background:var(--accent)}.legend{color:var(--ink-3);align-items:center;gap:5px;font-size:11px;display:flex}.list-item{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:13px 0;display:flex}.list-item:last-child{border-bottom:none}.list-item__main{flex:1;min-width:0}.clamp2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.empty{text-align:center;color:var(--ink-3);padding:48px 24px}.empty__icon{opacity:.55;margin-bottom:10px;font-size:34px}.empty__title{color:var(--ink-2);margin-bottom:4px;font-weight:600}.toast{left:50%;top:calc(12px + var(--safe-top));background:var(--ink);color:var(--paper);z-index:100;text-align:center;max-width:88vw;box-shadow:var(--shadow);pointer-events:none;border-radius:999px;padding:10px 18px;font-size:13.5px;font-weight:500;animation:.24s toastIn;position:fixed;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.muted{color:var(--ink-3)}.dim{color:var(--ink-2)}.tiny{font-size:12px}.small{font-size:13.5px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.center{text-align:center}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.divider{background:var(--line);height:1px;margin:16px 0}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.spin{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;flex:none;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.field--code{tab-size:2;white-space:pre;overflow-wrap:normal;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.code-answer{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.65;overflow-x:auto}.kind-tag{letter-spacing:.02em;border-radius:6px;align-items:center;padding:2px 7px;font-size:11px;font-weight:650;display:inline-flex}.kind-tag[data-kind=fill]{background:var(--paper-3);color:var(--ink-2)}.kind-tag[data-kind=qa]{background:var(--accent-soft);color:var(--accent-ink)}.kind-tag[data-kind=code]{background:var(--good-soft);color:var(--good)}.mode-list{flex-direction:column;gap:8px;display:flex}.mode{text-align:left;border:1.5px solid var(--line);background:var(--paper-2);border-radius:12px;align-items:flex-start;gap:12px;width:100%;padding:13px 14px;transition:border-color .15s,background .15s;display:flex}.mode[data-on=true]{border-color:var(--accent);background:var(--accent-soft)}.mode__dot{border:1.5px solid var(--line-strong);border-radius:999px;flex:none;place-items:center;width:18px;height:18px;margin-top:2px;display:grid}.mode[data-on=true] .mode__dot{border-color:var(--accent);background:var(--accent)}.mode[data-on=true] .mode__dot:after{content:"";background:#fff;border-radius:999px;width:6px;height:6px}.mode__title{font-size:14.5px;font-weight:650}.mode__desc{color:var(--ink-2);margin-top:3px;font-size:12.5px;line-height:1.55}.answer-box{background:var(--accent-soft);color:var(--accent-ink);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:9px;max-height:220px;margin-top:8px;padding:9px 11px;font-size:13px;line-height:1.6;overflow-y:auto}