:root{color-scheme:dark;--bg: #0b0e14;--surface-1: #121620;--surface-2: #1a1f2b;--border: #262c3a;--border-strong: #343c4e;--text-1: #e7eaf0;--text-2: #a9b1bf;--text-3: #8a93a3;--accent: #4cc2ff;--ok: #3ecf8e;--warn: #f5b14c;--bad: #ff6b81;--ok-bg: rgb(62 207 142 / .12);--warn-bg: rgb(245 177 76 / .12);--bad-bg: rgb(255 107 129 / .12);--accent-bg: rgb(76 194 255 / .12);--lang-cpp: #7aa2ff;--lang-zig: #f5c518;--lang-rust: #ff8a3d;--lang-nim: #2ee6c5;--lang-swift: #ff5c8a;--lang-go: #38c8f0;--lang-csharp: #b98cff;--lang-java: #ff5a4e;--lang-python: #c6e04a;--lang-node: #4cd964;--lang-c23: #8fa8c8;--lang-ruby: #e0455e;--lang-elixir: #b07bff;--lang-kotlin: #a97bff;--lang-luajit: #6295e8;--lang-dart: #32bde3;--lang-php: #7f8ff4;--lang-unknown: #9aa3b5;--s1: #5ad1e6;--s2: #8fbcff;--s3: #f2a65a;--s4: #b7e36b;--s5: #c79bff;--s6: #ff8fa3;--dot-burn: #f2a65a;--dot-poison: #b7e36b;--dot-bleed: #ff6b81;--dot-corrode: #c79bff;--item-hp: #3ecf8e;--item-mp: #4cc2ff;--item-ap: #f5b14c;--ult: #ffd36b;--font-sans: "Noto Sans KR", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-2xs: 10px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 32px;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--lh-tight: 1.25;--lh-normal: 1.5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-pill: 999px;--content-max: 1280px;--gutter: 16px;--topbar-h: 52px;--strip-h: 36px;--shadow-pop: 0 8px 24px rgb(0 0 0 / .45);--sub-glow: 0 1px 2px rgb(0 0 0 / .95), 0 0 6px rgb(0 0 0 / .9), 0 2px 16px rgb(0 0 0 / .85);--dur-fast: .12s;--dur: .2s;--ease: cubic-bezier(.2, 0, 0, 1);--z-sticky: 10;--z-pop: 20;--z-tooltip: 30}@media (min-width: 640px){:root{--gutter: 24px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;touch-action:manipulation}body{margin:0;background:var(--bg);color:var(--text-1);font:var(--fw-regular) var(--fs-md)/var(--lh-normal) var(--font-sans)}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}table{border-collapse:collapse}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.language-icon--light{display:none}html[data-theme=light] .language-icon--light{display:inline-block}html[data-theme=light] .language-icon--dark{display:none}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes draw{0%{stroke-dashoffset:var(--len, 100)}to{stroke-dashoffset:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.metric-hint{position:fixed;z-index:var(--z-tooltip);box-sizing:border-box;width:max-content;max-width:min(380px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow-y:auto;white-space:normal;overflow-wrap:anywhere;padding:var(--sp-3);background:var(--surface-2);color:var(--text-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);font-size:var(--fs-sm);line-height:1.6;pointer-events:none}.metric-hint[hidden]{display:none}.metric-hint strong{display:block;margin-bottom:var(--sp-1);color:var(--accent)}.metric-hint p{margin:0}.metric-hint .metric-guide{position:sticky;bottom:calc(-1 * var(--sp-3));margin:var(--sp-3) calc(-1 * var(--sp-3)) calc(-1 * var(--sp-3));padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-1)}.metric-hint .metric-guide[hidden]{display:none}.metric-hint .metric-guide b{display:block;color:var(--accent);font-size:var(--fs-xs)}
