:root { color-scheme: dark; font-family: Pretendard, Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: #020617; color: #e2e8f0; }
body::before { position: fixed; z-index: -1; inset: 0; content: ''; pointer-events: none; background: radial-gradient(circle at 15% 0%, rgba(8, 145, 178, .13), transparent 34rem), radial-gradient(circle at 90% 20%, rgba(30, 64, 175, .1), transparent 30rem); }
button, a, input { font: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid #67e8f9; outline-offset: 2px; }
[v-cloak] { display: none; }
.panel { border: 1px solid rgba(255,255,255,.1); border-radius: 1rem; background: rgba(15, 23, 42, .74); box-shadow: 0 18px 60px rgba(0,0,0,.12); }
.eyebrow { color: #67e8f9; font-size: .68rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.site-pill, .category-pill, .tag-pill { display: inline-flex; align-items: center; border-radius: 999px; padding: .3rem .65rem; font-size: .75rem; }
.site-pill { border: 1px solid rgba(103,232,249,.2); background: rgba(8,145,178,.14); color: #a5f3fc; }
.category-pill { background: rgba(8,145,178,.18); color: #a5f3fc; }
.tag-pill { background: rgba(255,255,255,.07); color: #cbd5e1; }
.page-button { border: 1px solid rgba(255,255,255,.12); border-radius: .65rem; padding: .45rem .75rem; color: #94a3b8; font-size: .75rem; transition: .2s; }
.page-button:hover:not(:disabled) { border-color: rgba(103,232,249,.45); color: #a5f3fc; }
.page-button:disabled { cursor: not-allowed; opacity: .35; }