:root{--bg-page: #f3f5f9;--surface: #ffffff;--surface-2: #f4f6f9;--surface-3: #e8e8ee;--ink: #111318;--on-ink: #a8adb8;--on-solid: #ffffff;--text-1: #1f232b;--text-2: #5c5c66;--border: #d9dce3;--border-strong: #b9bdc7;--brand: #2b6cb0;--brand-strong: #1c4e80;--brand-soft: #eef4fb;--brand-softer: #dde9f7;--ok: #1a6b28;--ok-solid: #1e7e34;--ok-bg: #e6f4ea;--warn: #7a5200;--warn-bg: #fdf0e0;--warn-border: #ecd9a0;--warn-strong: #8a4400;--warn-strong-bg: #ffe8cf;--danger: #b3261e;--danger-deep: #a3121d;--danger-bg: #fdecea;--danger-border: #e8b7b3;--focus-ring: #2b6cb0;--grade-0-bg: #dff3e4;--grade-0-fg: #14581c;--grade-1-bg: #e9f2d2;--grade-1-fg: #43630e;--grade-2-bg: #f6f1c4;--grade-2-fg: #6b6406;--grade-3-bg: #fdf0c0;--grade-3-fg: #7d5a00;--grade-4-bg: #ffe2ba;--grade-4-fg: #964700;--grade-5-bg: #ffc7ac;--grade-5-fg: #a13407;--grade-6-bg: #c62828;--grade-6-fg: #ffffff;--grade-7-bg: #8f1d12;--grade-7-fg: #ffffff;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--r-pill: 999px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-base: 16px;--fs-lg: 18px;--fs-xl: 22px;--shadow-1: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .05);--shadow-2: 0 4px 14px rgba(15, 23, 42, .12);--tr-fast: .12s ease;--tr-med: .2s ease}@media (prefers-color-scheme: dark){:root{--bg-page: #14161b;--surface: #1e2128;--surface-2: #23262e;--surface-3: #2e323c;--ink: #0c0d10;--on-ink: #8f95a3;--text-1: #e8eaf0;--text-2: #a8adb8;--border: #3a3e48;--border-strong: #4a4f5b;--brand-soft: #1d2b40;--brand-softer: #25385a;--ok-bg: #14321c;--warn-bg: #33270e;--warn-border: #4d3c17;--warn-strong-bg: #3a2410;--danger-bg: #3a1512;--danger-border: #6b2a26;--shadow-1: 0 1px 3px rgba(0, 0, 0, .5);--shadow-2: 0 4px 14px rgba(0, 0, 0, .55)}}body{margin:0;background:var(--bg-page);color:var(--text-1);font-family:system-ui,sans-serif}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}button{font-family:inherit;transition:background-color var(--tr-fast),border-color var(--tr-fast),color var(--tr-fast),box-shadow var(--tr-fast)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.hint{color:var(--text-2);font-size:var(--fs-sm);background:var(--surface-2);padding:var(--sp-2) 10px;border-radius:var(--r-md);line-height:1.6}.hint code{background:var(--surface-3);padding:1px 4px;border-radius:3px}.warn{background:var(--danger-bg);color:var(--danger-deep);padding:2px 6px;border-radius:var(--r-sm);font-size:var(--fs-xs)}.rp-ok{background:var(--ok-bg);color:var(--ok)}.rp-pass{background:var(--warn-bg);color:var(--warn)}.rp-review{background:var(--warn-strong-bg);color:var(--warn-strong)}.rp-fail{background:var(--danger-bg);color:var(--danger-deep)}.grade-0{background:var(--grade-0-bg);color:var(--grade-0-fg)}.grade-1{background:var(--grade-1-bg);color:var(--grade-1-fg)}.grade-2{background:var(--grade-2-bg);color:var(--grade-2-fg)}.grade-3{background:var(--grade-3-bg);color:var(--grade-3-fg)}.grade-4{background:var(--grade-4-bg);color:var(--grade-4-fg)}.grade-5{background:var(--grade-5-bg);color:var(--grade-5-fg)}.grade-6{background:var(--grade-6-bg);color:var(--grade-6-fg)}.grade-7{background:var(--grade-7-bg);color:var(--grade-7-fg)}@media (max-width: 820px){body .page{padding:var(--sp-3)}body .result{flex-direction:column}body .canvas-wrap{max-width:100%}body .annot-side{border-left:0;border-top:1px solid var(--border)}}@media (max-width: 390px){body .page{padding:var(--sp-2)}body .drop{padding:var(--sp-5) var(--sp-3)}body .hist-row{flex-wrap:wrap}body .acts{flex-direction:column}body .acts .tbtn{width:100%;justify-content:center}}