@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=DM+Serif+Display&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--bg);color:var(--t1);min-height:100vh;font-family:Noto Sans KR,-apple-system,sans-serif;line-height:1.5;transition:background .2s,color .2s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}img{display:block}a{color:inherit;text-decoration:none}:root{--bg:#f4f3f0;--surf:#fff;--surf2:#f9f8f6;--bd:#e2e0db;--bd2:#d0cdc6;--t1:#1a1a1a;--t2:#6b6860;--t3:#9e9b94;--acc:#2563eb;--r:6px;--r2:10px;--sh:0 1px 3px #0000000f;--sh2:0 2px 8px #00000014;--sh3:0 8px 24px #0000001a;--chip-bg:#f1f0ed;--chip-fg:#44403c;--banner-bg:#f8bbd0;--banner-lbl:#c2185b;--banner-txt:#880e4f;--dtop-bg:linear-gradient(90deg, #b2dfdb, #80cbc4);--dtop-h1:#004d40;--dtop-sub:#00695c;--viewer-bg:#c8c8c4;--viewer-bar:#aaaaa5f7}[data-theme=dark]{--bg:#22222a;--surf:#2c2c36;--surf2:#32323e;--bd:#3e3e4e;--bd2:#4e4e60;--t1:#eeedf5;--t2:#9a98aa;--t3:#666478;--acc:#5b96ff;--sh:0 1px 3px #00000040;--sh2:0 2px 8px #00000059;--sh3:0 8px 24px #00000073;--chip-bg:#3a3a48;--chip-fg:#d0cedf;--banner-bg:#2e2240;--banner-lbl:#c084fc;--banner-txt:#d8b4fe;--dtop-bg:linear-gradient(90deg, #1e3430, #1e3c38);--dtop-h1:#6ee7d4;--dtop-sub:#4fd1c0;--viewer-bg:#1e1e26;--viewer-bar:#14141cf5}.chip{border:1px solid var(--bd);background:var(--chip-bg);color:var(--chip-fg);cursor:pointer;border-radius:20px;align-items:center;gap:3px;padding:2px 8px 2px 9px;font-size:11px;font-weight:500;transition:filter .15s;display:inline-flex}.chip:hover{filter:brightness(.93)}.chip.f{color:#dc2626;background:#fef2f2;border-color:#fecaca}.chip.m{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.chip.art{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.chip.grp{color:#166534;background:#f0fdf4;border-color:#86efac}.chip.ser{color:#7e22ce;background:#fdf4ff;border-color:#e9d5ff}.chip.chr{color:#c2410c;background:#fff7ed;border-color:#fed7aa}[data-theme=dark] .chip.f{color:#f87171;background:#2d1111;border-color:#7f1d1d}[data-theme=dark] .chip.m{color:#93c5fd;background:#0f1d33;border-color:#1e3a5f}[data-theme=dark] .chip.art{color:#86efac;background:#0f2d1a;border-color:#15803d}[data-theme=dark] .chip.grp{color:#4ade80;background:#14291e;border-color:#166534}[data-theme=dark] .chip.ser{color:#c4b5fd;background:#1e0d33;border-color:#4c1d95}[data-theme=dark] .chip.chr{color:#fdba74;background:#2d1808;border-color:#7c2d12}.cpfx{opacity:.7;margin-right:1px;font-size:9px;font-weight:700}.tip-w{display:inline-flex;position:relative}.tip{color:#fff;white-space:nowrap;pointer-events:none;z-index:500;background:#1a1a1a;border-radius:4px;padding:3px 7px;font-size:10px;display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.tip:after{content:"";border:3px solid #0000;border-top-color:#1a1a1a;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tip-w:hover .tip{display:block}.hl{color:var(--acc);font-weight:700}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#aaa;border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#555}