:root{--bg:#fff;--surface:#fff;--soft:#f7f8fa;--line:#e6e8eb;--text:#111318;--muted:#69707d;--faint:#99a0aa;--accent:#155eef;--green:#117a48;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans)}body.locked{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:50;height:54px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 max(14px,calc((100vw - 1050px)/2))}.brand{text-decoration:none;font-size:17px;font-weight:760;letter-spacing:-.035em}.top-actions{display:flex;align-items:center;gap:4px}.icon-btn{border:0;background:transparent;color:#69707d;width:32px;height:32px;border-radius:8px;font-size:18px}.icon-btn:hover{background:var(--soft);color:var(--text)}.live-dot{width:7px;height:7px;border-radius:999px;background:#18a66a;margin-right:6px}
.shell{width:min(1050px,calc(100vw - 26px));margin:0 auto;padding:26px 0 70px}.mast{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:18px}.eyebrow,.story-top,.feed-head,.sync,.reader-meta{font:10px var(--mono);letter-spacing:.02em}.eyebrow{color:var(--faint);text-transform:uppercase}.mast h1{margin:6px 0 5px;font-size:30px;letter-spacing:-.045em;line-height:1.08}.mast p{margin:0;color:var(--muted);font-size:12px}.sync{color:var(--faint);white-space:nowrap}
.main-tabs,.sub-tabs{display:flex;border-bottom:1px solid var(--line);gap:18px}.main-tab,.sub-tab{border:0;background:transparent;color:var(--muted);padding:11px 0 10px;font-size:12px;position:relative}.main-tab.active,.sub-tab.active{color:var(--text);font-weight:650}.main-tab.active:after,.sub-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--text)}
.searchbar{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:12px 0}.searchbar>span{color:var(--faint);font-size:18px}.searchbar input{border:0;outline:0;flex:1;min-width:0;font-size:13px;background:transparent}.searchbar select{height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#4e5662;padding:0 10px;font-size:11px}
.topic-row{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding:10px 0}.topic-row::-webkit-scrollbar{display:none}.pill{flex:none;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);padding:7px 10px;font-size:11px}.pill.active{border-color:#cfd9ff;background:#f4f7ff;color:#1d4ed8}.feed-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0;color:var(--faint)}.feed-head #newsCount{color:var(--muted)}
.stream{display:flex;flex-direction:column}.story{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:14px;border-bottom:1px solid var(--line);padding:18px 0}.story:hover{background:linear-gradient(90deg,#fbfcfd,#fff)}.story-top{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--faint)}.story-top .source{color:#454c57;font-weight:600}.official{color:var(--green)}.story h2,.research-card h2{margin:7px 0 6px;font-size:18px;line-height:1.3;letter-spacing:-.022em}.story p,.research-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.story-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:10px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font:9px var(--mono);padding:3px 6px;border:1px solid var(--line);border-radius:5px;color:#68707c;background:#fafbfc}.tag.match{background:#f3f7ff;border-color:#d4defc;color:#155eef}.score{font:11px var(--mono);color:#626b77;min-width:30px;text-align:right}.story-side{display:flex;flex-direction:column;gap:3px}.story-side button{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#9299a3;font-size:16px}.story-side button:hover{background:var(--soft);color:var(--text)}
.research-intro{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.research-intro strong{font-size:12px;margin-right:8px}.research-intro span{font-size:10px;color:var(--faint);font-family:var(--mono)}.compact-btn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;color:#5e6672;font:10px var(--mono)}.research-stream{display:flex;flex-direction:column}.research-card{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:14px;padding:19px 0;border-bottom:1px solid var(--line)}.type-label{color:#155eef;font-weight:650}.authors,.venue{font-size:11px;color:#59616c;margin-bottom:5px}.venue{font-family:var(--mono);color:var(--faint)}
.loading,.empty{text-align:center;padding:60px 0;color:var(--muted);font-size:13px}.empty small{color:var(--faint)}.load-more{display:block;margin:18px auto 0;border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 14px;font-size:11px;color:#4f5865}
.overlay{position:fixed;inset:0;background:rgba(17,19,24,.18);z-index:100;display:flex;justify-content:flex-end}.drawer{width:min(420px,100vw);height:100%;background:#fff;box-shadow:0 18px 55px rgba(17,24,39,.14);display:flex;flex-direction:column}.drawer-head{min-height:62px;border-bottom:1px solid var(--line);padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.drawer-head strong{font-size:14px}.drawer-head span{display:block;margin-top:3px;color:var(--faint);font:9px var(--mono)}.close{border:0;background:transparent;color:#6b7280;font-size:22px;width:30px;height:30px}.drawer-body{padding:16px;overflow:auto}.drawer-body label{display:block;color:#6d7581;font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:14px 0 6px}.field{width:100%;height:38px;border:1px solid #dfe3e8;border-radius:7px;background:#fff;padding:0 9px;outline:0;color:var(--text);font-size:12px}.range{width:100%;accent-color:var(--accent)}.range-line{display:flex;justify-content:space-between;color:var(--faint);font:9px var(--mono)}.range-line b{color:#4b5563}.switch-row{display:flex!important;align-items:center;justify-content:space-between;text-transform:none!important;letter-spacing:0!important;font:12px var(--sans)!important;color:#424a55!important}.switch-row input{display:none}.switch-row i{width:38px;height:22px;border:1px solid #dfe3e8;border-radius:999px;background:#f3f4f6;position:relative}.switch-row i:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.16);transition:.16s}.switch-row input:checked+i{background:#111827;border-color:#111827}.switch-row input:checked+i:after{transform:translateX(16px)}.drawer-btn{width:100%;height:38px;border:1px solid #dfe3e8;border-radius:7px;background:#fff;color:#404854;font-size:12px;margin-top:9px}.primary-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;background:#111827;color:#fff;border-color:#111827}.split{display:flex;gap:7px}.split .field{flex:1}.split .drawer-btn{width:auto;padding:0 12px}.setting-section{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.setting-title{font-size:12px;font-weight:700;margin-bottom:9px}.setting-muted{font-size:11px;color:var(--muted)}.setting-muted.ok{color:var(--green)}.collector{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.collector b{font:10px var(--mono);color:#434b56}.interest-list{display:flex;flex-direction:column;gap:5px;margin-top:9px}.interest{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:7px;padding:6px 8px}.interest label{display:flex!important;align-items:center;gap:7px;margin:0!important;text-transform:none!important;letter-spacing:0!important;font:11px var(--sans)!important;color:#4e5662!important}.interest button{border:0;background:transparent;color:#98a0aa}
.toast{position:fixed;z-index:200;bottom:18px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;border-radius:8px;padding:9px 12px;font-size:11px;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.reader-top{position:sticky;top:0;height:54px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);display:flex;align-items:center;justify-content:space-between;padding:0 max(14px,calc((100vw - 800px)/2));font-size:12px}.reader-top a{text-decoration:none;color:#4b5563}.reader-shell,.paper-reader-shell{width:min(800px,calc(100vw - 30px));margin:0 auto;padding:40px 0 80px}.reader-shell h1,.paper-reader-shell h1{font-size:34px;line-height:1.16;letter-spacing:-.045em;margin:8px 0 10px}.reader-byline{font:10px var(--mono);color:var(--faint);margin-bottom:14px}.reader-desc{font-size:15px;line-height:1.55;color:#5f6772;margin-bottom:26px}.reader-content{font-family:Georgia,serif;font-size:18px;line-height:1.72;color:#24282e}.reader-content p{margin:0 0 22px}.reader-shell img{max-width:100%;border-radius:10px;margin:10px 0 25px}.reader-fallback{border:1px solid var(--line);border-radius:9px;padding:15px;color:var(--muted);background:var(--soft)}.reader-meta{color:var(--faint)}.reader-links{display:flex;gap:12px}.pdf-wrap{height:min(82vh,1050px);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f6f7f8;margin-top:28px}.pdf-wrap iframe{border:0;width:100%;height:100%}
@media(max-width:700px){.shell{width:calc(100vw - 20px);padding-top:18px}.mast{display:block}.mast h1{font-size:24px}.sync{margin-top:8px}.searchbar select{max-width:105px}.topic-row{padding-bottom:8px}.story,.research-card{grid-template-columns:minmax(0,1fr) 28px;gap:8px;padding:15px 0}.story h2,.research-card h2{font-size:16px}.story p,.research-card p{font-size:11px}.story-side button{width:26px;height:26px}.reader-shell,.paper-reader-shell{width:calc(100vw - 24px);padding:25px 0 60px}.reader-shell h1,.paper-reader-shell h1{font-size:28px}.reader-content{font-size:17px}.pdf-wrap{height:75vh}.drawer{height:auto;max-height:92vh;border-radius:16px 16px 0 0}.overlay{align-items:flex-end}.drawer-body{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.reader-top{padding:0 12px}}

/* Mobile-first production refinements */
@media (max-width:700px){
  html{font-size:16px}
  .topbar{height:56px;padding:0 10px}
  .brand{font-size:16px}
  .icon-btn{width:40px;height:40px;font-size:19px}
  .main-tabs{gap:22px}
  .main-tab,.sub-tab{min-height:42px}
  .searchbar{gap:6px}
  .searchbar input{font-size:16px}
  .searchbar select{font-size:12px;height:40px}
  .pill{min-height:36px}
  .story h2,.research-card h2{font-size:17px;line-height:1.34}
  .story p,.research-card p{font-size:12px;line-height:1.6}
  .story-side button{width:40px;height:40px;font-size:18px}
  .feed-head{font-size:10px}
  .drawer{max-height:calc(100dvh - 8px)}
  .field,.drawer-btn{height:42px;font-size:13px}
  .reader-shell,.paper-reader-shell{width:calc(100vw - 22px);padding:24px 0 calc(44px + env(safe-area-inset-bottom))}
  .reader-shell h1,.paper-reader-shell h1{font-size:29px}
  .reader-content{font-size:18px;line-height:1.78}
  .pdf-wrap{height:72dvh}
}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important}}