@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600&display=swap";:root{--bg: #eff1f5;--bg-soft: #e6e9ef;--page-bg: linear-gradient(180deg, #fafbfc 0%, #eff1f5 52%, #e6e9ef 100%);--page-orb-1: rgba(30, 102, 245, .14);--page-orb-2: rgba(136, 57, 239, .1);--page-orb-3: rgba(4, 165, 229, .06);--shell-bg: linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(250, 251, 252, .94) 100%);--shell-border: rgba(76, 79, 105, .1);--panel-bg: rgba(255, 255, 255, .86);--panel-bg-strong: rgba(255, 255, 255, .98);--panel-bg-soft: rgba(230, 233, 239, .88);--surface: rgba(255, 255, 255, .9);--surface-strong: #ffffff;--surface-soft: rgba(255, 255, 255, .72);--line: #ccd0da;--line-strong: #bcc0cc;--overlay: #acb0be;--text-main: #4c4f69;--text-sub: #6c6f85;--text-muted: #7c7f93;--text-heading: #1e1e2e;--text-invert: #ffffff;--primary: #1e66f5;--primary-2: #04a5e5;--accent: #1e66f5;--accent-2: #04a5e5;--accent-soft: rgba(30, 102, 245, .09);--accent-soft-2: rgba(4, 165, 229, .08);--accent-border: rgba(30, 102, 245, .24);--control-bg: #eff1f5;--control-bg-hover: #ffffff;--control-text: #1e1e2e;--chip-bg: rgba(255, 255, 255, .84);--chip-hover-bg: rgba(30, 102, 245, .07);--chip-active-bg: linear-gradient(180deg, rgba(30, 102, 245, .16), rgba(4, 165, 229, .08));--chip-active-text: #1e66f5;--badge-bg: rgba(30, 102, 245, .09);--badge-text: #1e66f5;--card-bg: rgba(255, 255, 255, .9);--card-bg-strong: rgba(255, 255, 255, .98);--card-border: rgba(76, 79, 105, .1);--code-bg: rgba(30, 102, 245, .08);--code-text: #1e66f5;--blockquote-border: rgba(30, 102, 245, .5);--link-color: #1e66f5;--link-hover: #8839ef;--avatar-ring: rgba(255, 255, 255, .65);--brand-glow: rgba(30, 102, 245, .06);--lavender: #7287fd;--blue: #1e66f5;--sapphire: #209fb5;--sky: #04a5e5;--teal: #40a02b;--green: #40a02b;--yellow: #df8e1d;--peach: #fe640b;--maroon: #e64553;--red: #d20f39;--mauve: #8839ef;--pink: #ea76cb;--flamingo: #dd7878;--rosewater: #dc8a78;--rss: #209fb5;--agent: #8839ef;--shadow-shell: 0 22px 50px rgba(76, 79, 105, .12);--shadow-card: 0 10px 24px rgba(76, 79, 105, .08);--radius-shell: 28px;--radius-card: 22px;--font-body: "KaiTi", "Kaiti SC", "STKaiti", "Songti SC", "Times New Roman", serif}html[data-theme=mocha]{--bg: #1e1e2e;--bg-soft: #181825;--page-bg: linear-gradient(180deg, #1e1e2e 0%, #181825 52%, #11111b 100%);--page-orb-1: rgba(137, 180, 250, .14);--page-orb-2: rgba(203, 166, 247, .12);--page-orb-3: rgba(148, 226, 213, .08);--shell-bg: linear-gradient(180deg, rgba(30, 30, 46, .96) 0%, rgba(24, 24, 37, .94) 100%);--shell-border: rgba(69, 71, 90, .85);--panel-bg: rgba(30, 30, 46, .86);--panel-bg-strong: rgba(49, 52, 68, .96);--panel-bg-soft: rgba(24, 24, 37, .92);--surface: rgba(49, 52, 68, .9);--surface-strong: #313244;--surface-soft: rgba(69, 71, 90, .72);--line: #45475a;--line-strong: #585b70;--overlay: #6c7086;--text-main: #cdd6f4;--text-sub: #a6adc8;--text-muted: #bac2de;--text-heading: #cdd6f4;--text-invert: #1e1e2e;--primary: #89b4fa;--primary-2: #74c7ec;--accent: #89b4fa;--accent-2: #74c7ec;--accent-soft: rgba(137, 180, 250, .14);--accent-soft-2: rgba(116, 199, 236, .12);--accent-border: rgba(137, 180, 250, .24);--control-bg: #313244;--control-bg-hover: #45475a;--control-text: #cdd6f4;--chip-bg: rgba(49, 52, 68, .82);--chip-hover-bg: rgba(137, 180, 250, .12);--chip-active-bg: linear-gradient(180deg, rgba(137, 180, 250, .18), rgba(203, 166, 247, .1));--chip-active-text: #89b4fa;--badge-bg: rgba(137, 180, 250, .12);--badge-text: #89b4fa;--card-bg: rgba(49, 52, 68, .9);--card-bg-strong: rgba(49, 52, 68, .98);--card-border: rgba(69, 71, 90, .85);--code-bg: rgba(137, 180, 250, .12);--code-text: #89b4fa;--blockquote-border: rgba(137, 180, 250, .55);--link-color: #89b4fa;--link-hover: #cba6f7;--avatar-ring: rgba(30, 30, 46, .65);--brand-glow: rgba(137, 180, 250, .06);--shadow-shell: 0 22px 50px rgba(17, 17, 27, .42);--shadow-card: 0 10px 24px rgba(17, 17, 27, .34)}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at 8% 4%,var(--page-orb-1),transparent 24%),radial-gradient(circle at 92% 96%,var(--page-orb-2),transparent 26%),var(--page-bg)}body{margin:0;min-height:100vh;color:var(--text-main);font-family:var(--font-body);position:relative;isolation:isolate}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 8%,var(--page-orb-1),transparent 26%),radial-gradient(circle at 85% 18%,var(--page-orb-2),transparent 20%),radial-gradient(circle at 88% 88%,var(--page-orb-3),transparent 24%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#app{min-height:100vh;padding:18px}.app-shell{width:min(100%,1240px);min-height:calc(100vh - 36px);margin:0 auto;display:block;border:1px solid var(--shell-border);border-radius:var(--radius-shell);background:var(--shell-bg);box-shadow:var(--shadow-shell);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.app-layout{min-height:calc(100vh - 36px);display:grid;grid-template-columns:348px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--shell-border);background:var(--panel-bg-strong)}.content{min-width:0;display:flex;flex-direction:column}.content-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px 12px;border-bottom:1px solid var(--shell-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.content-bar-copy{display:grid;gap:4px}.content-bar-copy strong{font-size:.96rem}.content-bar-copy span{color:var(--text-sub);font-size:.8rem}.content-scroll-toggle{flex-shrink:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;border-bottom:1px solid var(--shell-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.topbar-main{display:flex;align-items:center;gap:14px}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.brand-logo{width:42px;height:42px;border-radius:16px;display:block;object-fit:contain;background:var(--surface-strong);padding:4px;box-shadow:0 0 0 5px var(--brand-glow, rgba(30, 102, 245, .06))}.brand-copy{display:grid;gap:1px}.brand-kicker{margin:0;color:var(--text-sub);font-size:.92rem;font-weight:700}.brand-copy h1{margin:0;font-family:IBM Plex Sans,PingFang SC,sans-serif;font-size:1.42rem;line-height:1.1;letter-spacing:.01em;color:var(--text-heading)}.brand-subtitle{margin:0;color:var(--text-sub);font-size:.84rem;line-height:1.35}.scroll-toggle{border:1px solid var(--accent-border);border-radius:999px;padding:9px 14px;background:var(--control-bg);color:var(--control-text);font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:0 1px #ffffff52 inset;transition:transform .16s ease,background .16s ease,border-color .16s ease}.scroll-toggle:hover{transform:translateY(-1px);background:var(--control-bg-hover);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.filter-panel{display:grid;gap:12px;padding:14px 16px 0}.filter-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.filter-panel-title{font-size:.92rem;color:var(--text-heading)}.filter-panel-hint{color:var(--text-muted);font-size:.74rem}.filter-chip-list{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--card-border);border-radius:999px;padding:8px 12px;background:var(--chip-bg);color:var(--text-main);font-size:.78rem;font-weight:700;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.filter-chip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 24%,transparent);background:var(--chip-hover-bg)}.filter-chip.is-active{border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:var(--chip-active-bg);color:var(--chip-active-text)}.filter-chip-count{display:inline-flex;align-items:center;min-width:1.6rem;justify-content:center;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--text-main) 10%,transparent);color:inherit;font-size:.72rem}.sidebar-section{display:grid;gap:12px;padding:14px 16px;flex:1;overflow:auto}.subscription-card,.tweet-card{border:1px solid var(--line)}.subscription-card{padding:12px 13px;border-radius:18px;background:var(--card-bg);box-shadow:var(--shadow-card)}.subscription-head{display:flex;align-items:center;gap:8px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:4px 10px;border-radius:999px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.04em}.badge-rss{background:linear-gradient(120deg,#04a5e5 0%,var(--rss) 100%)}.badge-agent{background:linear-gradient(120deg,#8839ef 0%,var(--agent) 100%)}.subscription-title{font-size:.92rem;color:var(--text-heading)}.subscription-desc{margin:8px 0 0;color:var(--text-sub);font-size:.82rem;line-height:1.5}.subscription-mode{margin:10px 0 0;color:var(--text-main);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.subscription-detail-list{display:grid;gap:8px;margin-top:10px}.subscription-detail{display:grid;gap:5px;padding:9px 10px;border:1px solid var(--card-border);border-radius:14px;background:var(--surface-soft)}.subscription-detail-label{color:var(--text-sub);font-size:.72rem;font-weight:600}.subscription-code{overflow-wrap:anywhere;color:var(--code-text);font-size:.76rem;line-height:1.45;white-space:normal}.subscription-hint{margin:10px 0 0;color:var(--text-sub);font-size:.78rem;line-height:1.5}.subscription-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.subscription-action{border:1px solid var(--card-border);border-radius:999px;padding:8px 12px;background:var(--card-bg);color:var(--text-main);font-size:.76rem;font-weight:700;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.subscription-action:hover{transform:translateY(-1px);background:var(--card-bg-strong);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}.subscription-action:disabled{cursor:not-allowed;opacity:.45;transform:none}.subscription-action-primary{background:linear-gradient(180deg,var(--accent-soft),var(--accent-soft-2));border-color:color-mix(in srgb,var(--accent) 26%,transparent);color:var(--accent)}.status-strip{padding:0 16px 16px}.status-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:600}.status-chip.is-error{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}.feed-viewport{flex:1;min-height:0;overflow:hidden;padding:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 22%,transparent),color-mix(in srgb,var(--bg-soft) 16%,transparent))}.feed-track{display:grid;gap:12px;will-change:transform}.tweet-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:16px 16px 15px;background:var(--card-bg);border-radius:18px;box-shadow:var(--shadow-card);overflow:hidden}.tweet-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary),var(--primary-2))}.tweet-avatar{width:52px;height:52px;border-radius:999px;display:block;object-fit:cover;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-2) 100%);color:var(--text-invert);font-size:1.05rem;font-weight:700;box-shadow:0 0 0 5px var(--avatar-ring)}.tweet-body{min-width:0;display:grid;gap:10px;overflow-wrap:anywhere}.tweet-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--text-sub);font-size:.78rem}.tweet-author{color:var(--text-heading);font-size:.92rem}.tweet-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--badge-bg);color:var(--badge-text);font-size:.68rem;font-weight:700;letter-spacing:.04em}.tweet-category{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--text-main) 8%,transparent);color:var(--text-sub);font-size:.68rem;font-weight:700;letter-spacing:.04em}.tweet-handle,.tweet-time,.tweet-dot{color:var(--text-sub)}.news-title{margin:0;font-family:var(--font-body);font-size:1.18rem;line-height:1.32;color:var(--text-heading);font-weight:700}.news-summary{margin:0;color:var(--text-main);font-size:.9rem;line-height:1.58}.rich-text{min-width:0;font-family:var(--font-body);word-break:break-word;overflow-wrap:anywhere}.rich-text :first-child{margin-top:0}.rich-text :last-child{margin-bottom:0}.rich-text p,.rich-text ul,.rich-text ol,.rich-text blockquote,.rich-text pre{margin:0 0 .72rem}.rich-text ul,.rich-text ol{padding-left:1.15rem}.rich-text li+li{margin-top:.28rem}.rich-text strong{color:var(--text-heading);font-weight:700}.rich-text em{color:var(--text-sub)}.rich-text code{padding:.12rem .38rem;border-radius:.45rem;background:var(--code-bg);color:var(--code-text);font-size:.88em}.rich-text pre{overflow-x:auto;padding:.8rem .9rem;border:1px solid var(--card-border);border-radius:14px;background:var(--surface-soft)}.rich-text pre code{padding:0;background:transparent}.rich-text blockquote{padding-left:.85rem;border-left:3px solid var(--blockquote-border);color:var(--text-sub)}.rich-text a{color:var(--link-color);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--link-color) 35%,transparent);text-underline-offset:.16rem}.rich-text-title,.rich-text-title p{margin:0;font-family:var(--font-body);font-size:1.18rem;line-height:1.32;color:var(--text-main);font-weight:700}.rich-text-summary,.rich-text-summary p,.rich-text-summary li{color:var(--text-main);font-size:.9rem;line-height:1.58}.rich-text-summary.is-collapsed{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.summary-toggle{justify-self:start;border:0;padding:0;background:transparent;color:var(--accent);font-size:.82rem;font-weight:600;cursor:pointer}.news-image{width:min(100%,360px);aspect-ratio:4 / 3;object-fit:cover;display:block;border-radius:20px;border:1px solid var(--card-border)}.theme-toggle{letter-spacing:.02em}.tweet-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.source-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:700}.source-link{color:var(--link-color);font-size:.82rem;font-weight:600}.summary-toggle:hover,.source-link:hover,.filter-panel-title:hover{color:var(--link-hover)}.tweet-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:2px}.tweet-action{color:var(--text-sub);font-size:.78rem;white-space:nowrap}@media(max-width:720px){#app{padding:0}.app-shell{width:100%;min-height:100vh;border-radius:0;border-left:none;border-right:none}.app-layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--shell-border)}.topbar{align-items:start;flex-direction:column}.filter-panel{padding:12px 14px 0}.sidebar-section{padding:12px 14px}.content-bar{flex-direction:column;align-items:start;padding:14px}.feed-viewport{padding:14px}.tweet-card{grid-template-columns:1fr}.tweet-avatar{width:44px;height:44px}.brand-logo{width:38px;height:38px}.tweet-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.news-image{width:100%}}