:root{--bg:#020208;--panel:#0a0b15;--panel2:#10121e;--line:rgba(163,179,221,.13);--cyan:#00f0ff;--purple:#a855f7;--text:#e8e8f5;--muted:#9696b1;--mono:'JetBrains Mono',monospace;--body:'Outfit',sans-serif;--head:'Unbounded',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--body)}body::before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,240,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.015) 1px,transparent 1px);background-size:44px 44px}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.topbar{position:sticky;top:0;z-index:30;background:rgba(2,2,8,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1500px;margin:auto;height:70px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:700 16px var(--head);white-space:nowrap}.brand span,footer a span{color:var(--cyan)}.brand small{font:600 9px var(--mono);color:var(--cyan);border:1px solid rgba(0,240,255,.25);background:rgba(0,240,255,.07);padding:4px 8px;margin-left:8px}.topbar nav{display:flex;gap:30px}.topbar nav a{font:500 11px var(--mono);color:var(--muted)}.topbar nav a[aria-current]{color:var(--cyan)}.top-cta{background:var(--cyan);color:#020208!important;padding:11px 15px;border-radius:6px;font:600 10px var(--mono);box-shadow:0 5px 0 #087e87}.top-cta:hover{transform:translateY(2px);box-shadow:0 3px 0 #087e87}.layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:260px minmax(0,760px) 255px;gap:28px;padding:30px 28px 90px}.sidebar{position:sticky;top:100px;align-self:start;max-height:calc(100vh - 115px);overflow:auto;border:1px solid var(--line);border-radius:16px;background:rgba(8,9,20,.88);padding:14px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;margin:3px 7px 14px}.sidebar-heading,.topic-heading,.eyebrow{font:600 10px var(--mono);letter-spacing:.12em;color:var(--cyan)}.sidebar-top button{border:1px solid var(--line);border-radius:7px;background:var(--panel2);color:var(--muted);width:32px;height:32px}.topic-link{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:8px;color:#b7b7cb;text-align:left;background:transparent;font:500 13px var(--body);margin-bottom:3px}.topic-link:hover{background:rgba(0,240,255,.05);color:var(--text)}.topic-link.active{color:var(--cyan);background:rgba(0,240,255,.1);border-color:rgba(0,240,255,.23)}.topic-symbol{font:18px var(--body);width:22px;text-align:center;flex:none}.topic-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-count{font:10px var(--mono);color:var(--muted)}.topic-section{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.topic-heading{color:var(--muted);padding:0 10px 10px}.sidebar-foot{border-top:1px solid var(--line);margin-top:16px;padding:15px 8px 4px;color:#72728c;font-size:11px}.layout.sidebar-small{grid-template-columns:70px minmax(0,760px) 255px}.sidebar-small .sidebar-heading,.sidebar-small .topic-text,.sidebar-small .topic-count,.sidebar-small .topic-heading,.sidebar-small .sidebar-foot{display:none}.sidebar-small .sidebar{padding:12px 8px}.sidebar-small .sidebar-top{justify-content:center;margin:0 0 10px}.sidebar-small .topic-link{justify-content:center;padding:8px}.sidebar-small .topic-section{padding-top:10px}.main{min-width:0}.intro{display:flex;justify-content:space-between;align-items:center;padding:13px 0 27px;border-bottom:1px solid var(--line)}.intro h1{font:700 clamp(22px,3vw,32px)/1.22 var(--head);letter-spacing:-.035em;margin:12px 0}.intro em{font-style:normal;color:var(--cyan)}.intro p{margin:0;color:var(--muted)}.feed-mark{font:700 45px var(--head);color:rgba(0,240,255,.22)}.controls{display:flex;gap:12px;align-items:center;padding:23px 0}.search{display:flex;align-items:center;gap:11px;flex:1;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:0 13px;color:var(--muted)}.search:focus-within{border-color:rgba(0,240,255,.5)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:12px 0;font:13px var(--body)}.view-controls{display:flex;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--panel)}.sort{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:8px 10px;font:11px var(--mono);white-space:nowrap}.sort.active{background:rgba(0,240,255,.12);color:var(--cyan)}.personalization{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;background:linear-gradient(110deg,rgba(0,240,255,.075),rgba(168,85,247,.065));border:1px solid rgba(0,240,255,.22);border-radius:12px;margin-bottom:25px}.personalization strong{font:600 13px var(--head)}.personalization p{color:var(--muted);font-size:12px;margin:5px 0 0}.personalization button,.load-more,.feed-actions button,.feed-actions a,.preview-actions a{border:1px solid rgba(0,240,255,.35);border-radius:8px;background:rgba(0,240,255,.09);color:var(--cyan);padding:9px 13px;font:600 11px var(--mono);white-space:nowrap}.personalization button:hover,.load-more:hover,.feed-actions button:hover,.feed-actions a:hover,.preview-actions a:hover{background:rgba(0,240,255,.18)}.feed-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.feed-section-title small{color:var(--cyan);margin-left:9px}.feed-section-title>span{font:10px var(--mono);color:var(--muted);letter-spacing:0;text-transform:none}.feed-list{display:grid;gap:18px}.feed-card,.loading-card{background:rgba(13,14,24,.96);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 14px 35px rgba(0,0,0,.18)}.feed-card:hover{border-color:rgba(0,240,255,.28)}.feed-card-top{display:flex;align-items:center;gap:12px;padding:18px 20px 14px}.avatar{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:50%;background:linear-gradient(135deg,rgba(0,240,255,.25),rgba(168,85,247,.28));overflow:hidden;color:var(--cyan);font:700 13px var(--head)}.avatar img{width:100%;height:100%;object-fit:cover}.author-row{min-width:0;flex:1}.author-row strong{display:block;font-size:13px}.author-row small{display:block;color:var(--muted);font:10px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interest-pill{font:9px var(--mono);padding:5px 7px;border:1px solid rgba(0,240,255,.25);border-radius:5px;color:var(--cyan);white-space:nowrap}.feed-cover{display:block;width:100%;padding:0;border:0;background:var(--panel2);aspect-ratio:16/8.2;overflow:hidden}.feed-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.feed-cover:hover img{transform:scale(1.035)}.feed-card-body{padding:21px 22px 18px}.feed-category{color:var(--cyan);font:600 10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.feed-title{display:block;border:0;background:none;color:var(--text);padding:0;margin:10px 0;text-align:left;font:700 clamp(17px,2vw,22px)/1.3 var(--head);letter-spacing:-.025em}.feed-title:hover{color:var(--cyan)}.feed-excerpt{font-size:14px;color:#b2b2ca;line-height:1.65;margin:0 0 14px}.feed-slug{font:10px var(--mono);color:#777792;overflow-wrap:anywhere}.feed-tags{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.feed-tags span{font:10px var(--mono);color:#b5b5cd;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:4px 8px;border-radius:5px}.feed-meta{display:flex;gap:13px;flex-wrap:wrap;color:var(--muted);font:10px var(--mono);padding-bottom:17px;border-bottom:1px solid var(--line)}.feed-meta .audio{color:var(--purple)}.feed-actions{display:flex;gap:8px;align-items:center;padding-top:16px;flex-wrap:wrap}.feed-actions .read{margin-left:auto;background:var(--cyan);color:#020208;box-shadow:0 4px 0 #087e87;border:0}.feed-actions .read:hover{background:#83faff;color:#020208;transform:translateY(1px);box-shadow:0 3px 0 #087e87}.feed-actions button.liked{color:#ff5e9f;border-color:#ff5e9f}.loading-card{padding:32px;color:var(--muted);text-align:center}.load-more{display:block;margin:24px auto}.load-more[hidden]{display:none}.rail{position:sticky;top:100px;align-self:start;display:grid;gap:16px}.rail-card{border:1px solid var(--line);background:rgba(10,11,21,.86);border-radius:14px;padding:20px}.rail-card h2{font:600 15px/1.5 var(--head);margin:11px 0}.rail-card p{font-size:12px;color:var(--muted);line-height:1.65}.rail-card a,.rail-card button{color:var(--cyan);font:11px var(--mono);background:none;border:0;padding:0;text-align:left}.rail-card button{text-decoration:underline}footer{border-top:1px solid var(--line);padding:28px;display:flex;justify-content:center;gap:28px;flex-wrap:wrap;color:var(--muted);font:11px var(--mono)}footer a:first-child{font:700 12px var(--head)}.preview-dialog{max-width:min(700px,calc(100vw - 24px));width:100%;border:1px solid rgba(0,240,255,.35);border-radius:16px;background:#0b0d18;color:var(--text);padding:0;max-height:min(90vh,900px);box-shadow:0 30px 90px rgba(0,0,0,.7)}.preview-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.preview-shell{position:relative;padding:26px;overflow:auto;max-height:90vh}.preview-close{position:sticky;top:0;float:right;z-index:1;border:1px solid var(--line);border-radius:8px;background:#121421;color:var(--text);font-size:20px;width:34px;height:34px}.preview-shell h2{font:700 clamp(20px,3vw,28px)/1.25 var(--head);margin:14px 0}.preview-shell img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:10px;margin:17px 0}.preview-shell .preview-sub{color:var(--muted);font-size:15px}.preview-copy{font:16px/1.8 var(--body);white-space:pre-wrap;margin:22px 0;border-left:2px solid var(--cyan);padding-left:18px}.preview-cut{border-top:1px solid var(--line);padding:15px 0;color:var(--muted);font:11px var(--mono)}.preview-actions{display:flex;gap:10px;flex-wrap:wrap}.preview-actions a:first-child{background:var(--cyan);color:#020208}body.modal-open{overflow:hidden}@media(max-width:1260px){.layout,.layout.sidebar-small{grid-template-columns:230px minmax(0,1fr)}.rail{display:none}}@media(max-width:760px){.topbar-inner{padding:0 16px;height:60px}.topbar nav{gap:14px}.topbar nav a{font-size:10px}.topbar nav a:last-child,.top-cta{display:none}.layout,.layout.sidebar-small{display:block;padding:16px 14px 60px}.sidebar,.sidebar-small .sidebar{position:relative;top:auto;max-height:none;margin-bottom:18px;padding:10px;overflow:visible}.sidebar .topic-section,.sidebar .sidebar-foot{display:none}.sidebar.is-open .topic-section,.sidebar.is-open .sidebar-foot{display:block}.sidebar-small .sidebar-heading,.sidebar-small .topic-text,.sidebar-small .topic-count,.sidebar-small .topic-heading,.sidebar-small .sidebar-foot{display:initial}.sidebar-small .topic-link{justify-content:initial}.sidebar .topic-link[data-view]{display:inline-flex;width:auto;margin-right:5px}.sidebar-top{margin-bottom:7px}.intro{padding:8px 0 18px}.feed-mark{display:none}.controls{flex-wrap:wrap;padding:17px 0}.search{flex-basis:100%}.personalization{align-items:flex-start}.feed-cover{aspect-ratio:16/9}.feed-card-body{padding:18px}.feed-actions .read{margin-left:0}.feed-section-title>span{display:none}}@media(max-width:400px){.topbar nav a:first-child{display:none}.personalization{flex-direction:column}.view-controls{width:100%}.view-controls button{flex:1}}
.feed-actions button.liked{color:var(--cyan);border-color:var(--cyan);background:rgba(0,240,255,.14)}
