@layer base{:root{--background:#ffffff;--foreground:#171717;--card-bg:#ffffff;--border-color:#e5e7eb;--text-secondary:#666666;--input-bg:#ffffff;--input-border:#d1d5db}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--card-bg:#1a1a1a;--border-color:#333333;--text-secondary:#9ca3af;--input-bg:#1a1a1a;--input-border:#333333}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-inter),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{background-color:rgba(0,0,0,.05);border-radius:6px;border:1px solid rgba(0,0,0,.1);font-family:var(--font-source-code-pro),monospace;font-size:.875rem;padding:.25rem .5rem calc(.25rem + 2px)}@media (prefers-color-scheme:dark){code{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.article-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.explore-card:hover{border-color:var(--foreground);transform:translateX(4px)}.article-list-card{padding:12px 16px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:var(--foreground);display:flex;justify-content:space-between;align-items:center;gap:12px;transition:border-color .15s,transform .15s;text-decoration:none}.article-list-card:hover{border-color:var(--foreground);transform:translateX(4px)}.article-list-card--featured{background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,193,7,.05));border:2px solid rgba(255,215,0,.3)}.article-list-card--featured:hover{border-color:rgba(255,215,0,.6)}@media (prefers-color-scheme:dark){html{color-scheme:dark}}}