:root{--bg-primary: oklch(.1 .05 260);--bg-card: oklch(.15 .05 260);--bg-card-hover: oklch(.18 .05 260);--bg-surface: oklch(.2 .05 260);--bg-input: oklch(.13 .05 260);--bg-nav: oklch(.1 .05 260 / .85);--text-primary: oklch(.98 .01 240);--text-secondary: oklch(.92 .01 240);--text-muted: oklch(.78 .03 260);--accent-pink: #f6339a;--accent-purple: #ac4bff;--accent-blue: oklch(.6 .1 260);--gradient-brand: linear-gradient(135deg, #f6339a, #ac4bff);--gradient-brand-hover: linear-gradient(135deg, #ff4daf, #c06bff);--border-color: oklch(.2 .05 260);--border-subtle: oklch(.98 .01 240 / .05);--shadow-card: 0 4px 24px oklch(0 0 0 / .3);--shadow-glow: 0 0 30px oklch(.5 .2 320 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .625rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--ease-default: cubic-bezier(.4, 0, .2, 1);--duration: .3s;--container-max: 1440px;--nav-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.65;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}a,button,input,select{transition-property:background-color,border-color,color,box-shadow,opacity;transition-timing-function:var(--ease-default);transition-duration:var(--duration)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(1px 1px at 10% 20%,oklch(.98 0 0 / .25),transparent),radial-gradient(1px 1px at 25% 60%,oklch(.98 0 0 / .15),transparent),radial-gradient(1.5px 1.5px at 40% 10%,oklch(.98 0 0 / .3),transparent),radial-gradient(1px 1px at 55% 75%,oklch(.98 0 0 / .2),transparent),radial-gradient(1px 1px at 70% 35%,oklch(.98 0 0 / .25),transparent),radial-gradient(1.5px 1.5px at 85% 55%,oklch(.98 0 0 / .15),transparent),radial-gradient(1px 1px at 15% 85%,oklch(.98 0 0 / .2),transparent),radial-gradient(1px 1px at 90% 15%,oklch(.98 0 0 / .3),transparent),radial-gradient(1px 1px at 50% 50%,oklch(.98 0 0 / .1),transparent),radial-gradient(1.5px 1.5px at 35% 40%,oklch(.98 0 0 / .2),transparent),radial-gradient(1px 1px at 60% 90%,oklch(.98 0 0 / .15),transparent),radial-gradient(1px 1px at 80% 80%,oklch(.98 0 0 / .25),transparent),radial-gradient(1px 1px at 5% 50%,oklch(.98 0 0 / .2),transparent),radial-gradient(1.5px 1.5px at 95% 45%,oklch(.98 0 0 / .15),transparent),radial-gradient(1px 1px at 45% 25%,oklch(.98 0 0 / .25),transparent);pointer-events:none;animation:twinkle 8s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.6}50%{opacity:1}to{opacity:.7}}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass{background:#010a2099;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle)}.pill{display:inline-flex;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;border-radius:999px;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color);transition:all var(--duration) var(--ease-default)}.pill:hover,.pill.active{background:var(--accent-pink);color:#fff;border-color:var(--accent-pink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.navbar{position:sticky;top:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--bg-nav);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}.navbar__brand{display:flex;align-items:center;gap:.6rem}.navbar__logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.navbar__title{font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.navbar__search{position:relative;flex:0 1 360px}.navbar__search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.navbar__search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.85rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);outline:none}.navbar__search-input::placeholder{color:var(--text-muted)}.navbar__search-input:focus{border-color:var(--accent-pink);box-shadow:0 0 0 2px #a61b8626}.navbar__updated{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.navbar__updated time{color:var(--text-secondary);font-weight:500}@media(max-width:700px){.navbar{flex-wrap:wrap;height:auto;padding:.75rem 1rem;gap:.5rem}.navbar__search{flex:1 1 100%;order:3}.navbar__updated{font-size:.7rem}}.hero{position:relative;padding:2.5rem 1.5rem 2rem;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,oklch(.15 .08 320 / .2) 0%,transparent 50%,oklch(.15 .1 280 / .15) 100%);pointer-events:none}.hero__inner{position:relative;max-width:var(--container-max);margin:0 auto}.hero__label{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-pink);margin-bottom:.75rem}.hero__title{font-size:1.75rem;font-weight:800;line-height:1.25;margin-bottom:1rem}.hero__summary-card{display:grid;grid-template-columns:3fr 1fr;padding:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.hero__summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand);z-index:1}.hero__summary-body{display:flex;flex-direction:column;gap:.6rem;padding:1.5rem 1.75rem}.hero__summary-heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.hero__summary-text{font-size:1rem;line-height:1.75;color:var(--text-secondary);overflow-wrap:break-word;word-break:break-word}.hero__stats{display:flex;flex-direction:row;flex-wrap:wrap;gap:.65rem;padding:1.5rem 1.25rem;border-left:1px solid var(--border-color);justify-content:center;align-items:center;align-content:center}.hero__stat{display:flex;flex-direction:column;flex:1 1 0;min-width:0;padding:.75rem .5rem;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color);text-align:center}.hero__stat-value{font-size:1.6rem;font-weight:800}.hero__stat-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem}@media(max-width:700px){.hero__summary-card{grid-template-columns:1fr}.hero__stats{border-left:none;border-top:1px solid var(--border-color);padding:1rem 1.25rem}}.dashboard{max-width:var(--container-max);margin:0 auto;padding:1.5rem;display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:start}@media(max-width:1100px){.dashboard{grid-template-columns:1fr 280px}}@media(max-width:900px){.dashboard{grid-template-columns:1fr}.sidebar{order:2}.feed{order:1}}.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feed__header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.feed__count{font-size:.85rem;color:var(--text-muted)}.feed__empty{grid-column:1 / -1;padding:3rem 1.5rem;text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);border-radius:var(--radius-xl)}@media(max-width:1100px){.feed{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.feed{grid-template-columns:1fr}}.article-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all var(--duration) var(--ease-default)}.article-card:hover{background:var(--bg-card-hover);border-color:#98397e4d;box-shadow:var(--shadow-card),var(--shadow-glow);transform:translateY(-2px)}.article-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.article-card__source{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .55rem;border-radius:999px;background:var(--accent-pink);color:#fff}.article-card__time{font-size:.78rem;color:var(--text-muted)}.article-card__title{font-size:1.15rem;font-weight:700;line-height:1.4;color:var(--text-primary)}.article-card__title a{text-decoration:none;color:inherit}.article-card__title a:hover{text-decoration:underline;text-decoration-color:var(--accent-pink);text-underline-offset:3px}.article-card__summary{font-size:.9rem;color:var(--text-secondary);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__tags{display:flex;flex-wrap:wrap;gap:.35rem}.article-card__link{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--accent-pink);margin-top:auto}.article-card__link:hover{color:var(--accent-purple)}.article-card__link-arrow{transition:transform var(--duration) var(--ease-default)}.article-card__link:hover .article-card__link-arrow{transform:translate(3px)}.sidebar{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:calc(var(--nav-height) + 1.5rem)}.sidebar__section{padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.sidebar__heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem}.sidebar__filter-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.sidebar__filter-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.sidebar__filter-item input[type=checkbox]{accent-color:var(--accent-pink);width:15px;height:15px;cursor:pointer}.sidebar__select{width:100%;padding:.45rem .75rem;font-size:.85rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;cursor:pointer}.sidebar__select:focus{border-color:var(--accent-pink)}.sidebar__tags{display:flex;flex-wrap:wrap;gap:.35rem}.trending__list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.trending__item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid transparent;cursor:pointer;transition:all var(--duration) var(--ease-default)}.trending__item:hover{border-color:var(--accent-pink);background:oklch(.15 .08 340 / .15)}.trending__rank{font-size:.75rem;font-weight:800;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gradient-brand);color:#fff;flex-shrink:0;margin-right:.5rem}.trending__topic{font-size:.85rem;font-weight:600;color:var(--text-primary);flex:1}.trending__count{font-size:.75rem;color:var(--text-muted);font-weight:500}.footer{max-width:var(--container-max);margin:3rem auto 0;padding:1.25rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:nowrap}.footer__brand{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.footer__brand img{width:24px;height:24px;border-radius:50%}.footer__copyright{font-size:.75rem;color:var(--text-muted);text-align:center;white-space:nowrap}.footer__links{display:flex;align-items:center;gap:1.25rem;list-style:none;flex-shrink:0}.footer__links a{font-size:.8rem;color:var(--text-muted);white-space:nowrap;transition:color var(--duration) var(--ease-default)}.footer__links a:hover{color:var(--accent-pink)}@media(max-width:800px){.footer{flex-wrap:wrap;justify-content:center;gap:.75rem;text-align:center}}