:root{--color-bg:#faf6ef;--color-surface:#fff;--color-surface-dim:#f3eee4;--color-ink:#33302b;--color-ink-soft:#6e6a61;--color-ink-faint:#a39e92;--color-line:#e8e2d6;--color-primary:#ff6b5e;--color-primary-strong:#f2503f;--color-primary-soft:#ffe9e6;--color-on-primary:#fff;--color-blue:#4d96ff;--color-blue-soft:#e7f0ff;--color-pink:#ff78ac;--color-pink-soft:#ffeaf2;--color-green:#2eb872;--color-green-soft:#e3f6ec;--color-amber:#ffb400;--color-amber-soft:#fff3d6;--color-danger:#e5484d;--color-danger-soft:#fde7e8;--rank-n:#9aa0a6;--rank-n-soft:#f0f1f2;--rank-r:#4d96ff;--rank-r-soft:#e7f0ff;--rank-sr:#9b5de5;--rank-sr-soft:#f1e8fc;--rank-ssr:#e89b00;--rank-ssr-soft:#fff3d6;--rank-ur:#ff4d8d;--rank-ur-gradient:linear-gradient(135deg, #9b5de5 0%, #ff4d8d 50%, #ffb400 100%);--rank-ur-soft:#ffe9f2;--font-sans:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Yu Gothic Medium", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-rounded:"Hiragino Maru Gothic ProN", var(--font-sans);--text-xs:.75rem;--text-sm:.8125rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-display:clamp(2.5rem, 8vw, 4rem);--leading-tight:1.3;--leading-body:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-full:999px;--shadow-card:0 1px 2px #33302b0d, 0 6px 20px #33302b12;--shadow-pop:0 2px 4px #33302b14, 0 12px 32px #33302b24;--shadow-thumb:0 1px 3px #33302b40;--header-h:3.5rem;--control-h:2.75rem;--transition-fast:.12s ease;--transition-pop:.24s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:700}button,input,select{font:inherit;color:inherit}a{color:var(--color-primary-strong);text-underline-offset:3px;text-decoration-thickness:1px}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{max-width:44rem;padding-inline:var(--space-4);margin-inline:auto}.container--wide{max-width:60rem}.tnum{font-variant-numeric:tabular-nums}