:root{color-scheme:light;--rank-1: 228, 186, 96;--rank-2: 168, 178, 194;--rank-3: 202, 146, 110;--rank-4: 214, 138, 138;--rank-1-text: #7a5410;--rank-2-text: #475569;--rank-3-text: #7c4a2d;--rank-4-text: #8f3b3b;--primary: #c0392b;--ink: #0f172a;--ink-hover: #1e293b;--text: #111827;--text-secondary: #475569;--muted: #5f6f85;--text-subtle: #94a3b8;--text-on-ink: #fff;--bg: #f7f7f9;--surface: #fff;--surface-subtle: #f8fafc;--surface-muted: #f1f5f9;--surface-strong: #e2e8f0;--surface-raised: #fff;--surface-hover: rgba(15, 23, 42, .04);--overlay: rgba(15, 23, 42, .65);--overlay-light: rgba(255, 255, 255, .85);--border: #e5e9f0;--border-strong: #d5dce5;--positive: #15803d;--negative: #dc2626;--negative-bg: #fef2f2;--negative-bg-hover: #fee2e2;--negative-border: #fecaca;--link: #2563eb;--link-bg: #eff6ff;--link-bg-hover: #dbeafe;--highlight-bg: #e0e7ff;--highlight-text: #3730a3;--badge-green-bg: rgba(101, 163, 13, .16);--badge-green-text: #4d7c0f;--badge-blue-bg: rgba(37, 99, 235, .14);--badge-blue-text: #1d4ed8;--badge-purple-bg: rgba(147, 51, 234, .14);--badge-purple-text: #7e22ce;--chart-rating: 22, 163, 74;--tier-green: #e8f5de;--tier-yellow: #fff9d4;--tier-orange: #ffe8c3;--tier-red: #fbe1e1;--tier-blue: #dfe8ff;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%235f6f85' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-size-2xs: .75rem;--font-size-xs: .8rem;--font-size-sm: .85rem;--font-size-md: .9rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.4rem;--font-size-3xl: 1.6rem;--font-size-4xl: 2rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .08);--shadow-md: 0 8px 24px rgba(15, 23, 42, .12);--shadow-lg: 0 18px 40px rgba(15, 23, 42, .25);--duration-fast: .15s;--focus-ring: 0 0 0 3px color-mix(in srgb, var(--link) 35%, transparent)}:root[data-theme=dark]{color-scheme:dark;--rank-1: 214, 172, 82;--rank-2: 148, 160, 178;--rank-3: 196, 132, 94;--rank-4: 206, 112, 112;--rank-1-text: #f3d68f;--rank-2-text: #d5dde8;--rank-3-text: #f2bf9c;--rank-4-text: #f6b0b0;--primary: #e5584a;--ink: #e2e8f0;--ink-hover: #cbd5e1;--text: #e6e9ef;--text-secondary: #b6c1d1;--muted: #95a3b8;--text-subtle: #5d6b80;--text-on-ink: #0f172a;--bg: #0e1014;--surface: #171a21;--surface-subtle: #1b1f27;--surface-muted: #20252e;--surface-strong: #2c323d;--surface-raised: #343b47;--surface-hover: rgba(255, 255, 255, .05);--overlay: rgba(0, 0, 0, .7);--overlay-light: rgba(23, 26, 33, .85);--border: #2a303a;--border-strong: #3a4250;--positive: #4ade80;--negative: #f87171;--negative-bg: rgba(248, 113, 113, .12);--negative-bg-hover: rgba(248, 113, 113, .2);--negative-border: rgba(248, 113, 113, .35);--link: #6aa8fb;--link-bg: rgba(96, 165, 250, .12);--link-bg-hover: rgba(96, 165, 250, .2);--highlight-bg: rgba(129, 140, 248, .24);--highlight-text: #c7d2fe;--badge-green-bg: rgba(132, 204, 22, .16);--badge-green-text: #a3e635;--badge-blue-bg: rgba(96, 165, 250, .16);--badge-blue-text: #93c5fd;--badge-purple-bg: rgba(192, 132, 252, .16);--badge-purple-text: #d8b4fe;--chart-rating: 74, 222, 128;--tier-green: #1e3526;--tier-yellow: #3a3418;--tier-orange: #43301a;--tier-red: #432424;--tier-blue: #222d4a;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2395a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 40px rgba(0, 0, 0, .6)}:root{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text)}#root,body>main{flex:1 0 auto}table{width:100%;border-collapse:collapse}tr{border-top:1px solid var(--border)}tr:last-child{border-bottom:1px solid var(--border)}th,td{padding:var(--space-2) var(--space-3);text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums}td{font-size:var(--font-size-md)}th{background:var(--surface-muted);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}button,input,select,textarea{font-family:inherit}select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer;transition:border-color var(--duration-fast),background-color var(--duration-fast)}select:hover:not(:disabled){border-color:var(--text-subtle);background-color:var(--surface-subtle)}select:disabled{opacity:.5;cursor:not-allowed}.content{padding:var(--space-5) 5vw var(--space-10)}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:var(--space-6) 5vw;text-align:center}.footer-content{display:flex;justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap}.footer-content a{color:var(--muted);text-decoration:none;font-size:var(--font-size-md);transition:var(--duration-fast)}.footer-content a:hover{color:var(--primary)}.footer-divider{color:var(--text-subtle)}.footer-copy{margin:var(--space-3) 0 0;font-size:var(--font-size-xs);color:var(--muted)}@media(max-width:768px){.content{padding:var(--space-4) var(--space-3) var(--space-8)}}