:root {
  --bg:#070a11; --bg2:#0d121d; --surface:rgba(18,24,38,.9); --surface2:#182132;
  --surface3:#202b3e; --text:#f6f8fc; --muted:#96a4b9; --line:rgba(255,255,255,.09);
  --purple:#8f7cff; --cyan:#4fd8ff; --green:#5ce7a0; --yellow:#ffd36b; --red:#ff7180;
  --x:#f6f7f8; --shadow:0 18px 52px rgba(0,0,0,.34); --r:22px; --safe-top:env(safe-area-inset-top,0px); --safe-bottom:env(safe-area-inset-bottom,0px);
}
[data-theme="light"] {
  --bg:#eef2f8; --bg2:#f7f9fc; --surface:rgba(255,255,255,.93); --surface2:#eef2f8; --surface3:#e5ebf4;
  --text:#111827; --muted:#64748b; --line:rgba(15,23,42,.09); --shadow:0 18px 45px rgba(50,70,100,.14); --x:#111827;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;min-height:100vh;color:var(--text);background:
radial-gradient(circle at 92% -8%,rgba(143,124,255,.2),transparent 32%),radial-gradient(circle at -10% 28%,rgba(79,216,255,.12),transparent 30%),var(--bg);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI",Meiryo,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
button,input,select{font:inherit;color:inherit} button,a{touch-action:manipulation} a{color:inherit;text-decoration:none}.hidden{display:none!important}
.app-shell{width:min(100%,780px);margin:0 auto;padding:calc(12px + var(--safe-top)) 15px calc(96px + var(--safe-bottom))}
.banner{border:1px solid rgba(255,113,128,.32);background:rgba(255,113,128,.09);color:#ffadb6;border-radius:14px;padding:10px 12px;font-size:11px;line-height:1.5;margin-bottom:12px}.banner.demo{border-color:rgba(255,211,107,.32);background:rgba(255,211,107,.09);color:var(--yellow)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 1px 16px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.logo{position:relative;width:45px;height:45px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:#111827;border:1px solid var(--line);box-shadow:0 10px 26px rgba(79,216,255,.18)}.logo span{position:absolute;inset:-10px;background:conic-gradient(from 210deg,var(--purple),var(--cyan),var(--green),var(--purple));filter:blur(5px);opacity:.85}.logo b{position:relative;color:#08111a;font-weight:950;letter-spacing:-.08em}.brand-title{font-size:17px;font-weight:900;line-height:1}.brand-sub{color:var(--muted);font-size:10px;margin-top:5px;white-space:nowrap}.top-actions{display:flex;gap:8px}.icon-btn{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);backdrop-filter:blur(18px);font-size:18px}.refresh-btn{min-width:72px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;cursor:pointer;box-shadow:var(--shadow);backdrop-filter:blur(18px);font-size:11px;font-weight:850}.refresh-btn:disabled{opacity:.7;cursor:wait}.refresh-icon{font-size:17px;line-height:1}.refresh-btn.loading .refresh-icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(143,124,255,.19),rgba(79,216,255,.06) 52%,var(--surface));box-shadow:var(--shadow);padding:21px;margin-bottom:16px}.hero:after{content:"";position:absolute;width:165px;height:165px;border-radius:50%;right:-75px;top:-75px;background:rgba(143,124,255,.19)}.hero-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}.live-badge{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.12em}.live-badge i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(92,231,160,.12)}.live-badge.demo i{background:var(--yellow)}.updated-label{color:var(--muted);font-size:10px}.hero h1{position:relative;z-index:1;margin:12px 0 9px;font-size:clamp(30px,9vw,45px);line-height:1.06;letter-spacing:-.045em}.hero p{position:relative;z-index:1;color:var(--muted);font-size:12px;line-height:1.7;max-width:40em;margin:0 0 17px}.hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-stats div{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:14px;padding:10px 9px}.hero-stats strong{display:block;font-size:18px;letter-spacing:-.03em}.hero-stats span{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.section{margin-top:23px}.source-strip-section{margin-top:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 11px}.section-kicker{display:block;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.13em;margin-bottom:4px}.x-kicker{color:var(--x)}.section-head h2{font-size:19px;margin:0;letter-spacing:-.025em}.section-note{color:var(--muted);font-size:10px}.text-btn{border:0;background:none;color:var(--muted);font-size:10px;font-weight:750;padding:5px;cursor:pointer}
.source-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:none}.source-strip::-webkit-scrollbar,.channel-rail::-webkit-scrollbar{display:none}.source-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 10px;font-size:10px;box-shadow:0 8px 20px rgba(0,0,0,.12)}.source-status i{width:7px;height:7px;border-radius:50%;background:var(--green)}.source-status.fail i{background:var(--red)}.source-status.empty i{background:var(--yellow)}.source-status span{color:var(--muted)}
.filter-chips{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 10px;scrollbar-width:none}.filter-chip{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;cursor:pointer}.filter-chip.active{background:linear-gradient(145deg,var(--purple),#6559db);border-color:transparent;color:#fff}.trend-list{display:grid;gap:10px}.trend-card{position:relative;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:15px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:start;text-align:left;cursor:pointer;box-shadow:0 12px 32px rgba(0,0,0,.15);backdrop-filter:blur(16px);outline:none}.trend-card:hover,.trend-card:focus-visible{border-color:rgba(143,124,255,.55);box-shadow:0 0 0 3px rgba(143,124,255,.1),0 12px 32px rgba(0,0,0,.15)}.rank-badge{width:38px;height:38px;border-radius:13px;background:var(--surface2);display:grid;place-items:center;font-weight:900;font-size:13px;border:1px solid var(--line)}.rank-badge.top{background:linear-gradient(145deg,rgba(143,124,255,.3),rgba(79,216,255,.16));color:var(--cyan)}.trend-main{display:block;min-width:0}.trend-title{display:block;font-size:15px;font-weight:900;line-height:1.35;word-break:break-word}.trend-reason{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:4px}.source-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.source-badge{border:1px solid var(--line);background:var(--surface2);border-radius:999px;padding:5px 7px;font-size:8px;font-weight:850;white-space:nowrap}.source-badge.x{background:#050505;color:#fff}.source-badge.google{color:#83d9ff}.source-badge.youtube{color:#ff8d99}.source-badge.social{color:#a99cff}.source-badge.knowledge{color:#9ce5bd}.trend-x-actions{display:flex;gap:7px;margin-top:10px}.trend-x-actions button{border:1px solid var(--line);background:var(--surface2);border-radius:10px;min-height:32px;padding:6px 10px;font-size:9px;font-weight:850;cursor:pointer}.trend-x-actions button:first-child{background:#050505;color:#fff;border-color:rgba(255,255,255,.16)}.trend-x-actions b{font-size:11px;margin-right:2px}.score-box{text-align:right;min-width:44px}.score-box strong{font-size:17px;display:block}.score-box small{font-size:8px;color:var(--muted)}.score-bar{height:3px;border-radius:10px;background:var(--surface2);overflow:hidden;margin-top:7px}.score-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--cyan))}.star-btn{position:absolute;right:10px;bottom:9px;width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:16px;padding:5px;cursor:pointer}.star-btn.saved{color:var(--yellow)}.wide-btn,.primary-btn,.secondary-btn{border:0;border-radius:14px;min-height:46px;padding:11px 15px;font-weight:850;cursor:pointer}.wide-btn{width:100%;margin-top:10px;background:var(--surface2);border:1px solid var(--line)}.primary-btn{background:linear-gradient(145deg,var(--purple),#6657df);color:#fff;box-shadow:0 9px 22px rgba(102,87,223,.25)}.secondary-btn{background:var(--surface2);border:1px solid var(--line)}.secondary-btn.danger{color:var(--red)}.full{width:100%}
.panel{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:14px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.panel-note{color:var(--muted);font-size:10px;line-height:1.55;border-bottom:1px solid var(--line);padding:0 2px 11px;margin-bottom:5px}.compact-list{display:grid}.compact-item{display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--line)}.compact-item:last-child{border-bottom:0}.compact-rank{color:var(--muted);font-size:10px;text-align:center}.compact-name{font-size:12px;font-weight:820;line-height:1.35}.compact-source{display:flex;gap:4px}.mini-dot{width:7px;height:7px;border-radius:50%;background:var(--surface3)}.mini-dot.on{background:var(--green);box-shadow:0 0 0 3px rgba(92,231,160,.08)}.compact-x-actions{display:flex;gap:4px}.compact-x-actions button{border:1px solid var(--line);background:var(--surface2);border-radius:8px;padding:6px 7px;font-size:8px;font-weight:850;cursor:pointer}.compact-x-actions button:first-child{background:#050505;color:#fff}.panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.panel-actions a{border:1px solid var(--line);background:var(--surface2);border-radius:12px;text-align:center;padding:10px;font-size:10px;font-weight:800}
.channel-rail{display:flex;gap:10px;overflow-x:auto;padding:1px 1px 7px;scroll-snap-type:x proximity}.channel-card{flex:0 0 82%;scroll-snap-align:start;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:15px;box-shadow:0 12px 30px rgba(0,0,0,.13)}.channel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.channel-head b{font-size:14px}.channel-head span{font-size:9px;color:var(--muted)}.channel-item{display:grid;grid-template-columns:22px 1fr;gap:7px;padding:8px 0;border-top:1px solid var(--line)}.channel-item:first-of-type{border-top:0}.channel-item em{font-style:normal;color:var(--muted);font-size:9px;padding-top:2px}.channel-item a{font-size:11px;font-weight:750;line-height:1.4}.channel-footer{display:block;color:var(--muted);font-size:9px;margin-top:9px;text-align:right}
.search-panel{padding:15px}.search-row{display:flex;gap:8px}.search-input{min-width:0;flex:1;border:1px solid var(--line);outline:none;color:var(--text);background:var(--surface2);border-radius:14px;padding:12px 13px;font-size:16px}.search-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(143,124,255,.12)}.search-targets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:11px}.search-target{border:1px solid var(--line);background:var(--surface2);border-radius:13px;padding:10px;text-align:left;cursor:pointer}.search-target b{font-size:11px;display:block}.search-target small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.subhead-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:13px;padding-top:12px}.subhead-row b{font-size:11px}.subhead-row span{color:var(--muted);font-size:9px}.watch-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.watch-chip{border:1px solid var(--line);background:var(--surface2);border-radius:999px;padding:7px 9px;font-size:10px;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.watch-chip i{font-style:normal;color:var(--muted);font-size:13px}.empty-text{color:var(--muted);font-size:10px;line-height:1.5}.about-card{border:1px dashed var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.025)}.about-card b{font-size:11px}.about-card p{color:var(--muted);font-size:10px;line-height:1.65;margin:6px 0 0}
.bottom-nav{position:fixed;left:50%;bottom:calc(10px + var(--safe-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),520px);height:64px;border-radius:22px;background:rgba(14,19,30,.92);border:1px solid var(--line);backdrop-filter:blur(24px);box-shadow:0 18px 55px rgba(0,0,0,.44);display:grid;grid-template-columns:repeat(4,1fr);padding:6px;z-index:30}[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.94)}.nav-btn{border:0;background:transparent;border-radius:16px;color:var(--muted);cursor:pointer;display:grid;place-items:center;align-content:center;gap:2px}.nav-btn span{font-size:17px;line-height:1}.nav-btn small{font-size:8px;font-weight:850}.nav-btn.active{color:var(--text);background:var(--surface2)}
.modal-backdrop{position:fixed;inset:0;background:rgba(3,6,12,.68);backdrop-filter:blur(9px);z-index:60;display:none;align-items:flex-end;justify-content:center;padding:18px 13px calc(18px + var(--safe-bottom))}.modal-backdrop.open{display:flex}.modal{width:min(100%,620px);max-height:86vh;overflow:auto;background:var(--bg2);border:1px solid var(--line);border-radius:25px;padding:19px;box-shadow:0 30px 90px rgba(0,0,0,.6)}.modal-handle{width:42px;height:5px;background:var(--line);border-radius:99px;margin:-6px auto 15px}.modal h2{font-size:21px;margin:0 0 6px}.modal-lead{color:var(--muted);font-size:11px;line-height:1.65;margin:0 0 14px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.settings-row b{font-size:12px;display:block}.settings-row small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.settings-row select{border:1px solid var(--line);background:var(--surface2);border-radius:11px;padding:9px 27px 9px 9px;outline:none}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.help-steps{display:grid;gap:9px;margin-bottom:13px}.help-steps>div{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:11px}.help-steps span{width:32px;height:32px;border-radius:10px;background:var(--surface2);display:grid;place-items:center;font-weight:900;color:var(--cyan)}.help-steps p{font-size:10px;line-height:1.55;color:var(--muted);margin:0}.help-steps b{color:var(--text)}.install-steps{padding-left:20px;color:var(--muted);font-size:12px;line-height:1.9}.modal-topic-score{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.modal-topic-score span{color:var(--muted);font-size:10px}.modal-topic-score strong{font-size:25px}.topic-source-list{display:grid;gap:8px;margin:12px 0}.topic-source-link{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:11px}.topic-source-link b{font-size:11px;display:block}.topic-source-link small{font-size:9px;color:var(--muted);display:block;margin-top:3px;line-height:1.4}.topic-source-link i{font-style:normal;color:var(--muted)}.topic-quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0 13px}.topic-quick-links a,.topic-quick-links button{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:11px;padding:9px 5px;text-align:center;font-size:9px;font-weight:800;cursor:pointer}.topic-quick-links .x-primary{background:#050505;color:#fff;border-color:rgba(255,255,255,.16)}
.toast{position:fixed;left:50%;bottom:calc(88px + var(--safe-bottom));transform:translate(-50%,16px);background:var(--text);color:var(--bg);border-radius:999px;padding:10px 14px;font-size:10px;font-weight:850;opacity:0;pointer-events:none;transition:.24s;z-index:90;white-space:nowrap;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}
button:active,.trend-card:active,.icon-btn:active,.refresh-btn:active,.search-target:active{transform:scale(.98)}
@media(min-width:620px){.trend-list{grid-template-columns:1fr 1fr}.channel-card{flex-basis:47%}.search-targets{grid-template-columns:repeat(4,1fr)}.trend-card{min-height:165px}.hero{padding:26px}.hero-stats{max-width:440px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:390px){.brand-sub{display:none}.refresh-btn{min-width:66px;padding:0 9px}.trend-card{grid-template-columns:35px minmax(0,1fr) 42px;padding:13px;gap:9px}.rank-badge{width:35px;height:35px}.trend-x-actions{gap:5px}.trend-x-actions button{padding:6px 8px}.compact-source{display:none}.compact-item{grid-template-columns:23px minmax(0,1fr) auto}.compact-x-actions button{padding:6px}.topic-quick-links{grid-template-columns:repeat(2,1fr)}}

/* v0.4 movement, category and preference layers */
.movement-legend{display:flex;gap:6px;overflow-x:auto;margin:-2px 1px 11px;padding-bottom:2px}.movement-legend span,.movement-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.02em;padding:5px 7px;border:1px solid var(--line);background:var(--surface2)}.movement-legend .new,.movement-badge.new{color:var(--cyan);border-color:rgba(79,216,255,.22);background:rgba(79,216,255,.08)}.movement-legend .up,.movement-badge.up{color:var(--green);border-color:rgba(92,231,160,.22);background:rgba(92,231,160,.08)}.movement-legend .steady,.movement-badge.steady{color:var(--muted)}.movement-legend .down,.movement-badge.down{color:#ff9aa5;border-color:rgba(255,113,128,.22);background:rgba(255,113,128,.08)}
.trend-title-row{display:flex;align-items:flex-start;gap:7px;justify-content:space-between}.trend-title-row .trend-title{min-width:0}.trend-title-row .movement-badge{flex:0 0 auto;margin-top:1px}.trend-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:7px;color:var(--muted);font-size:8px}.category-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:850;background:var(--surface2);border:1px solid var(--line)}.cat-news{color:#ffb2ba}.cat-politics{color:#b8afff}.cat-economy{color:#ffd36b}.cat-sports{color:#86e9bc}.cat-entertainment{color:#ffa4da}.cat-tech{color:#79ddff}.cat-weather{color:#a7d6ff}.cat-internet{color:#c8b8ff}.cat-other{color:var(--muted)}
.hide-btn{position:absolute;right:8px;top:7px;width:27px;height:27px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;z-index:2}.hide-btn:hover{background:var(--surface2);color:var(--red)}.score-box{margin-top:20px}.compact-name small.compact-move{display:block;margin-top:4px;font-size:7px;font-weight:900}.compact-move.new{color:var(--cyan)}.compact-move.up{color:var(--green)}.compact-move.down{color:var(--red)}.compact-move.steady{color:var(--muted)}
.topic-status-row{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 11px}.topic-timeline{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}.topic-timeline>div{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:10px}.topic-timeline b{display:block;font-size:10px}.topic-timeline small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.insight-card{border:1px solid rgba(79,216,255,.18);background:linear-gradient(145deg,rgba(79,216,255,.07),rgba(143,124,255,.05));border-radius:17px;padding:13px;margin:12px 0}.insight-kicker{font-size:7px;letter-spacing:.16em;font-weight:900;color:var(--cyan)}.insight-card h3{font-size:15px;margin:3px 0 7px}.insight-card p{font-size:11px;line-height:1.6;margin:0 0 9px}.insight-card dl{display:grid;gap:6px;margin:0 0 8px}.insight-card dl>div{display:grid;grid-template-columns:48px 1fr;gap:7px}.insight-card dt{font-size:8px;color:var(--muted)}.insight-card dd{margin:0;font-size:9px;line-height:1.45}.insight-card>small{display:block;color:var(--muted);font-size:7px;line-height:1.5}
.hidden-settings{border-top:1px solid var(--line);margin-top:2px;padding:0 0 12px}.hidden-topics-preview{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.hidden-topic-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface2);border-radius:999px;padding:7px 9px;font-size:9px;cursor:pointer}.hidden-topic-chip i{font-style:normal;color:var(--cyan);font-size:8px;font-weight:850}
@media(max-width:390px){.trend-title-row{display:block}.trend-title-row .movement-badge{margin-top:5px}.trend-meta-line{gap:4px}.movement-legend span{font-size:7px}.topic-timeline{grid-template-columns:1fr}}

/* v0.5: personal signals, history and propagation */
.personal-kicker{color:#bca7ff}.for-you-section{scroll-margin-top:22px}.for-you-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.for-you-card{position:relative;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,#7558d8 8%),var(--surface));cursor:pointer;min-width:0;box-shadow:var(--shadow)}.for-you-card:active{transform:scale(.99)}.for-you-card>b{display:block;font-size:15px;line-height:1.35;margin:9px 0 5px;overflow-wrap:anywhere}.for-you-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.45;min-height:29px}.for-you-top,.for-you-bottom{display:flex;align-items:center;gap:7px}.for-you-top{justify-content:space-between}.for-you-bottom{margin-top:10px}.for-you-bottom strong{margin-left:auto;font-size:17px}.personal-tag{display:inline-flex;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,#876cff 17%,transparent);color:color-mix(in srgb,#c9bbff 88%,var(--text));font-size:8px;font-weight:900;letter-spacing:.07em}.for-you-empty{padding:16px;border:1px dashed var(--line);border-radius:18px;background:var(--surface);color:var(--muted)}.for-you-empty b{display:block;color:var(--text);font-size:13px}.for-you-empty p{font-size:10px}.suggestion-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.suggestion-chips button,.related-chip{border:1px solid var(--line);background:var(--surface3);color:var(--text);border-radius:999px;padding:7px 9px;font:inherit;font-size:9px}.momentum-badge{display:inline-flex;align-items:center;gap:3px;border-radius:999px;padding:4px 6px;font-size:8px;font-weight:900;white-space:nowrap;background:var(--surface3);color:var(--muted)}.momentum-badge.rapid{background:color-mix(in srgb,#ffb347 18%,transparent);color:#ffd49b}.momentum-badge.longrun{background:color-mix(in srgb,#68d391 15%,transparent);color:#a5efbf}.momentum-badge.cooling{background:color-mix(in srgb,#8aa0b8 15%,transparent);color:#b8c8d8}.sparkline{display:block;overflow:visible}.sparkline polyline{stroke:currentColor;stroke-width:1.6}.sparkline circle{fill:currentColor}.sparkline.compact{width:74px;height:24px;color:var(--purple)}.score-box .sparkline{margin-top:4px;width:58px;height:18px;color:var(--purple)}.history-panel{margin:12px 0;padding:12px;border-radius:16px;background:var(--surface3);border:1px solid var(--line)}.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.history-head b{font-size:12px}.history-head small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.history-chart{width:100%;height:74px;color:var(--purple);margin-top:8px}.history-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.propagation-card{margin:12px 0;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}.propagation-card h3{font-size:13px;margin:0 0 9px}.propagation-flow{display:flex;align-items:center;gap:5px;overflow-x:auto;padding-bottom:3px}.propagation-flow span{white-space:nowrap;padding:6px 8px;border-radius:9px;background:var(--surface3);font-size:9px;font-weight:800}.propagation-flow i{font-style:normal;color:var(--muted)}.propagation-card small{display:block;color:var(--muted);font-size:8px;margin-top:8px}.related-terms{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 13px}.related-chip{cursor:pointer}.trend-momentum-line{display:flex;align-items:center;gap:6px;margin-top:6px}.trend-momentum-line .sparkline{margin-left:auto}.score-box{min-width:66px}
@media(max-width:560px){.for-you-list{grid-template-columns:1fr}.for-you-card p{min-height:0}.for-you-card{padding:13px}.for-you-bottom .sparkline{margin-left:auto}.for-you-bottom strong{margin-left:0}}

/* v0.6: importance, detection confidence and noise control */
.source-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px;padding:6px 3px 0}.source-summary .text-btn{display:inline-flex;align-items:center;gap:3px;color:var(--cyan)}
.alert-kicker{color:var(--yellow)}.attention-section{scroll-margin-top:22px}.attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attention-card{border:1px solid rgba(255,211,107,.2);background:linear-gradient(145deg,rgba(255,211,107,.09),var(--surface));border-radius:18px;padding:14px;cursor:pointer;box-shadow:var(--shadow);outline:none}.attention-card:focus-visible{box-shadow:0 0 0 3px rgba(255,211,107,.12),var(--shadow)}.attention-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.attention-card>b{display:block;font-size:15px;line-height:1.35;margin:10px 0 5px}.attention-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.attention-card>div:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:9px}.attention-card strong{font-size:18px;color:var(--text)}.section-disclaimer{margin:9px 2px 0;color:var(--muted);font-size:8px;line-height:1.5}
.assessment-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin:-4px 2px 11px;color:var(--muted);font-size:8px;line-height:1.45}.assessment-legend b{color:var(--text)}.assessment-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:7px}.importance-badge,.confidence-badge,.signal-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;border:1px solid var(--line);background:var(--surface2)}.importance-badge.high{color:#ffdf91;background:rgba(255,211,107,.1);border-color:rgba(255,211,107,.25)}.importance-badge.medium{color:#9fddff;background:rgba(79,216,255,.08);border-color:rgba(79,216,255,.2)}.importance-badge.low{color:var(--muted)}.confidence-badge.high{color:#9af0bd;background:rgba(92,231,160,.08);border-color:rgba(92,231,160,.22)}.confidence-badge.medium{color:#a9dfff;background:rgba(79,216,255,.07);border-color:rgba(79,216,255,.2)}.confidence-badge.low{color:#c1c9d5}.signal-badge.public,.signal-badge.news{color:#ffd9a1}.signal-badge.promo,.signal-badge.campaign{color:#ff9fa9;background:rgba(255,113,128,.08);border-color:rgba(255,113,128,.2)}.signal-badge.fandom{color:#e2b7ff;background:rgba(180,120,255,.08)}.signal-badge.live{color:#a9b8ff}.signal-badge.buzz{color:var(--muted)}
.assessment-panel{display:grid;gap:8px;margin:12px 0;padding:13px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}.assessment-panel>div{display:grid;grid-template-columns:86px 1fr;gap:9px;align-items:start}.assessment-panel span{color:var(--muted);font-size:9px}.assessment-panel b{font-size:10px;line-height:1.45}.assessment-panel small{display:block;border-top:1px solid var(--line);padding-top:8px;color:var(--muted);font-size:8px;line-height:1.55}.importance-text.high{color:#ffdc8a}.importance-text.medium{color:#9fddff}.importance-text.low{color:var(--muted)}
.filter-chip[data-filter="noise"]{color:#ffabb4}.filter-chip[data-filter="important"]{color:#ffe09a}.filter-chip.active[data-filter="noise"],.filter-chip.active[data-filter="important"]{color:#fff}
@media(max-width:560px){.attention-list{grid-template-columns:1fr}.attention-card{padding:13px}}
@media(max-width:390px){.assessment-line{gap:4px}.importance-badge,.confidence-badge,.signal-badge{font-size:7px;padding:4px 6px}.assessment-panel>div{grid-template-columns:76px 1fr}}

/* v0.7: origin candidate, evidence links and manual classification correction */
.manual-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,211,107,.24);background:rgba(255,211,107,.09);color:#ffe29d;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;white-space:nowrap}
.origin-card,.news-evidence-card{margin:12px 0;padding:13px;border-radius:17px;border:1px solid var(--line);background:var(--surface)}
.origin-card{border-color:rgba(143,124,255,.22);background:linear-gradient(145deg,rgba(143,124,255,.09),var(--surface))}
.origin-card h3,.news-evidence-card h3{font-size:14px;margin:3px 0 9px}.origin-card>a{display:block;border:1px solid var(--line);background:var(--surface2);border-radius:13px;padding:10px}.origin-card>a b{display:block;font-size:11px;line-height:1.5}.origin-card>a small,.related-news-list a small{display:block;color:var(--muted);font-size:8px;margin-top:5px}.origin-card p{font-size:9px;line-height:1.5;margin:9px 0 4px}.origin-card>small,.news-evidence-card>small{display:block;color:var(--muted);font-size:8px;line-height:1.55;margin-top:8px}
.evidence-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.evidence-head>span{flex:0 0 auto;color:var(--muted);font-size:8px;border:1px solid var(--line);background:var(--surface2);border-radius:999px;padding:5px 7px}.related-news-list{display:grid;gap:7px}.related-news-list a{display:block;border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:10px}.related-news-list a b{display:block;font-size:10px;line-height:1.45}.verification-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.verification-links a{display:grid;place-items:center;min-height:38px;border:1px solid var(--line);background:var(--surface3);border-radius:11px;padding:7px;text-align:center;font-size:9px;font-weight:850}
.correction-panel{margin:13px 0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.correction-panel summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;cursor:pointer}.correction-panel summary::-webkit-details-marker{display:none}.correction-panel summary:after{content:'＋';font-size:15px;color:var(--muted)}.correction-panel[open] summary:after{content:'−'}.correction-panel summary span{font-size:11px;font-weight:900}.correction-panel summary small{margin-left:auto;color:var(--muted);font-size:8px}.correction-form{border-top:1px solid var(--line);padding:12px;display:grid;gap:9px}.correction-form label{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:9px}.correction-form label span{font-size:9px;color:var(--muted)}.correction-form select{width:100%;border:1px solid var(--line);background:var(--surface2);border-radius:10px;padding:9px;font-size:10px}.correction-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.correction-actions button{min-height:40px;padding:8px;font-size:9px}.correction-form p{margin:0;color:var(--muted);font-size:8px;line-height:1.5}.correction-settings{margin-top:0}.correction-preview{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.correction-preview-chip{display:inline-flex;flex-direction:column;gap:2px;border:1px solid var(--line);background:var(--surface2);border-radius:11px;padding:7px 9px;font-size:9px}.correction-preview-chip small{color:var(--muted);font-size:7px}
@media(max-width:390px){.verification-links,.correction-actions{grid-template-columns:1fr}.evidence-head{display:block}.evidence-head>span{display:inline-flex;margin-bottom:7px}.correction-panel summary small{display:none}.correction-form label{grid-template-columns:68px 1fr}}

/* v0.8: visual system, information hierarchy and one-hand interaction */
:root{
  --bg:#050811;--bg2:#0a0f1b;--surface:rgba(15,22,36,.78);--surface2:rgba(27,37,57,.82);--surface3:rgba(35,47,69,.82);
  --line:rgba(255,255,255,.085);--line-strong:rgba(255,255,255,.14);--purple:#9b8cff;--cyan:#58ddff;--green:#64eba6;
  --glass-blur:22px;--card-shadow:0 18px 45px rgba(0,0,0,.22);--card-accent:var(--purple);
}
[data-theme="light"]{
  --bg:#edf2f8;--bg2:#f7f9fc;--surface:rgba(255,255,255,.82);--surface2:rgba(238,243,250,.9);--surface3:rgba(228,235,245,.92);
  --line:rgba(15,23,42,.08);--line-strong:rgba(15,23,42,.14);--card-shadow:0 18px 44px rgba(63,78,105,.12);
}
body{position:relative;isolation:isolate;background:var(--bg);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
  radial-gradient(circle at 82% -8%,rgba(155,140,255,.24),transparent 31%),radial-gradient(circle at -8% 38%,rgba(88,221,255,.13),transparent 28%),
  radial-gradient(circle at 76% 76%,rgba(100,235,166,.065),transparent 25%);background-size:34px 34px,34px 34px,auto,auto,auto}
[data-theme="light"] body:before{background:
  linear-gradient(rgba(40,60,90,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(40,60,90,.022) 1px,transparent 1px),
  radial-gradient(circle at 82% -8%,rgba(124,105,255,.15),transparent 31%),radial-gradient(circle at -8% 38%,rgba(35,170,220,.10),transparent 28%);background-size:34px 34px,34px 34px,auto,auto}
.ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.ambient i{position:absolute;border-radius:50%;filter:blur(75px);opacity:.18}.ambient i:nth-child(1){width:260px;height:260px;background:var(--purple);right:-120px;top:16vh}.ambient i:nth-child(2){width:220px;height:220px;background:var(--cyan);left:-120px;top:52vh}.ambient i:nth-child(3){width:180px;height:180px;background:var(--green);right:-90px;bottom:4vh;opacity:.08}
.app-shell{width:min(100%,840px);padding-left:16px;padding-right:16px}
.topbar{position:sticky;top:0;z-index:25;margin:calc(-12px - var(--safe-top)) -8px 16px;padding:calc(12px + var(--safe-top)) 9px 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,transparent) 68%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.logo{width:46px;height:46px;border-radius:16px;background:rgba(9,14,24,.86);box-shadow:0 13px 36px rgba(88,221,255,.13),inset 0 1px rgba(255,255,255,.1)}.logo:after{content:"";position:absolute;inset:1px;border-radius:15px;border:1px solid rgba(255,255,255,.09)}.logo b{font-size:14px}.brand-title{font-size:18px;letter-spacing:-.035em}.brand-sub{letter-spacing:.045em;font-size:8px;text-transform:uppercase}
.refresh-btn,.icon-btn{background:color-mix(in srgb,var(--surface) 90%,transparent);border-color:var(--line-strong);box-shadow:0 12px 30px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.05)}
.refresh-btn{min-width:78px}.refresh-btn:hover,.icon-btn:hover{border-color:rgba(88,221,255,.35)}
.hero{min-height:326px;padding:22px 21px 18px;border-radius:30px;background:linear-gradient(145deg,rgba(155,140,255,.20),rgba(88,221,255,.055) 46%,rgba(14,22,37,.82));box-shadow:0 26px 70px rgba(0,0,0,.29),inset 0 1px rgba(255,255,255,.08);isolation:isolate}
[data-theme="light"] .hero{background:linear-gradient(145deg,rgba(124,105,255,.13),rgba(35,170,220,.055) 46%,rgba(255,255,255,.84))}
.hero:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 28%,transparent 72%,rgba(88,221,255,.035))}.hero:after{width:230px;height:230px;right:-105px;top:-105px;background:radial-gradient(circle,rgba(155,140,255,.24),transparent 68%)}
.hero-copy{position:relative;z-index:2;width:min(68%,500px);padding-top:30px}.hero-kicker{display:block;color:#c9c0ff;font-size:8px;font-weight:900;letter-spacing:.18em;margin-bottom:9px}.hero h1{font-size:clamp(32px,9vw,48px);margin:0 0 10px;line-height:1.04}.hero p{font-size:11px;line-height:1.7;margin:0;max-width:34em}.hero-stats{margin-top:22px;max-width:470px}.hero-stats div{background:rgba(7,12,21,.24);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.085);padding:11px 10px}.hero-stats strong{font-size:20px}.hero-stats span{font-size:8px;letter-spacing:.025em}
.radar-visual{position:absolute;z-index:1;width:176px;height:176px;right:-19px;top:54px;border-radius:50%;border:1px solid rgba(88,221,255,.13);background:radial-gradient(circle,rgba(88,221,255,.09),rgba(8,13,23,.12) 55%,transparent 70%);opacity:.95}.radar-visual:before,.radar-visual:after{content:"";position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:rgba(88,221,255,.11)}.radar-visual:after{top:50%;left:8%;right:8%;width:auto;height:1px}.radar-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(88,221,255,.15);border-radius:50%;transform:translate(-50%,-50%)}.radar-ring.r1{width:54px;height:54px}.radar-ring.r2{width:104px;height:104px}.radar-ring.r3{width:154px;height:154px}.radar-sweep{position:absolute;inset:10px;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 74%,rgba(88,221,255,.21) 89%,rgba(88,221,255,.02) 100%);animation:radarSweep 6s linear infinite}.radar-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(100,235,166,.10),0 0 16px rgba(100,235,166,.8)}.radar-dot.d1{left:48px;top:50px}.radar-dot.d2{right:38px;top:92px;width:4px;height:4px}.radar-dot.d3{left:82px;bottom:28px;width:3px;height:3px}.radar-visual b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8px;letter-spacing:.16em;color:rgba(255,255,255,.55)}@keyframes radarSweep{to{transform:rotate(360deg)}}
.source-status{background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);border-color:var(--line-strong);padding:8px 11px;box-shadow:0 8px 20px rgba(0,0,0,.09)}
.section{margin-top:28px;scroll-margin-top:84px}.section-head{align-items:center;margin-bottom:12px}.section-head h2{font-size:21px;letter-spacing:-.035em}.section-kicker{font-size:8px;letter-spacing:.18em;margin-bottom:5px}.section-note{font-size:9px}.text-btn{border-radius:999px;padding:7px 9px}.text-btn:hover{background:var(--surface2);color:var(--text)}
.display-guide{margin:-1px 0 11px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.022);overflow:hidden}.display-guide summary{list-style:none;padding:9px 11px;color:var(--muted);font-size:9px;font-weight:800;cursor:pointer}.display-guide summary::-webkit-details-marker{display:none}.display-guide summary:after{content:"＋";float:right}.display-guide[open] summary:after{content:"−"}.display-guide .movement-legend{margin:0;padding:0 10px 8px}.display-guide .assessment-legend{margin:0;padding:0 11px 10px}
.filter-chips{gap:8px;margin-left:-2px;margin-right:-2px;padding:2px 2px 11px}.filter-chip{background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(12px);border-color:var(--line-strong);padding:8px 13px}.filter-chip.active{box-shadow:0 8px 22px rgba(102,87,223,.22),inset 0 1px rgba(255,255,255,.16)}
.trend-list{gap:12px}.trend-card{--card-accent:var(--purple);border-radius:23px;padding:16px 15px 15px;grid-template-columns:44px minmax(0,1fr) 58px;gap:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 7%,var(--surface)),var(--surface) 44%);border-color:color-mix(in srgb,var(--card-accent) 15%,var(--line));box-shadow:var(--card-shadow);overflow:hidden}.trend-card:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:5px;background:linear-gradient(var(--card-accent),transparent);opacity:.75}.trend-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-78px;top:-76px;background:var(--card-accent);filter:blur(1px);opacity:.045;pointer-events:none}.trend-card.featured{border-color:color-mix(in srgb,var(--card-accent) 25%,var(--line));box-shadow:0 20px 48px rgba(0,0,0,.24),0 0 0 1px color-mix(in srgb,var(--card-accent) 7%,transparent)}
.cat-card-news{--card-accent:#ff8f9d}.cat-card-politics{--card-accent:#a796ff}.cat-card-economy{--card-accent:#ffd36b}.cat-card-sports{--card-accent:#64e5a5}.cat-card-entertainment{--card-accent:#ff93d0}.cat-card-tech{--card-accent:#58ddff}.cat-card-weather{--card-accent:#86bfff}.cat-card-internet{--card-accent:#c0a8ff}.cat-card-other{--card-accent:#95a3b8}
.trend-card:hover,.trend-card:focus-visible{border-color:color-mix(in srgb,var(--card-accent) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--card-accent) 12%,transparent),0 22px 50px rgba(0,0,0,.25)}
.rank-badge{width:44px;height:48px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:15px;background:rgba(255,255,255,.035)}.rank-badge small{font-size:6px;letter-spacing:.1em;color:var(--muted)}.rank-badge.top{background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 24%,transparent),rgba(88,221,255,.08));color:var(--text)}
.trend-title{font-size:16px;letter-spacing:-.022em}.trend-title-row{gap:10px}.trend-reason{font-size:10px;line-height:1.55;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trend-facts{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;color:var(--muted);font-size:8px}.trend-facts>span:not(.category-badge):before{content:"·";margin-right:6px;color:var(--line-strong)}.assessment-line{margin-top:8px}.trend-card-lower{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:4px}.trend-card-lower .source-badges{justify-content:flex-end;margin-top:6px}.source-badge{background:rgba(255,255,255,.035);border-color:var(--line-strong)}.source-badge.more{color:var(--muted)}.trend-x-actions{align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.trend-x-actions button{background:rgba(255,255,255,.035);border-color:var(--line-strong);min-height:34px}.trend-x-actions button:first-child{box-shadow:inset 0 1px rgba(255,255,255,.10)}.detail-hint{margin-left:auto;color:var(--muted);font-size:8px;font-weight:800}.score-box{min-width:58px;margin-top:4px;padding-top:1px}.score-box strong{font-size:21px;letter-spacing:-.05em}.score-box small{font-size:7px;letter-spacing:.12em}.score-bar{height:4px;margin-top:8px}.score-bar i{background:linear-gradient(90deg,var(--card-accent),var(--cyan))}.hide-btn{top:8px;right:8px}.star-btn{bottom:11px;right:10px;background:rgba(255,255,255,.025);border:1px solid transparent}.star-btn.saved{background:rgba(255,211,107,.08);border-color:rgba(255,211,107,.14)}
.panel,.for-you-card,.attention-card,.channel-card{background:linear-gradient(145deg,rgba(255,255,255,.035),var(--surface));border-color:var(--line-strong);box-shadow:var(--card-shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.attention-card{border-color:rgba(255,211,107,.20)}.for-you-card{border-color:rgba(155,140,255,.18)}
.bottom-nav{width:min(calc(100% - 22px),500px);height:68px;border-radius:24px;background:rgba(11,17,28,.78);border-color:rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.47),inset 0 1px rgba(255,255,255,.06);padding:6px 7px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.80)}.nav-btn{position:relative;border-radius:18px;transition:background .18s,color .18s,transform .18s}.nav-btn span{font-size:19px}.nav-btn small{font-size:7px;letter-spacing:.08em}.nav-btn.active{background:linear-gradient(145deg,rgba(155,140,255,.19),rgba(88,221,255,.07));box-shadow:inset 0 1px rgba(255,255,255,.07)}.nav-btn.active:after{content:"";position:absolute;bottom:4px;width:17px;height:2px;border-radius:10px;background:linear-gradient(90deg,var(--purple),var(--cyan))}
.modal-backdrop{background:rgba(2,5,10,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding-left:9px;padding-right:9px}.modal{border-radius:29px 29px 24px 24px;background:color-mix(in srgb,var(--bg2) 94%,transparent);border-color:var(--line-strong);box-shadow:0 36px 110px rgba(0,0,0,.70),inset 0 1px rgba(255,255,255,.05)}.topic-modal{padding:9px 10px 12px;max-height:91vh;overflow:auto}.topic-modal .modal-handle{position:sticky;top:0;z-index:8;margin:1px auto 5px;background:rgba(255,255,255,.16)}.topic-detail-head{--card-accent:var(--purple);position:relative;overflow:hidden;border-radius:22px;padding:16px 15px 13px;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 15%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--card-accent) 20%,var(--line));box-shadow:var(--card-shadow)}.topic-detail-head:after{content:"";position:absolute;width:150px;height:150px;right:-85px;top:-95px;border-radius:50%;background:var(--card-accent);opacity:.07}.topic-detail-head h2{position:relative;font-size:23px;line-height:1.25;letter-spacing:-.035em;margin:3px 0 8px}.topic-detail-head .modal-topic-score{position:relative;margin:0 0 5px}.topic-detail-head .modal-topic-score span{max-width:75%;line-height:1.45}.topic-detail-head .modal-topic-score strong{display:flex;align-items:baseline;gap:4px;font-size:29px}.topic-detail-head .modal-topic-score strong small{font-size:7px;letter-spacing:.1em;color:var(--muted)}.topic-detail-head .topic-quick-links{position:relative;margin:12px 0 0}.topic-detail-head .topic-status-row{position:relative}.topic-tabs{position:sticky;top:5px;z-index:7;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0;padding:5px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--bg2) 88%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.topic-tabs button{border:0;border-radius:11px;background:transparent;color:var(--muted);min-height:38px;font-size:10px;font-weight:850;cursor:pointer}.topic-tabs button.active{color:var(--text);background:var(--surface2);box-shadow:inset 0 1px rgba(255,255,255,.06)}.topic-tab-panel{display:none;animation:tabIn .18s ease}.topic-tab-panel.active{display:block}@keyframes tabIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.topic-close{position:sticky;bottom:0;z-index:8;margin-top:9px;background:color-mix(in srgb,var(--bg2) 90%,var(--surface2));box-shadow:0 -10px 24px var(--bg2)}.detail-sources{margin:12px 1px}.topic-source-link{background:rgba(255,255,255,.028);border-color:var(--line-strong)}.topic-source-link:hover,.related-news-list a:hover,.origin-card>a:hover{border-color:rgba(88,221,255,.27)}
.search-input{background:rgba(255,255,255,.035);border-color:var(--line-strong)}.search-target{background:rgba(255,255,255,.035);border-color:var(--line-strong);transition:border-color .18s,transform .18s}.search-target:hover{border-color:rgba(88,221,255,.28)}.primary-btn{background:linear-gradient(145deg,#9484ff,#6759db);box-shadow:0 10px 26px rgba(103,89,219,.25),inset 0 1px rgba(255,255,255,.18)}.wide-btn,.secondary-btn{border-color:var(--line-strong)}
@media(min-width:620px){.hero{min-height:340px;padding:27px}.hero-copy{padding-top:34px}.radar-visual{width:220px;height:220px;right:7px;top:52px}.radar-ring.r1{width:66px;height:66px}.radar-ring.r2{width:130px;height:130px}.radar-ring.r3{width:194px;height:194px}.trend-card{min-height:0}.trend-list{grid-template-columns:1fr 1fr}.trend-card.featured:nth-child(1){grid-column:1/-1}.trend-card.featured:nth-child(1) .trend-reason{-webkit-line-clamp:1}.topic-modal{padding-left:14px;padding-right:14px}}
@media(max-width:480px){.hero{min-height:310px}.hero-copy{width:76%}.radar-visual{width:154px;height:154px;right:-37px;top:68px}.radar-ring.r1{width:48px;height:48px}.radar-ring.r2{width:92px;height:92px}.radar-ring.r3{width:136px;height:136px}.hero-stats{margin-top:21px}.trend-card{grid-template-columns:39px minmax(0,1fr) 49px;padding:14px 12px 13px;gap:10px}.rank-badge{width:39px;height:44px}.score-box{min-width:49px}.score-box strong{font-size:19px}.trend-title{font-size:15px}.trend-card-lower{display:block}.trend-card-lower .source-badges{justify-content:flex-start}.trend-momentum-line .sparkline{margin-left:auto}.detail-hint{display:none}.trend-x-actions button{padding-left:9px;padding-right:9px}.topic-detail-head .topic-quick-links{grid-template-columns:repeat(4,1fr)}}
@media(max-width:380px){.hero-copy{width:82%}.hero-kicker{font-size:7px}.hero h1{font-size:30px}.radar-visual{opacity:.72}.trend-facts span:nth-last-child(1){display:none}.trend-card{grid-template-columns:37px minmax(0,1fr) 45px;padding-left:11px;padding-right:10px}.rank-badge{width:37px}.score-box{min-width:45px}.trend-x-actions{gap:5px}.trend-x-actions button{padding:6px 7px}.source-badge{padding:4px 6px}.topic-detail-head{padding-left:13px;padding-right:13px}}
@media(prefers-reduced-motion:reduce){.radar-sweep,.topic-tab-panel{animation:none!important}}
.hero-copy{width:100%}.hero h1 .nowrap{white-space:nowrap}.hero-copy>p{max-width:72%}
@media(max-width:480px){.hero h1{font-size:34px;letter-spacing:-.06em}.hero-copy>p{max-width:74%}}
@media(max-width:380px){.hero h1{font-size:31px}.hero-copy>p{max-width:80%}}
.hero-copy>p{max-width:100%}.hero-copy>p br{display:block}
.hide-btn{top:auto;bottom:11px;right:47px;background:rgba(255,255,255,.025);border:1px solid transparent}.hide-btn:hover{border-color:rgba(255,113,128,.18)}

/* v1.0: Cosmic Earth Stable — release UI and live diagnostics */
:root{
  --bg:#02050b;--bg2:#061020;--surface:rgba(7,15,30,.72);--surface2:rgba(16,30,54,.76);--surface3:rgba(24,43,71,.78);
  --text:#f8fbff;--muted:#91a3bd;--line:rgba(151,199,255,.11);--line-strong:rgba(151,199,255,.19);
  --purple:#758bff;--cyan:#55dcff;--green:#68e8b0;--yellow:#ffd878;--red:#ff7f94;
  --glass-blur:27px;--card-shadow:0 22px 58px rgba(0,4,14,.34),inset 0 1px rgba(255,255,255,.035);
}
[data-theme="light"]{
  --bg:#dcecff;--bg2:#f2f8ff;--surface:rgba(249,252,255,.74);--surface2:rgba(230,241,253,.84);--surface3:rgba(218,234,250,.88);
  --text:#071426;--muted:#60758e;--line:rgba(19,75,130,.10);--line-strong:rgba(19,75,130,.17);
  --purple:#536fff;--cyan:#148fca;--green:#1c9d75;--card-shadow:0 20px 52px rgba(45,91,138,.15),inset 0 1px rgba(255,255,255,.68);
}
body{background:var(--bg);letter-spacing:-.004em}
body:before{background:
  radial-gradient(circle at 88% 2%,rgba(42,97,220,.20),transparent 31%),
  radial-gradient(circle at 10% 36%,rgba(24,99,197,.11),transparent 28%),
  linear-gradient(180deg,rgba(0,4,12,.12),rgba(0,3,10,.56));background-size:auto}
[data-theme="light"] body:before{background:
  radial-gradient(circle at 80% -8%,rgba(78,126,255,.16),transparent 34%),
  radial-gradient(circle at 2% 45%,rgba(59,184,235,.12),transparent 31%),
  linear-gradient(180deg,rgba(240,248,255,.04),rgba(202,228,252,.38));background-size:auto}
.cosmic-backdrop{position:fixed;inset:0;z-index:-4;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#01040a 0%,#030816 43%,#061225 100%)}
[data-theme="light"] .cosmic-backdrop{background:linear-gradient(180deg,#dcecff 0%,#edf6ff 49%,#c8e3fb 100%)}
.star-field{position:absolute;inset:-12%;background-repeat:repeat;transform:translateZ(0)}
.stars-near{opacity:.78;background-image:
  radial-gradient(circle,#d9efff 0 1px,transparent 1.5px),
  radial-gradient(circle,#67cfff 0 1.2px,transparent 1.8px),
  radial-gradient(circle,#ffffff 0 .7px,transparent 1.2px);
  background-size:97px 109px,173px 181px,59px 67px;background-position:13px 9px,41px 77px,3px 25px;animation:starsDrift 110s linear infinite}
.stars-far{opacity:.32;background-image:
  radial-gradient(circle,#d5e9ff 0 .65px,transparent 1.1px),
  radial-gradient(circle,#8bb8ff 0 .6px,transparent 1px);
  background-size:43px 47px,71px 83px;background-position:5px 8px,22px 35px;animation:starsDrift 180s linear infinite reverse}
[data-theme="light"] .star-field{opacity:.12;filter:saturate(.5)}
.cosmic-nebula{position:absolute;width:88vw;height:72vh;right:-36vw;top:-23vh;border-radius:50%;background:
  radial-gradient(ellipse at center,rgba(37,103,245,.30),rgba(31,65,151,.10) 37%,transparent 69%);filter:blur(24px);opacity:.75}
.cosmic-nebula:after{content:"";position:absolute;width:58vw;height:50vh;left:-42vw;top:54vh;border-radius:50%;background:radial-gradient(ellipse,rgba(47,184,255,.13),transparent 68%);filter:blur(18px)}
.earth-horizon{position:absolute;left:50%;bottom:-64vw;width:142vw;height:103vw;transform:translateX(-50%);border-radius:50%;background:
  radial-gradient(circle at 50% 2%,rgba(83,214,255,.46),transparent 16%),
  radial-gradient(circle at 38% 17%,rgba(24,104,194,.54),transparent 31%),
  radial-gradient(circle at 68% 27%,rgba(10,42,100,.86),transparent 40%),
  radial-gradient(circle at 50% 31%,#082559 0%,#04142d 54%,#01050c 77%);
  box-shadow:0 -3px 3px rgba(184,242,255,.68),0 -10px 28px rgba(63,203,255,.42),0 -30px 110px rgba(31,109,229,.22);opacity:.88}
.earth-horizon:before{content:"";position:absolute;inset:5% 5% auto;height:27%;border-radius:50%;background:
  radial-gradient(ellipse at 30% 45%,rgba(48,140,118,.20),transparent 27%),
  radial-gradient(ellipse at 64% 18%,rgba(53,130,118,.15),transparent 25%),
  radial-gradient(ellipse at 79% 64%,rgba(73,142,122,.12),transparent 20%);filter:blur(2px)}
.earth-horizon i{position:absolute;left:12%;right:12%;top:-1px;height:8px;border-radius:50%;background:linear-gradient(90deg,transparent,#68e5ff 34%,#b8f6ff 51%,#638dff 68%,transparent);filter:blur(2px);opacity:.86}
[data-theme="light"] .earth-horizon{opacity:.27;bottom:-72vw;box-shadow:0 -3px 5px rgba(255,255,255,.8),0 -16px 48px rgba(43,157,213,.26),0 -45px 140px rgba(66,133,210,.12)}
.orbital-trace{position:absolute;border:1px solid rgba(102,174,255,.10);border-radius:50%;transform:rotate(-17deg)}
.trace-a{width:115vw;height:38vw;left:-20vw;top:25vh}.trace-b{width:78vw;height:28vw;right:-21vw;top:54vh;transform:rotate(23deg)}
[data-theme="light"] .orbital-trace{border-color:rgba(22,101,174,.08)}
@keyframes starsDrift{to{transform:translate3d(-80px,54px,0)}}
.app-shell{width:min(100%,840px);position:relative}
.topbar{background:linear-gradient(180deg,rgba(2,5,11,.94) 60%,rgba(2,5,11,0));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
[data-theme="light"] .topbar{background:linear-gradient(180deg,rgba(232,244,255,.92) 60%,rgba(232,244,255,0))}
.logo{width:47px;height:47px;padding:0;background:#030914;border-radius:16px;overflow:hidden;border:1px solid rgba(126,196,255,.18);box-shadow:0 13px 38px rgba(26,108,223,.20),0 0 28px rgba(76,215,255,.08)}
.logo:after{inset:0;border-radius:16px;border-color:rgba(205,236,255,.12)}.logo img{position:relative;display:block;width:100%;height:100%;object-fit:cover}.logo span,.logo b{display:none}
.brand-title{font-size:19px;font-weight:850;letter-spacing:-.045em}.brand-sub{font-size:7px;color:#7891ae;letter-spacing:.12em}
.refresh-btn,.icon-btn{background:linear-gradient(145deg,rgba(14,27,49,.80),rgba(4,10,21,.74));border-color:rgba(144,201,255,.18);box-shadow:0 12px 34px rgba(0,4,14,.24),inset 0 1px rgba(255,255,255,.055);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
[data-theme="light"] .refresh-btn,[data-theme="light"] .icon-btn{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(223,238,252,.75))}
.refresh-btn:hover,.icon-btn:hover{border-color:rgba(86,220,255,.48);box-shadow:0 0 0 3px rgba(86,220,255,.07),0 12px 34px rgba(0,4,14,.24)}
.icon-btn svg,.refresh-icon svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.refresh-icon{display:grid;place-items:center}.refresh-btn.loading .refresh-icon{animation:spin .9s linear infinite}
.hero{min-height:340px;padding:22px 21px 19px;border-color:rgba(112,183,255,.22);background:
  linear-gradient(145deg,rgba(21,48,91,.78),rgba(6,16,34,.72) 51%,rgba(3,9,20,.84)),
  radial-gradient(circle at 90% 8%,rgba(70,115,255,.26),transparent 38%);
  box-shadow:0 30px 86px rgba(0,3,11,.48),inset 0 1px rgba(255,255,255,.075),0 0 0 1px rgba(57,133,245,.035);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.hero:before{background:
  linear-gradient(128deg,rgba(223,244,255,.10),transparent 22%,transparent 72%,rgba(74,213,255,.05)),
  radial-gradient(circle at 76% 27%,rgba(70,154,255,.11),transparent 33%)}
.hero:after{width:310px;height:310px;right:-150px;top:-170px;background:radial-gradient(circle,rgba(49,111,255,.24),rgba(16,48,120,.07) 42%,transparent 70%)}
[data-theme="light"] .hero{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(225,240,254,.72) 54%,rgba(205,228,249,.78));border-color:rgba(39,119,188,.18)}
.hero-kicker{color:#9bdfff;text-shadow:0 0 18px rgba(85,220,255,.24)}.hero h1{font-weight:850;text-wrap:balance;text-shadow:0 6px 25px rgba(0,0,0,.25)}.hero p{color:#a1b1c7}
[data-theme="light"] .hero p{color:#566d87}
.hero-stats{max-width:500px}.hero-stats div{background:linear-gradient(145deg,rgba(16,34,62,.63),rgba(5,13,28,.46));border-color:rgba(131,193,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.04)}
[data-theme="light"] .hero-stats div{background:rgba(255,255,255,.48)}
.radar-visual{border-color:rgba(87,210,255,.22);background:radial-gradient(circle,rgba(57,162,255,.13),rgba(6,17,37,.18) 56%,transparent 71%);box-shadow:inset 0 0 40px rgba(47,126,233,.07),0 0 40px rgba(31,115,230,.06)}
.radar-visual:before,.radar-visual:after{background:rgba(96,199,255,.14)}.radar-ring{border-color:rgba(88,196,255,.22)}.radar-sweep{background:conic-gradient(from 20deg,transparent 0 73%,rgba(77,213,255,.31) 89%,rgba(83,139,255,.03) 100%)}
.radar-dot{background:#77f4c0;box-shadow:0 0 0 4px rgba(104,232,176,.10),0 0 18px rgba(104,232,176,.95)}.radar-visual b{color:rgba(224,246,255,.68);text-shadow:0 0 12px #4cdcff}
.live-badge{color:#6fe4ff}.live-badge i{background:#6fe5ff;box-shadow:0 0 0 4px rgba(85,220,255,.10),0 0 14px rgba(85,220,255,.75)}.live-badge.demo i{background:var(--yellow);box-shadow:0 0 0 4px rgba(255,216,120,.10),0 0 14px rgba(255,216,120,.55)}
.section-kicker{color:#7bdfff}.section-head h2{font-weight:850}.section-note{color:#8498b1}
.source-status,.panel,.trend-card,.for-you-card,.attention-card,.channel-card,.about-card{background:linear-gradient(145deg,rgba(17,34,61,.69),rgba(4,12,26,.70));border-color:rgba(127,188,255,.14);box-shadow:var(--card-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(125%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%)}
[data-theme="light"] .source-status,[data-theme="light"] .panel,[data-theme="light"] .trend-card,[data-theme="light"] .for-you-card,[data-theme="light"] .attention-card,[data-theme="light"] .channel-card,[data-theme="light"] .about-card{background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(226,240,253,.72));border-color:rgba(34,108,171,.12)}
.trend-card{box-shadow:0 22px 56px rgba(0,5,18,.31),inset 0 1px rgba(255,255,255,.035)}.trend-card:before{width:2px;background:linear-gradient(var(--card-accent),rgba(85,220,255,.15),transparent);box-shadow:0 0 12px color-mix(in srgb,var(--card-accent) 45%,transparent)}.trend-card:after{opacity:.07;filter:blur(8px)}.trend-card.featured{box-shadow:0 26px 70px rgba(0,4,16,.38),0 0 0 1px color-mix(in srgb,var(--card-accent) 10%,transparent),inset 0 1px rgba(255,255,255,.045)}
.rank-badge{background:linear-gradient(145deg,rgba(32,57,93,.64),rgba(7,18,38,.62));border-color:rgba(137,197,255,.13);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.rank-badge.top{background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 30%,rgba(17,39,73,.66)),rgba(12,31,61,.62));box-shadow:0 0 24px color-mix(in srgb,var(--card-accent) 10%,transparent),inset 0 1px rgba(255,255,255,.06)}
.source-badge,.trend-x-actions button,.filter-chip,.watch-chip,.hidden-topic-chip{background:rgba(18,36,64,.58);border-color:rgba(131,193,255,.13)}
[data-theme="light"] .source-badge,[data-theme="light"] .trend-x-actions button,[data-theme="light"] .filter-chip,[data-theme="light"] .watch-chip,[data-theme="light"] .hidden-topic-chip{background:rgba(231,242,253,.78)}
.filter-chip.active{background:linear-gradient(145deg,#546fff,#278bc6);box-shadow:0 8px 24px rgba(55,112,223,.25),inset 0 1px rgba(255,255,255,.20)}
.trend-x-actions button:first-child{background:linear-gradient(145deg,#0b1423,#020408);border-color:rgba(206,232,255,.18)}
.score-bar{background:rgba(100,150,210,.12)}.score-bar i{background:linear-gradient(90deg,var(--card-accent),#55dcff,#92f3ff);box-shadow:0 0 10px color-mix(in srgb,var(--card-accent) 35%,transparent)}
.text-btn{color:#91b8d7}.panel-actions a,.search-target,.topic-quick-links a,.verification-links a{background:linear-gradient(145deg,rgba(20,41,72,.62),rgba(7,17,34,.64));border-color:rgba(129,193,255,.14)}
[data-theme="light"] .panel-actions a,[data-theme="light"] .search-target,[data-theme="light"] .topic-quick-links a,[data-theme="light"] .verification-links a{background:rgba(236,246,255,.78)}
.primary-btn{background:linear-gradient(145deg,#5876ff,#266fbd);box-shadow:0 12px 30px rgba(36,99,190,.28),inset 0 1px rgba(255,255,255,.20)}
.bottom-nav{background:linear-gradient(145deg,rgba(12,25,47,.84),rgba(2,8,17,.84));border-color:rgba(133,195,255,.18);box-shadow:0 24px 76px rgba(0,3,12,.58),inset 0 1px rgba(255,255,255,.055);backdrop-filter:blur(34px) saturate(130%);-webkit-backdrop-filter:blur(34px) saturate(130%)}
[data-theme="light"] .bottom-nav{background:rgba(244,250,255,.84)}
.nav-btn span{display:grid;place-items:center;width:24px;height:24px}.nav-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.nav-btn:first-child svg path{fill:currentColor;stroke:none}.nav-btn .x-glyph{font-size:19px;font-weight:700}.nav-btn.active{background:linear-gradient(145deg,rgba(77,122,255,.24),rgba(47,193,236,.08));box-shadow:inset 0 1px rgba(255,255,255,.075),0 0 24px rgba(47,129,236,.06)}.nav-btn.active:after{background:linear-gradient(90deg,#718cff,#58e5ff);box-shadow:0 0 10px rgba(88,229,255,.45)}
.modal-backdrop{background:rgba(0,4,12,.78)}.modal{background:linear-gradient(155deg,rgba(13,28,51,.96),rgba(3,9,19,.97));border-color:rgba(134,195,255,.18);box-shadow:0 38px 120px rgba(0,2,9,.78),inset 0 1px rgba(255,255,255,.045)}
[data-theme="light"] .modal{background:linear-gradient(155deg,rgba(250,253,255,.97),rgba(226,241,253,.97))}
.topic-detail-head{background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 17%,rgba(18,38,68,.88)),rgba(4,13,29,.89));border-color:color-mix(in srgb,var(--card-accent) 27%,rgba(130,193,255,.16));box-shadow:0 24px 58px rgba(0,4,16,.36),inset 0 1px rgba(255,255,255,.045)}
[data-theme="light"] .topic-detail-head{background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 11%,rgba(255,255,255,.9)),rgba(224,240,253,.9))}
.topic-tabs{background:rgba(5,14,30,.86);border-color:rgba(133,195,255,.14)}[data-theme="light"] .topic-tabs{background:rgba(240,248,255,.88)}.topic-tabs button.active{background:linear-gradient(145deg,rgba(42,75,124,.70),rgba(15,34,62,.72));box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 22px rgba(0,5,18,.16)}[data-theme="light"] .topic-tabs button.active{background:rgba(216,234,250,.88)}
.search-input,select{background:rgba(11,27,50,.70);border-color:rgba(131,193,255,.15)}[data-theme="light"] .search-input,[data-theme="light"] select{background:rgba(244,250,255,.84)}
.banner{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
@media(max-width:480px){
  .earth-horizon{width:185vw;height:133vw;bottom:-90vw}.trace-a{width:150vw;height:54vw;left:-39vw}.trace-b{width:120vw;height:44vw;right:-45vw}
  .hero{min-height:326px}.logo{width:44px;height:44px}.brand-title{font-size:18px}.brand-sub{font-size:6.8px}.hero-stats{margin-top:24px}
}
@media(max-width:380px){.brand-sub{letter-spacing:.07em}.refresh-btn{min-width:70px;padding-left:9px;padding-right:9px}.hero{min-height:318px}}
@media(prefers-reduced-motion:reduce){.stars-near,.stars-far{animation:none!important}.cosmic-nebula{filter:blur(32px)}}


/* v1.0 live diagnostics and recovery */
.source-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px;padding:0 2px}.source-summary-actions{display:flex;align-items:center;gap:4px}.source-status{appearance:none;color:inherit;font:inherit;cursor:pointer}.source-status:hover,.source-status:focus-visible{border-color:rgba(86,220,255,.42);outline:none;box-shadow:0 0 0 3px rgba(86,220,255,.06),0 8px 20px rgba(0,0,0,.12)}.source-status.stale i{background:var(--yellow);box-shadow:0 0 0 3px rgba(255,211,107,.10)}.source-status.failed i,.source-status.fail i{background:var(--red)}.source-status.unavailable i{background:#718096}.source-status.empty i{background:var(--yellow)}
.diagnostics-entry{margin:12px 0 10px}.diagnostics-modal{max-height:min(92vh,900px)}.diagnostics-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.diagnostics-title-row h2{margin:.15rem 0 0}.version-chip{flex:0 0 auto;border:1px solid rgba(111,228,255,.22);background:rgba(37,98,154,.18);color:#8de9ff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.08em}
.diagnostic-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}.diagnostic-summary-card{min-width:0;border:1px solid rgba(130,193,255,.14);background:linear-gradient(145deg,rgba(18,38,68,.68),rgba(5,14,30,.72));border-radius:16px;padding:11px;box-shadow:inset 0 1px rgba(255,255,255,.04)}.diagnostic-summary-card span,.diagnostic-summary-card small{display:block;color:var(--muted);font-size:8px}.diagnostic-summary-card strong{display:block;font-size:15px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diagnostic-summary-card.ok strong{color:var(--green)}.diagnostic-summary-card.degraded strong,.diagnostic-summary-card.stale strong{color:var(--yellow)}.diagnostic-summary-card.failed strong{color:var(--red)}
.diagnostic-section{margin-top:18px}.diagnostic-section h3{font-size:13px;margin:0 0 9px}.diagnostic-runtime{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.diagnostic-runtime div{min-width:0;border:1px solid var(--line);background:rgba(10,25,47,.52);border-radius:12px;padding:9px}.diagnostic-runtime span{display:block;color:var(--muted);font-size:8px;margin-bottom:3px}.diagnostic-runtime b{display:block;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.diagnostic-sources{display:grid;gap:8px}.diagnostic-source{border:1px solid rgba(130,193,255,.13);background:linear-gradient(145deg,rgba(16,34,61,.64),rgba(4,12,26,.68));border-radius:15px;padding:11px}.diagnostic-source-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center}.diagnostic-source-head .health-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(92,231,160,.08)}.diagnostic-source.stale .health-dot,.diagnostic-source.empty .health-dot{background:var(--yellow);box-shadow:0 0 0 4px rgba(255,211,107,.08)}.diagnostic-source.failed .health-dot{background:var(--red);box-shadow:0 0 0 4px rgba(255,113,128,.08)}.diagnostic-source.unavailable .health-dot{background:#718096;box-shadow:none}.diagnostic-source-head b{display:block;font-size:11px}.diagnostic-source-head small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.diagnostic-source-head button{border:1px solid rgba(130,193,255,.15);background:rgba(18,36,64,.65);border-radius:10px;padding:7px 9px;font-size:9px;font-weight:850;cursor:pointer}.diagnostic-source-head button:disabled{opacity:.42;cursor:not-allowed}.diagnostic-source-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.diagnostic-source-facts span{border:1px solid var(--line);border-radius:999px;padding:4px 7px;color:var(--muted);font-size:8px}.diagnostic-source p{margin:8px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.diagnostic-warnings{margin:0;padding-left:18px;color:var(--muted);font-size:9px;line-height:1.6}.diagnostic-warning-section{border-top:1px solid var(--line);padding-top:14px}
[data-theme="light"] .diagnostic-summary-card,[data-theme="light"] .diagnostic-source,[data-theme="light"] .diagnostic-runtime div{background:rgba(238,248,255,.8);border-color:rgba(34,108,171,.12)}
@media(max-width:420px){.diagnostic-summary{grid-template-columns:1fr}.diagnostic-summary-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center}.diagnostic-summary-card span{grid-column:1}.diagnostic-summary-card strong{grid-column:1}.diagnostic-summary-card small{grid-column:2;grid-row:1/3;text-align:right}.diagnostic-runtime{grid-template-columns:1fr 1fr}.source-summary{align-items:flex-start}.source-summary-actions{flex-wrap:wrap;justify-content:flex-end}}