@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";:root{--bg:#090a0c;--text:#f4f4f5;--text-2:#b9bcc3;--text-3:#8a8e97;--text-4:#666a73;--line:#ffffff1c;--line-2:#ffffff2b;--glass:#ffffff09;--glass-2:#ffffff12;--serif:"Playfair Display", Georgia, serif;--container:1120px;--reading:760px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{background:radial-gradient(circle at 80% 0%, #ffffff0d, transparent 30%), var(--bg);background-attachment:fixed;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}.app{flex-direction:column;min-height:100vh;display:flex}.topbar,.main,.footer{width:min(var(--container), calc(100% - 48px));margin:0 auto}.main{flex:1;padding:48px 0 90px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:80px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:var(--text);width:34px;height:34px;color:var(--bg);border-radius:10px;place-items:center;font-weight:700;display:grid}.brand-name{letter-spacing:-.02em;font-weight:600}.nav{gap:4px;display:flex}.nav a{color:var(--text-3);border-radius:9px;padding:8px 14px;font-size:14px;transition:color .2s,background .2s}.nav a:hover{color:var(--text)}.nav a.active{color:var(--text);background:var(--glass-2)}.intro{text-align:center;margin-bottom:40px}.eyebrow,.label{color:var(--text-4);letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700;display:block}.intro h1{max-width:640px;font-family:var(--serif);letter-spacing:-.03em;margin:0 auto;font-size:clamp(30px,4.5vw,42px);font-weight:500;line-height:1.15}.intro-text{max-width:520px;color:var(--text-3);margin:16px auto 0;line-height:1.7}.toolbar{flex-direction:column;align-items:center;gap:14px;margin-bottom:32px;display:flex}.chips{scrollbar-width:none;gap:7px;max-width:100%;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips.static{flex-wrap:wrap}.chip{border:1px solid var(--line);color:var(--text-3);background:0 0;border-radius:999px;flex-shrink:0;padding:7px 13px;font-size:12px;font-weight:600;transition:all .2s}button.chip:hover{color:var(--text-2);border-color:var(--line-2);background:var(--glass)}.chip.active{color:#111;background:var(--text);border-color:var(--text)}.chips.static .chip{cursor:default}.segmented{border:1px solid var(--line);background:var(--glass);border-radius:10px;align-self:center;padding:3px;display:flex}.segmented button{color:var(--text-3);background:0 0;border:0;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.segmented button:hover{color:var(--text-2)}.segmented button.active{background:var(--glass-2);color:var(--text)}.story-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.story{border:1px solid var(--line);background:var(--glass);border-radius:18px;flex-direction:column;gap:14px;padding:28px;transition:border-color .25s,background .25s,transform .25s;animation:.35s both rise;display:flex}a.story:hover{border-color:var(--line-2);background:var(--glass-2);transform:translateY(-2px)}.story-meta{color:var(--text-4);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.story-rank{color:var(--text-4);font-variant-numeric:tabular-nums;font-weight:600}.category{color:var(--text-2);font-weight:600}.dot{background:var(--text-4);border-radius:50%;width:3px;height:3px;margin:0 7px;display:inline-block}.story-meta .dot{margin:0}.story-arrow{color:var(--text-3);opacity:0;margin-left:auto;transition:opacity .25s,transform .25s;transform:translate(-4px)}a.story:hover .story-arrow{opacity:1;transform:none}.story-title{-webkit-line-clamp:3;line-clamp:3;font-family:var(--serif);letter-spacing:-.025em;-webkit-box-orient:vertical;margin:0;font-size:24px;font-weight:500;line-height:1.22;display:-webkit-box;overflow:hidden}.story-summary{color:var(--text-3);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.7;display:-webkit-box;overflow:hidden}.why{border-left:2px solid var(--line-2);padding-left:14px}.why .label{margin-bottom:6px;font-size:10px}.why p{color:var(--text-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.story-footer{border-top:1px solid var(--line);color:var(--text-4);justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:16px;font-size:12px;display:flex}.story-body{flex:1;min-width:0}.story.skeleton{animation:none}.importance{align-items:center;gap:10px;display:flex}.importance-track{background:var(--line);border-radius:3px;width:56px;height:3px;overflow:hidden}.importance-fill{background:var(--text);border-radius:3px;height:100%}.importance-value{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.importance-value small{color:var(--text-4);font-weight:500}.pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:44px;display:flex}.page-numbers{align-items:center;gap:4px;display:flex}.page-btn,.page-num{border:1px solid var(--line);color:var(--text-2);background:0 0;border-radius:9px;padding:8px 13px;font-size:13px;transition:all .2s}.page-num{min-width:36px;color:var(--text-3);border-color:#0000;padding:8px 0}.page-btn:not(:disabled):hover,.page-num:hover{background:var(--glass-2);color:var(--text)}.page-num.active{border-color:var(--line-2);background:var(--glass-2);color:var(--text)}.page-gap{color:var(--text-4);padding:0 4px}.searchbar{border:1px solid var(--line-2);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;align-items:center;gap:12px;max-width:820px;height:52px;margin:0 auto;padding:0 18px;display:flex}.searchbar svg{width:18px;height:18px;color:var(--text-4);flex-shrink:0}.searchbar input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:16px}.searchbar input::placeholder{color:var(--text-4)}.filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:12px;max-width:820px;margin:18px auto 30px;display:grid}.filters label{flex-direction:column;gap:6px;min-width:0;display:flex}.filters label span{color:var(--text-4);letter-spacing:.04em;font-size:11px;font-weight:600}.filters select,.filters input{border:1px solid var(--line);background:var(--glass);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:9px;width:100%;height:38px;padding:0 10px;font-size:13px}.filters select option{background:#14151a}.btn-link{height:38px;color:var(--text-3);text-align:left;background:0 0;border:0;font-size:13px}.btn-link:hover{color:var(--text)}.result-count{color:var(--text-4);text-align:center;margin:0 0 14px;font-size:12px}.back{width:100%;max-width:var(--reading);color:var(--text-3);text-align:left;background:0 0;border:0;margin:0 auto 36px;padding:0;font-size:13px;transition:color .2s;display:block}.back:hover{color:var(--text)}.detail{max-width:var(--reading);margin:0 auto;animation:.35s both rise}.detail-title{font-family:var(--serif);letter-spacing:-.035em;margin:16px 0 0;font-size:clamp(30px,5vw,44px);font-weight:500;line-height:1.12}.detail-stats{border-block:1px solid var(--line);gap:48px;margin:30px 0 8px;padding:20px 0;display:flex}.detail-stats .label{margin-bottom:8px}.detail-stats strong{font-size:14px;font-weight:600}.detail-section{margin-top:38px}.detail-summary{color:var(--text-2);margin:0;font-size:17px;line-height:1.75}.why-block{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:24px 26px}.why-block p{color:var(--text);margin:0;font-size:16px;line-height:1.7}.articles{margin:0;padding:0;list-style:none}.article{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:20px 0;display:flex}.articles li:last-child .article{border-bottom:1px solid var(--line)}.article:hover .article-title{text-underline-offset:4px;text-decoration:underline}.article-text{flex-direction:column;gap:6px;min-width:0;display:flex}.article-source{color:var(--text-4);font-size:12px}.article-title{font-weight:500;line-height:1.45}.article-cta{color:var(--text-3);font-size:12px}.article img{object-fit:cover;border:1px solid var(--line);border-radius:10px;flex-shrink:0;width:96px;height:72px}.state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:40px 0;display:flex}.state-icon{border:1px solid var(--line);width:42px;height:42px;color:var(--text-3);border-radius:50%;place-items:center;margin-bottom:16px;font-size:18px;display:grid}.state h3{font-family:var(--serif);margin:0;font-size:24px;font-weight:500}.state p{max-width:360px;color:var(--text-3);margin:8px 0 20px;font-size:14px;line-height:1.6}.btn{border:1px solid var(--line-2);background:var(--glass);color:var(--text-2);border-radius:9px;padding:9px 16px;font-size:13px;transition:all .2s}.btn:hover{background:var(--glass-2);color:var(--text)}.sk{background:linear-gradient(90deg, var(--glass) 25%, var(--glass-2) 50%, var(--glass) 75%);background-size:200% 100%;border-radius:6px;height:12px;margin-top:14px;animation:1.4s linear infinite shimmer}.sk-title{width:85%;height:26px;margin-top:16px}.sk-short{width:90px;margin-top:0}.sk-medium{width:60%}.footer{border-top:1px solid var(--line);color:var(--text-4);padding:28px 0 40px;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width>=1100px){.chips{justify-content:center}}@media (width<=760px){.story-list{grid-template-columns:1fr}}@media (width<=640px){.topbar,.main,.footer{width:calc(100% - 32px)}.topbar{height:68px}.brand-name{display:none}.nav a{padding:8px 11px}.main{padding-top:44px}.intro{margin-bottom:32px}.story{padding:22px}.story-title{font-size:21px}.story-arrow{display:none}.detail-stats{gap:28px}.why-block{padding:20px}.article img{width:72px;height:56px}.filters{grid-template-columns:1fr 1fr}.btn-link{grid-column:1/-1}.pagination .page-numbers{display:none}}.footer-note{max-width:640px;color:var(--text-4);margin:10px 0 0;line-height:1.55}