.qpn-root,body:has(.qpn-root){color-scheme:dark;--qpn-bg: #0b0d10;--qpn-bg-2: #0e1115;--qpn-panel: #111419;--qpn-panel-2: #161a20;--qpn-hover: #1a1f26;--qpn-active: #20262e;--qpn-band: #080a0c;--qpn-line: #1f242c;--qpn-line-2: #2a313b;--qpn-line-3: #3a424e;--qpn-text: #e8ebf0;--qpn-text-2: #c4cad3;--qpn-text-3: #949daa;--qpn-text-4: #6c7480;--qpn-accent: #3fb68b;--qpn-accent-hover: #4cc597;--qpn-accent-active: #36a07a;--qpn-accent-ink: #6fd3ac;--qpn-accent-soft: rgba(63, 182, 139, .12);--qpn-accent-line: rgba(63, 182, 139, .38);--qpn-on-accent: #04140d;--brand: var(--qpn-accent);--brand-hover: var(--qpn-accent-hover);--brand-active: var(--qpn-accent-active);--brand-subtle: var(--qpn-accent-soft);--brand-subtle-fg: var(--qpn-accent-ink);--brand-border: var(--qpn-accent-line);--brand-contrast: var(--qpn-on-accent);--text-strong: var(--qpn-text);--text-body: var(--qpn-text-2);--text-muted: var(--qpn-text-3);--text-subtle: var(--qpn-text-4);--text-inverse: var(--qpn-bg);--text-link: var(--qpn-accent-ink);--text-on-brand: var(--qpn-on-accent);--surface-page: var(--qpn-bg);--surface-card: var(--qpn-panel);--surface-sunken: var(--qpn-bg-2);--surface-raised: var(--qpn-panel-2);--surface-inverse: var(--qpn-text);--surface-code: #07090b;--surface-hover: var(--qpn-hover);--surface-active: var(--qpn-active);--border-subtle: var(--qpn-line);--border-default: var(--qpn-line-2);--border-strong: var(--qpn-line-3);--border-focus: var(--qpn-accent);--border: var(--qpn-line);--success: #3fb68b;--success-fg: #6fd3ac;--success-subtle: rgba(63, 182, 139, .12);--info: #4f9fe0;--info-fg: #93c5f0;--info-subtle: rgba(79, 159, 224, .12);--warning: #d9982b;--warning-fg: #efc06a;--warning-subtle: rgba(217, 152, 43, .12);--danger: #e5534b;--danger-hover: #ec6a62;--danger-fg: #f2948e;--danger-subtle: rgba(229, 83, 75, .12);--steel-100: #161a20;--steel-200: #1f242c;--steel-300: #2a313b;--steel-400: #5d6672;--steel-500: #949daa;--ring: 0 0 0 3px rgba(63, 182, 139, .35);--ring-inset: inset 0 0 0 1px var(--qpn-line-2);--shadow-color: 220 40% 2%;--shadow-xs: none;--shadow-sm: none;--shadow-md: 0 8px 24px -12px rgba(0, 0, 0, .7);--shadow-lg: 0 12px 32px -12px rgba(0, 0, 0, .75);--shadow-xl: 0 18px 48px -16px rgba(0, 0, 0, .8);--elevation-card: none;--elevation-raised: var(--shadow-md);--elevation-overlay: var(--shadow-xl);--elevation-popover: var(--shadow-lg);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 6px;--radius-control: 6px;--radius-card: 6px;--radius-chip: 4px;--font-body: "Pretendard", "Hanken Grotesk", "Apple SD Gothic Neo", "Malgun Gothic", ui-sans-serif, system-ui, sans-serif}body:has(.qpn-root){background:var(--qpn-bg);color:var(--qpn-text-2)}.qpn-root{min-height:100vh;display:flex;flex-direction:column;background:var(--qpn-bg);color:var(--text-body);word-break:keep-all;overflow-wrap:break-word}.qpn-root h1,.qpn-root h2,.qpn-root h3{text-wrap:balance}.qpn-root p,.qpn-root li,.qpn-root dd{text-wrap:pretty}.qpn-root ::selection{background:#3fb68b52;color:#fff}.qpn-root :focus-visible{outline:2px solid var(--qpn-accent);outline-offset:2px}.qpn-mono{font-family:var(--font-mono);font-variant-ligatures:none;font-size:.92em}.qpn-num{font-variant-numeric:tabular-nums}