:root{--bg:#fff;--fg:#111827;--muted:#6b7280;--line:#e5e7eb;--card:#f9fafb;--accent:#1d4ed8;--accent-soft:#eff6ff;--radius:10px;--maxw:1120px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0f19;--fg:#e5e7eb;--muted:#9ca3af;--line:#1f2937;--card:#111827;--accent:#60a5fa;--accent-soft:#172554}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;position:sticky;top:0}.header-inner{align-items:center;gap:24px;height:60px;display:flex}.logo{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.logo span{color:var(--muted);margin-left:6px;font-size:.9rem;font-weight:400}.hub-nav{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.hub-nav::-webkit-scrollbar{display:none}.hub-nav a{color:var(--muted);white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:.9rem}.hub-nav a:hover,.hub-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.header-actions{align-items:center;gap:8px;display:flex}.search-form{display:flex}.search-form input{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:6px;width:150px;padding:6px 10px;font-size:.9rem}h1{letter-spacing:-.02em;margin:32px 0 6px;font-size:1.9rem}h2{align-items:baseline;gap:10px;margin:40px 0 14px;font-size:1.15rem;display:flex}h2 .more{color:var(--accent);margin-left:auto;font-size:.85rem;font-weight:400}.lede{color:var(--muted);margin:0 0 8px}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.card:hover{border-color:var(--accent)}.card-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--line);width:100%;display:block}.card-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.card-meta{color:var(--muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:600}.card h3{margin:0;font-size:1rem;line-height:1.4}.card p{color:var(--muted);flex:1;margin:0;font-size:.875rem}.card-foot{color:var(--muted);align-items:center;gap:8px;font-size:.78rem;display:flex}.card-foot .out{color:var(--accent);margin-left:auto}.siblings{color:var(--muted);font-size:.75rem}.site-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.site-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:14px 16px}.site-card b{font-size:.98rem;display:block}.site-card small{color:var(--muted);font-size:.8rem}.site-card .stat{color:var(--muted);margin-top:8px;font-size:.78rem}.site-card.dim{opacity:.55}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:.85rem}.chip:hover{border-color:var(--accent);color:var(--accent)}.ad-slot{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);background:var(--card);justify-content:center;align-items:center;margin:28px 0;font-size:.75rem;display:flex}.ad-slot[data-size=leaderboard]{min-height:90px}.ad-slot[data-size=rectangle]{min-height:250px}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:64px;padding:32px 0 48px;font-size:.85rem}.footer-hubs{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;margin-bottom:28px;display:grid}.footer-hubs b{color:var(--fg);margin-bottom:6px;font-size:.85rem;display:block}.footer-hubs a{padding:2px 0;display:block}.footer-hubs a:hover{color:var(--accent)}.footer-legal{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px;padding-top:18px;display:flex}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);padding:40px}.prose{max-width:760px}.prose h2{font-size:1.1rem}.prose p,.prose li{color:var(--fg);font-size:.95rem}