:root{color-scheme:dark;font-family:Segoe UI,Hiragino Sans,sans-serif;line-height:1.6;background:linear-gradient(160deg,#07111f,#0c1729 55%,#132036);color:#edf2ff;--gold: #ffd17f;--mint: #88f2d2;--surface: rgba(8, 16, 30, .74);--border: rgba(255, 255, 255, .08);--text1: #edf2ff;--text2: rgba(237, 242, 255, .55);--text3: rgba(237, 242, 255, .78);--r: 14px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:transparent}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--mint)}:focus-visible{outline:2px solid rgba(136,242,210,.4);outline-offset:2px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.landing-shell{min-height:100vh;display:flex;flex-direction:column}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);background:#07111fe6;position:sticky;top:0;z-index:10}.landing-brand{display:flex;align-items:center;gap:8px;font-family:Georgia,serif;font-size:1.1rem;font-weight:700}.landing-brand-logo{width:28px;height:28px;border-radius:7px;filter:invert(1)}.landing-nav-right{display:flex;align-items:center;gap:8px}.landing-nav-right select{width:auto;padding:4px 8px;font-size:.82rem}.landing-hero-logo{width:72px;height:72px;margin:0 auto 14px;border-radius:16px;filter:invert(1)}.landing-hero{max-width:580px;margin:0 auto;padding:56px 20px 36px;text-align:center;animation:rise .4s ease both}.landing-hero h1{margin:0 0 12px;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.25}.landing-tagline{margin:0 0 8px;font-size:1.05rem;font-weight:600;color:var(--gold)}.landing-hero .lead{margin:0 auto;max-width:48ch;font-size:.92rem;color:var(--text3)}.landing-section{max-width:700px;margin:0 auto;padding:28px 20px}.landing-section-title{margin:0 0 16px;font-family:Georgia,serif;font-size:1.25rem;text-align:center}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.landing-feature-card{padding:16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border)}.landing-feature-icon{display:block;font-size:1.4rem;margin-bottom:8px}.landing-feature-card h3{margin:0 0 4px;font-size:.92rem}.landing-feature-card p{margin:0;font-size:.82rem;color:var(--text3)}.login-panel{width:min(420px,100%);padding:28px;margin:0 auto;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.login-panel h2{margin:0 0 14px;font-size:1.1rem}.login-form{display:grid;gap:12px}.login-form label span{display:block;margin-bottom:3px;color:var(--text2);font-size:.82rem}.demo-hint{margin:12px 0 0;padding:8px 12px;border-radius:8px;background:#88f2d20f;border:1px solid rgba(136,242,210,.12);color:var(--mint);font-size:.8rem;text-align:center}.landing-footer{padding:16px 20px;margin-top:auto;border-top:1px solid var(--border);font-size:.78rem;color:var(--text2)}.lead{margin:0;color:var(--text3)}input,select{width:100%;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#03081280;color:var(--text1)}input:focus,select:focus{border-color:#88f2d266;outline:none}.primary-button{padding:11px 16px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--mint));color:#0c1524;font-weight:700;transition:transform .1s ease}.primary-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ghost-button{padding:6px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:var(--text1);font-size:.82rem;text-decoration:none;transition:background .12s ease}.ghost-button:hover{background:#ffffff14}.error-banner{padding:10px 14px;border-radius:10px;background:#ff747414;color:#fbb;font-size:.84rem}.feed-shell{min-height:100vh;display:flex;flex-direction:column}.feed-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid var(--border);background:#07111fe6;position:sticky;top:0;z-index:10}.feed-header-left{display:flex;align-items:center;gap:10px}.feed-logo{width:28px;height:28px;border-radius:7px;filter:invert(1)}.feed-title{margin:0;font-family:Georgia,serif;font-size:1rem}.feed-subtitle{margin:0;font-size:.76rem;color:var(--text2)}.feed-header-right{display:flex;align-items:center;gap:8px}.feed-header-right select{width:auto;padding:4px 8px;font-size:.82rem}.live-badge{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:var(--mint)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);animation:pulse 2s infinite}.feed-main{flex:1;display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1.3fr)}.feed-list{overflow-y:auto;max-height:calc(100vh - 52px);padding:8px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--border)}.feed-empty{padding:40px 16px;text-align:center;color:var(--text2);font-size:.88rem}.feed-card{padding:12px 14px;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:background .12s ease}.feed-card:hover{background:#ffffff0a}.feed-card.is-active{background:#ffbd5914;border-color:#ffffff0f}.feed-card-title{margin:0 0 3px;font-size:.88rem;font-weight:600;line-height:1.4}.feed-card-summary{margin:0;font-size:.78rem;color:var(--text3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-card-time{font-size:.7rem;color:var(--text2)}.feed-detail{overflow-y:auto;max-height:calc(100vh - 52px);padding:20px}.detail-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text2);font-size:.88rem}.detail-card{display:grid;gap:12px}.detail-title{margin:0;font-family:Georgia,serif;font-size:1.15rem;line-height:1.4}.detail-summary{margin:0;font-size:.9rem;color:var(--text3);line-height:1.7}.detail-time{font-size:.76rem;color:var(--text2)}.detail-loading{padding:12px;color:var(--text2);font-size:.84rem}.detail-section{padding:14px;border-radius:12px;background:#ffffff06;border:1px solid var(--border);display:grid;gap:6px}.detail-section h4{margin:0;font-size:.78rem;color:var(--mint);text-transform:uppercase;letter-spacing:.06em}.detail-section p{margin:0;font-size:.86rem;color:var(--text3);line-height:1.6}.detail-link{font-size:.82rem}.detail-digest-item{padding:8px;border-radius:8px;background:#ffffff05}.detail-digest-item strong{font-size:.84rem}.detail-digest-item p{margin:3px 0 0;font-size:.78rem;color:var(--text2)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 700px){.feed-main{grid-template-columns:1fr}.feed-list{max-height:50vh;border-right:none;border-bottom:1px solid var(--border)}.feed-detail{max-height:none}.landing-hero{padding:36px 16px 24px}.landing-features{grid-template-columns:1fr}.login-panel{padding:20px}}