:root{color-scheme:dark;--bg:#0a0a0a;--surface:#141414;--raised:#1b1b1b;--line:#2d2d2d;--text:#f2f2f2;--muted:#a6a6a6;--dim:#898989;--accent:#f2f2f2;--action:#c1ff79;--action-hover:#d3ff9f;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body::before{content:"";position:absolute;pointer-events:none;left:50%;top:65px;width:min(1150px,100%);height:440px;transform:translateX(-50%);background:radial-gradient(ellipse at 75% 0,rgba(255,255,255,.035),transparent 63%);z-index:-1}
button,input,select{font:inherit}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
button,a,summary{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button{color:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
button:disabled{cursor:default}
button::-moz-focus-inner{border:0}
::selection{background:var(--accent);color:#151515}
[hidden]{display:none!important}
.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}
.skip-link{position:fixed;z-index:5;top:10px;left:10px;background:var(--accent);color:#151515;padding:12px;transform:translateY(-200%)}
.skip-link:focus{transform:none}
.site-header{border-bottom:1px solid #252525;background:rgba(10,10,10,.9)}
.header-inner{max-width:1120px;height:64px;margin:auto;padding:0 40px;display:flex;align-items:center;gap:42px}
.wordmark{font-size:20px;font-weight:650;letter-spacing:-.7px;display:flex;align-items:center;gap:10px;white-space:nowrap}
.wordmark img{display:block}
.header-label{font:10px var(--mono);letter-spacing:1.8px;color:var(--dim);border-left:1px solid var(--line);padding-left:36px}
.chart-preference{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--muted);font-size:11px;white-space:nowrap}
.chart-preference select{width:126px;height:35px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#111111;color:var(--text);font-size:11px;cursor:pointer}
.shell{max-width:1064px;margin:0 auto;padding:0 40px}
.intro{padding:24px 0 26px;position:relative}
h1{font-size:clamp(32px,3.5vw,42px);line-height:1.12;letter-spacing:-1.8px;font-weight:600;margin:0 0 8px}
h1 span{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:var(--accent);letter-spacing:-2px}
.intro>p{font-size:14px;line-height:1.5;color:#bcbcbc;margin:0}
.feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 17px;border-bottom:1px solid #363636}
.feed-heading{display:flex;align-items:center;gap:9px}
.feed-heading h2{font-size:15px;font-weight:550;margin:0;letter-spacing:-.3px}
.feed-mark{font-size:27px;line-height:15px;color:var(--accent);transform:rotate(90deg);margin-right:4px}
.count{border:1px solid var(--line);border-radius:5px;background:#1b1b1b;min-width:25px;padding:3px 6px;color:#c5c5c5;font:10px var(--mono);text-align:center}
.feed-tools{display:flex;gap:10px;align-items:center}
.search{display:flex;align-items:center;gap:10px;background:#111111;border:1px solid var(--line);border-radius:7px;padding:0 11px;height:35px;width:233px}
.search svg{height:14px;width:14px;stroke:var(--dim);stroke-width:1.6;flex:none}
.search input{border:0;background:none;min-width:0;width:100%;font-size:11px;color:var(--text);outline:none!important}
.search:focus-within{border-color:#a6a6a6;box-shadow:0 0 0 2px #f2f2f21c}
.search input::placeholder{color:#898989}
.chain-field select{color:var(--muted);border:1px solid var(--line);background:#111111;font-size:11px;border-radius:7px;height:35px;padding:0 8px}
.feed-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0 16px;font-size:10px;color:var(--dim)}
#feed-order{font:9px var(--mono);letter-spacing:1.2px}
.feed{display:flex;flex-direction:column;gap:14px}
.notice{font-size:12px;line-height:1.6;border:1px solid #505050;background:#222222;color:#dedede;padding:12px 16px;border-radius:8px;margin:0 0 14px}
.empty-state{text-align:center;border:1px dashed var(--line);border-radius:13px;padding:70px 25px;color:var(--muted)}
.empty-mark{display:block;color:var(--accent);font-size:31px;margin-bottom:15px}
.empty-state h3{font-size:21px;font-weight:500;color:var(--text);letter-spacing:-.7px;margin:0 0 12px}
.empty-state p{font-size:13px;line-height:1.7;max-width:370px;margin:0 auto}
.text-button{border:0;border-bottom:1px solid #777777;background:none;color:var(--accent);font-size:12px;padding:4px 0;margin-top:18px}
.loading-state{display:grid;gap:14px}
.skeleton-card{height:264px;border:1px solid #292929;border-radius:13px;background:var(--surface);padding:26px;display:flex;flex-direction:column;gap:25px}
.skeleton-card div{background:#222222;border-radius:5px;height:28px;width:35%;animation:breathe 1.4s ease-in-out infinite alternate}
.skeleton-card div:nth-child(2){height:60px;width:100%;opacity:.5}
.skeleton-card div:nth-child(3){height:20px;width:55%;opacity:.35}
.site-footer{display:flex;align-items:center;gap:25px;justify-content:space-between;margin-top:42px;padding:25px 0 40px;border-top:1px solid var(--line);color:var(--dim);font-size:10px}
.site-footer>span{font-weight:600;color:#bababa;font-size:12px}
.site-footer p{margin:0}
.site-footer a{white-space:nowrap}
.site-footer a:hover{color:var(--text)}
.site-footer a span{margin-left:6px}
.noscript{position:fixed;bottom:0;background:#262626;border-top:1px solid #606060;width:100%;margin:0;padding:20px;text-align:center}
@keyframes breathe{to{opacity:.4}
}
@media(min-width:1450px){.shell{max-width:1110px}
.header-inner{max-width:1166px}
}
@media(max-width:700px){.header-inner{height:56px;padding:0 23px;gap:18px}
.header-label{display:none}
.chart-preference{gap:2px;align-items:flex-start;flex-direction:column;font-size:9px}
.chart-preference select{height:28px;width:118px;font-size:10px}
.wordmark{font-size:18px}
.wordmark img{height:27px;width:27px}
.shell{padding:0 23px}
.intro{padding:20px 0 22px}
h1{letter-spacing:-1.2px;font-size:32px}
.intro>p{font-size:13px;line-height:1.45}
.feed-toolbar{flex-wrap:wrap;gap:16px}
.feed-tools{width:100%;flex-direction:row-reverse}
.search{width:auto;flex:1}
.feed-caption{font-size:9px;margin:14px 0}
.site-footer{flex-wrap:wrap;gap:14px;padding-bottom:28px}
.site-footer p{order:3;width:100%;line-height:1.6}
.site-footer a{margin-left:auto}
}
@media(max-width:370px){.shell{padding:0 16px}
.header-inner{padding:0 16px}
h1{font-size:30px}
.feed-caption{align-items:flex-start;gap:15px}
#feed-update{text-align:right;max-width:120px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
}