:root{--rail: #1E4FB8;--rail-active: rgba(255, 255, 255, .16);--panel-border: #E7E9EE;--bg: #FFFFFF;--content-bg: #FFFFFF;--card-border: #E7E9EE;--text: #17202B;--text-2: #5B6675;--text-3: #8B96A5;--accent: #2563EB;--accent-soft: #EDF3FE;--danger: #DC2626;--radius: 10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14.5px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font:inherit}img{display:block}.app-shell{display:flex;height:100vh;overflow:hidden}.rail{width:92px;flex-shrink:0;background:var(--rail);color:#fff;display:flex;flex-direction:column;align-items:center;padding:14px 0 16px;gap:4px}.rail-logo{margin-bottom:14px}.rail-logo img{width:36px;height:36px;border-radius:10px}.rail-item{width:68px;padding:9px 0 7px;display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:10px;color:#ffffffd9;font-size:11.5px;font-weight:500;position:relative}.rail-item:hover{background:#ffffff17}.rail-item.active{background:var(--rail-active);color:#fff}.rail-badge{position:absolute;top:2px;right:8px;background:#fff;color:var(--rail);font-size:10px;font-weight:700;border-radius:999px;padding:1px 6px}.rail-spacer{flex:1}.rail-avatar{width:40px;height:40px;border-radius:50%;background:#ffffff38;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-top:6px}.panel{width:300px;flex-shrink:0;border-right:1px solid var(--panel-border);display:flex;flex-direction:column;background:var(--bg)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.panel-head h2{font-size:17px;font-weight:700}.panel-body{overflow-y:auto;flex:1;padding-bottom:20px}.prow{display:flex;align-items:center;gap:10px;padding:9px 18px;font-weight:500;font-size:14px;cursor:pointer;width:100%;text-align:left}.prow:hover{background:#f4f6f9}.prow.active{background:var(--accent-soft);color:var(--accent)}.prow .count{margin-left:auto;color:var(--text-3);font-size:11.5px;font-weight:500;font-variant-numeric:tabular-nums;min-width:34px;text-align:right;flex-shrink:0}.prow.active .count{color:var(--accent)}.prow img.fav{width:18px;height:18px;border-radius:4px}.prow.nested{padding-left:44px}.prow .chev{color:var(--text-3)}.content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--content-bg)}.topbar{display:flex;align-items:center;gap:14px;padding:12px 24px;border-bottom:1px solid var(--panel-border);flex-wrap:wrap}.topbar h1{font-size:19px;font-weight:800;margin-right:4px}.tb-btn{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;font-weight:600;font-size:13.5px;color:var(--text-2);border:1px solid var(--panel-border);background:#fff}.tb-btn:hover{background:#f4f6f9}.seg{display:flex;background:#f1f3f7;border-radius:8px;padding:3px}.seg button{padding:6px 13px;border-radius:6px;font-weight:600;font-size:13px;color:var(--text-2)}.seg button.on{background:#fff;color:var(--text);box-shadow:0 1px 3px #0000001a}.tb-search{display:flex;align-items:center;gap:8px;background:#f1f3f7;border-radius:8px;padding:8px 12px;min-width:220px;flex:1;max-width:360px;color:var(--text-3)}.tb-search input{border:none;outline:none;background:none;flex:1;color:var(--text)}.scroll-area{flex:1;overflow-y:auto;padding:22px 24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.card{border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .12s ease;cursor:pointer}.card:hover{box-shadow:0 6px 20px #17202b14}.card.read{opacity:.55}.card-img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#f1f3f7}.card-body{padding:14px 16px 10px;flex:1}.card-title{font-size:15.5px;font-weight:700;line-height:1.35}.card-feed{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:12.5px;color:var(--text-2);font-weight:500}.card-feed img{width:16px;height:16px;border-radius:4px}.card-foot{display:flex;align-items:center;padding:8px 16px 12px;color:var(--text-3);font-size:12.5px}.card-actions{margin-left:auto;display:flex;gap:4px}.icon-btn{padding:6px;border-radius:7px;color:var(--text-3);display:flex;align-items:center}.icon-btn:hover{background:#f1f3f7;color:var(--text)}.icon-btn.on{color:var(--accent)}.article-wrap{max-width:760px;margin:0 auto;padding:34px 24px 80px}.article-wrap h1{font-size:30px;font-weight:800;line-height:1.2;margin-bottom:14px}.article-meta{display:flex;align-items:center;gap:10px;color:var(--text-2);font-size:13.5px;margin-bottom:22px;flex-wrap:wrap}.article-meta img{width:18px;height:18px;border-radius:4px}.article-hero{width:100%;border-radius:12px;margin-bottom:22px}.article-summary{background:var(--accent-soft);border-radius:12px;padding:16px 18px;font-size:15px;line-height:1.6;margin-bottom:26px}.article-summary b{color:var(--accent);display:block;margin-bottom:6px;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}.article-content{font-size:16.5px;line-height:1.75;color:#232c38}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:14px 0}.article-content p{margin:0 0 16px}.article-content h2,.article-content h3{margin:26px 0 10px}.article-content a{color:var(--accent);text-decoration:underline}.article-bar{display:flex;gap:8px;align-items:center;padding:10px 0 22px;margin-bottom:4px}.collections{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:18px}.collection-card{border-radius:12px;aspect-ratio:8/5;display:flex;align-items:flex-end;padding:16px;color:#fff;font-weight:700;font-size:17px;cursor:pointer;position:relative;overflow:hidden}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 6px}.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--panel-border);font-weight:600;font-size:13px;color:var(--text-2);background:#fff}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.feed-result{display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid var(--panel-border)}.feed-result img{width:34px;height:34px;border-radius:8px;background:#f1f3f7}.feed-result .fr-name{font-weight:700}.feed-result .fr-sub{color:var(--text-3);font-size:12.5px;margin-top:1px}.follow-btn{margin-left:auto;background:var(--accent);color:#fff;padding:8px 18px;border-radius:8px;font-weight:600;font-size:13.5px}.follow-btn.following{background:#edf0f4;color:var(--text-2)}.big-search{display:flex;align-items:center;gap:10px;border:1.5px solid var(--accent);border-radius:12px;padding:14px 18px;max-width:760px;color:var(--text-3)}.big-search input{flex:1;border:none;outline:none;font-size:16px;color:var(--text)}.settings-wrap{max-width:640px;padding:30px 24px}.settings-wrap h1{font-size:22px;font-weight:800;margin-bottom:22px}.field{margin-bottom:16px}.field label{display:block;font-weight:600;font-size:13.5px;margin-bottom:6px}.field input{width:100%;padding:11px 13px;border:1px solid var(--panel-border);border-radius:9px;outline-color:var(--accent)}.primary-btn{background:var(--accent);color:#fff;padding:11px 20px;border-radius:9px;font-weight:600}.primary-btn:disabled{opacity:.5;cursor:default}.danger-btn{color:var(--danger);font-weight:600;padding:10px 0}.settings-section{border-top:1px solid var(--panel-border);margin-top:26px;padding-top:22px}.settings-section h2{font-size:16px;font-weight:700;margin-bottom:14px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f7fa}.auth-card{background:#fff;border:1px solid var(--panel-border);border-radius:16px;padding:36px;width:400px;max-width:calc(100vw - 32px)}.auth-card .brand{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:20px;font-weight:800}.auth-card .brand img{width:34px;height:34px;border-radius:9px}.auth-card .brand span{color:var(--accent)}.auth-card h1{font-size:21px;margin-bottom:18px}.auth-error{color:var(--danger);font-size:13.5px;margin-bottom:12px}.auth-switch{margin-top:16px;font-size:13.5px;color:var(--text-2)}.auth-switch button{color:var(--accent);font-weight:600}.empty{color:var(--text-3);text-align:center;padding:60px 0;font-size:15px}.spinner{text-align:center;padding:40px;color:var(--text-3)}@media(max-width:900px){.panel{display:none}.rail{width:68px}.rail-item{width:56px;font-size:10px}}.list-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-bottom:1px solid var(--panel-border);font-size:14px}.list-row:hover{background:#f4f6f9}.list-row.read{opacity:.55}.list-row .fav{width:18px;height:18px;border-radius:4px}.list-row .lr-title{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row .lr-feed{color:var(--text-3);font-size:12.5px;flex-shrink:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row .lr-time{color:var(--text-3);font-size:12.5px;width:40px;text-align:right;flex-shrink:0}:root[data-theme=dark]{--rail: #16233B;--panel-border: #24303F;--bg: #0F1620;--content-bg: #0F1620;--card-border: #24303F;--text: #E6EAF0;--text-2: #9AA7B5;--text-3: #6D7A89;--accent: #5B9BFF;--accent-soft: #17263D}:root[data-theme=dark] .card,:root[data-theme=dark] .tb-btn{background:#151f2c}:root[data-theme=dark] .prow:hover,:root[data-theme=dark] .list-row:hover,:root[data-theme=dark] .icon-btn:hover{background:#1a2635}:root[data-theme=dark] .seg,:root[data-theme=dark] .tb-search{background:#1a2635}:root[data-theme=dark] .seg button.on{background:#24344a;color:var(--text)}:root[data-theme=dark] .auth-page{background:#0b111a}:root[data-theme=dark] .auth-card,:root[data-theme=dark] .chip{background:#151f2c}:root[data-theme=dark] .field input,:root[data-theme=dark] input,:root[data-theme=dark] select{background:#1a2635;color:var(--text);border-color:var(--panel-border)}.card-summary{margin-top:8px;font-size:13.5px;line-height:1.55;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mini-player{position:fixed;bottom:18px;right:22px;z-index:60;display:flex;align-items:center;gap:10px;background:var(--rail);color:#fff;border-radius:999px;padding:10px 14px 10px 18px;box-shadow:0 10px 30px #0000004d;max-width:380px}.mini-player .mp-title{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player .icon-btn{color:#ffffffe6}.mini-player .icon-btn:hover{background:#ffffff26;color:#fff}.new-pill{position:absolute;top:64px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border-radius:999px;padding:9px 18px;font-weight:600;font-size:13.5px;box-shadow:0 8px 24px #00000040}.stats-chip{display:flex;align-items:center;gap:4px;background:var(--accent-soft);border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px;margin-left:auto}.fav-fallback{width:18px;height:18px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.panel-section-label{padding:16px 18px 6px;font-size:12px;font-weight:700;color:var(--text-3);letter-spacing:.06em}.content{position:relative}.disc-section{font-size:17px;font-weight:700;margin:30px 0 0}.collection-watermark{position:absolute;top:-8px;right:-6px;color:#ffffff38;pointer-events:none}.special-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:16px}.special-card{display:flex;align-items:center;gap:12px;border:1px solid var(--panel-border);border-radius:12px;padding:13px 15px;font-weight:600;font-size:14px;background:var(--content-bg);text-align:left}.special-card:hover{background:var(--accent-soft)}.special-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cat-favicons{display:inline-flex;align-items:center}.cat-favicons img{width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#00000073;display:flex;align-items:center;justify-content:center}.modal-card{background:var(--content-bg);border-radius:14px;padding:22px 24px;width:420px;max-width:calc(100vw - 40px);border:1px solid var(--panel-border)}.modal-card h3{font-size:17px;font-weight:800;margin-bottom:4px}.modal-card .modal-hint{color:var(--text-3);font-size:13px;margin-bottom:14px}.modal-card input{width:100%;padding:11px 13px;border:1px solid var(--panel-border);border-radius:9px;outline-color:var(--accent);background:var(--bg);color:var(--text)}.brief-topic{display:flex;gap:16px;align-items:flex-start;padding:18px 4px;border-bottom:1px solid var(--panel-border);cursor:pointer}.brief-topic:hover{background:var(--accent-soft);border-radius:10px}.bt-num{font-size:20px;font-weight:800;color:var(--text-3);width:30px;flex-shrink:0}.bt-img{width:120px;height:80px;object-fit:cover;border-radius:10px;flex-shrink:0}.bt-label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}.bt-title{font-size:16.5px;font-weight:700;line-height:1.35}.bt-summary{color:var(--text-2);font-size:13.5px;line-height:1.55;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bt-meta{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:12.5px;margin-top:7px;flex-wrap:wrap}.bt-meta img{width:15px;height:15px;border-radius:4px}.skel{display:inline-block;border-radius:6px;background:linear-gradient(90deg,var(--panel-border) 25%,var(--accent-soft) 50%,var(--panel-border) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.news-layout{flex:1;display:flex;min-height:0}.news-topics{width:260px;flex-shrink:0;border-right:1px solid var(--panel-border);overflow-y:auto;padding:14px 10px 20px}.news-topics .prow{padding:9px 12px;font-size:13.5px}.news-topic-sec{padding-top:6px;margin-bottom:34px;scroll-margin-top:8px}.news-topic-head{display:flex;align-items:baseline;font-size:19px;font-weight:800;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--panel-border)}.news-article{display:flex;gap:14px;align-items:flex-start;padding:14px 4px;border-bottom:1px solid var(--panel-border);cursor:pointer}.news-article:hover{background:var(--accent-soft);border-radius:10px}.na-img{width:104px;height:70px;object-fit:cover;border-radius:9px;flex-shrink:0}@media(max-width:900px){.news-topics{display:none}}.auth-card .brand .brand-word{color:var(--text)}.auth-card .brand .brand-accent{color:var(--accent)}.load-more{display:flex;justify-content:center;gap:7px;padding:26px 0 34px}.load-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.35;animation:loadPulse 1s ease-in-out infinite}.load-dot:nth-child(2){animation-delay:.16s}.load-dot:nth-child(3){animation-delay:.32s}@keyframes loadPulse{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.load-dot{animation:none;opacity:.6}}.quiz-card{background:var(--accent-soft);border-radius:10px;padding:12px 16px;margin:12px 16px}.quiz-option{display:block;width:100%;text-align:left;font-size:13px;padding:7px 10px;border-radius:7px;margin-bottom:4px;background:#fff;border:1px solid var(--panel-border);color:var(--text);cursor:pointer}:root[data-theme=dark] .quiz-option{background:#1a2635}.quiz-option.locked{cursor:default}.quiz-option.correct{background:#d9f2e4;border:1.5px solid #2E8F5B;color:#14532d;font-weight:600}:root[data-theme=dark] .quiz-option.correct{background:#12382a;color:#7ee2ac}.quiz-option.wrong{background:#fbe2de;border:1.5px solid #C24A3E;color:#7f1d1d;font-weight:600}:root[data-theme=dark] .quiz-option.wrong{background:#3a1613;color:#f5a79c}.quiz-verdict{font-size:12.5px;font-weight:600;margin-top:6px}.quiz-verdict.ok{color:#2e8f5b}:root[data-theme=dark] .quiz-verdict.ok{color:#6fcf97}.quiz-verdict.bad{color:#c24a3e}:root[data-theme=dark] .quiz-verdict.bad{color:#f08a7e}.card-summary{display:block;-webkit-line-clamp:unset;overflow:visible}.modal-card.paywall{width:460px;position:relative}.paywall-close{position:absolute;top:14px;right:14px}.paywall-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:12.5px;letter-spacing:.04em;border-radius:999px;padding:6px 12px;margin-bottom:12px}.price-list-web{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.price-list-web li{padding-left:24px;position:relative;font-size:14px;line-height:1.5}.price-list-web li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}.paywall-price{font-size:22px;font-weight:800;margin-top:14px}.paywall-note{color:var(--text-2);font-size:13px;line-height:1.55;margin-top:8px}