@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap");:root{--bg-base:#f5f6fa;--bg-surface:#fff;--bg-subtle:#f0f1f7;--bg-hover:#ecedf5;--accent:#4f46e5;--accent-hover:#4338ca;--accent-light:#eef2ff;--accent-mid:#c7d2fe;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--warning-light:#fffbeb;--error:#ef4444;--error-light:#fef2f2;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#4f46e5;--shadow-xs:0 1px 2px rgba(15,23,42,.05);--shadow-sm:0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.04);--shadow-md:0 4px 6px rgba(15,23,42,.06),0 2px 4px rgba(15,23,42,.04);--shadow-lg:0 10px 15px rgba(15,23,42,.06),0 4px 6px rgba(15,23,42,.04);--shadow-xl:0 20px 25px rgba(15,23,42,.08),0 8px 10px rgba(15,23,42,.04);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"DM Mono","Fira Code",monospace;--transition:150ms ease;--transition-md:250ms ease;--nav-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:var(--font-sans)}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.mono{font-family:var(--font-mono);font-size:.8125rem;letter-spacing:-.01em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.cat-tech{background:#eef2ff;color:#4f46e5}.cat-art{background:#fdf4ff;color:#a21caf}.cat-social{background:#ecfdf5;color:#059669}.cat-health{background:#fff7ed;color:#ea580c}.cat-education{background:#f0f9ff;color:#0284c7}.cat-other{background:#f8fafc;color:#64748b}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--bg-hover) 50%,var(--bg-subtle) 75%);background-size:800px 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.form-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--text-primary);background:var(--bg-surface);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.form-input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}