:root{--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f1f3f5;--color-surface:#fff;--color-border:#e1e4e8;--color-border-subtle:#eceef0;--color-text-primary:#1a1d21;--color-text-secondary:#57606a;--color-text-tertiary:#8b949e;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-subtle:#eff6ff;--color-success:#16a34a;--color-warning:#ca8a04;--color-error:#dc2626;--color-unread-indicator:#2563eb;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Georgia", "Charter", serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.9375rem;--text-3xl:2.4375rem;--leading-tight:1.2;--leading-snug:1.3;--leading-normal:1.4;--leading-relaxed:1.45;--leading-loose:1.55;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--sidebar-width:16.25rem;--content-max-width:45rem;--feed-max-width:60rem;--page-max-width:80rem}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#0d1117;--color-bg-secondary:#161b22;--color-bg-tertiary:#21262d;--color-surface:#161b22;--color-border:#30363d;--color-border-subtle:#21262d;--color-text-primary:#e6edf3;--color-text-secondary:#8b949e;--color-text-tertiary:#6e7681;--color-accent:#58a6ff;--color-accent-hover:#79c0ff;--color-accent-subtle:#1a2332;--color-success:#3fb950;--color-warning:#d29922;--color-error:#f85149;--color-unread-indicator:#58a6ff;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0000004d}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-loose);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;display:block}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-xs{font-size:var(--text-xs);line-height:var(--leading-relaxed)}.text-sm{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-base{font-size:var(--text-base);line-height:var(--leading-loose)}.text-lg{font-size:var(--text-lg);line-height:var(--leading-normal)}.text-xl{font-size:var(--text-xl);line-height:var(--leading-snug)}.text-2xl{font-size:var(--text-2xl);line-height:var(--leading-snug)}.text-3xl{font-size:var(--text-3xl);line-height:var(--leading-tight)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap;cursor:pointer;line-height:1;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:#fff;border:1px solid #0000}.btn-primary:hover{background-color:var(--color-accent-hover);color:#fff;text-decoration:none}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border);background-color:#0000}.btn-secondary:hover{background-color:var(--color-bg-tertiary);text-decoration:none}.btn-ghost{color:var(--color-text-secondary);background-color:#0000;border:1px solid #0000}.btn-ghost:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);text-decoration:none}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.landing{background-color:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary)}.landing-nav{z-index:100;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.landing-nav__inner{max-width:var(--page-max-width);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.landing-nav__brand{align-items:center;gap:var(--space-2);color:inherit;text-decoration:none;display:flex}.landing-nav__logo{background-color:var(--color-accent);color:#fff;width:2rem;height:2rem;font-weight:var(--font-bold);font-size:var(--text-base);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.landing-nav__name{font-size:var(--text-lg);font-weight:var(--font-semibold)}.landing-hero{padding:var(--space-20) var(--space-6) var(--space-16)}.landing-hero__inner{max-width:var(--page-max-width);text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}.landing-hero__badge{padding:var(--space-1) var(--space-3);background-color:var(--color-accent-subtle);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-6);display:inline-block}.landing-hero__headline{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);max-width:36rem;margin-bottom:var(--space-6)}.landing-hero__accent{color:var(--color-accent)}.landing-hero__sub{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-loose);max-width:32rem;margin-bottom:var(--space-8)}.landing-hero__ctas{gap:var(--space-3);margin-bottom:var(--space-16);flex-wrap:wrap;justify-content:center;display:flex}.landing-hero__preview{border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:52rem;box-shadow:var(--shadow-lg);overflow:hidden}.preview-bar{background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-2);display:flex}.preview-bar__dot{border-radius:var(--radius-full);width:.75rem;height:.75rem}.preview-bar__dot--red{background-color:#ff5f57}.preview-bar__dot--yellow{background-color:#febc2e}.preview-bar__dot--green{background-color:#28c840}.preview-bar__label{margin-left:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}.preview-body{background-color:var(--color-bg-primary);min-height:14rem;display:flex}.preview-sidebar{background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);width:10rem;padding:var(--space-4);flex-shrink:0}.preview-sidebar__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.preview-sidebar__item{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-1)}.preview-sidebar__item.active{background-color:var(--color-accent-subtle);color:var(--color-accent);font-weight:var(--font-medium)}.preview-feed{padding:var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.preview-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background-color:var(--color-surface);display:flex}.preview-item__favicon{flex-shrink:0;font-size:1.1rem}.preview-item__meta{flex-direction:column;flex:1;gap:2px;display:flex}.preview-item__source{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.preview-item__category{font-size:var(--text-xs);color:var(--color-text-tertiary)}.preview-item__unread{border-radius:var(--radius-full);background-color:var(--color-unread-indicator);flex-shrink:0;width:.5rem;height:.5rem}.landing-features{padding:var(--space-20) var(--space-6);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.landing-features__inner{max-width:var(--page-max-width);margin:0 auto}.landing-features__title{font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;margin-bottom:var(--space-12)}.landing-features__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));display:grid}.feature-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.feature-card__icon{margin-bottom:var(--space-4);font-size:2rem}.feature-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.feature-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-loose)}.landing-cta{padding:var(--space-20) var(--space-6)}.landing-cta__inner{max-width:var(--page-max-width);text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.landing-cta__title{font-size:var(--text-2xl);font-weight:var(--font-bold)}.landing-cta__sub{font-size:var(--text-base);color:var(--color-text-secondary)}.landing-footer{border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-6)}.landing-footer__inner{max-width:var(--page-max-width);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.landing-footer__copy{font-size:var(--text-sm);color:var(--color-text-tertiary)}@media (width<=640px){.landing-hero__headline{font-size:var(--text-2xl)}.landing-hero__sub{font-size:var(--text-base)}.preview-sidebar{display:none}.landing-features__grid{grid-template-columns:1fr}}.sidebar{width:var(--sidebar-width);background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);height:100vh;padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);display:flex}.sidebar__logo{background-color:var(--color-accent);color:#fff;width:1.75rem;height:1.75rem;font-weight:var(--font-bold);font-size:var(--text-sm);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.sidebar__add-btn{justify-content:center;width:100%}.sidebar__nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar__nav-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;transition:background-color .1s,color .1s;display:flex}.sidebar__nav-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar__nav-item.active{background-color:var(--color-accent-subtle);color:var(--color-accent);font-weight:var(--font-medium)}.sidebar__nav-item--feed{padding-left:var(--space-3)}.sidebar__nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar__badge{background-color:var(--color-accent);color:#fff;font-size:.6rem;font-weight:var(--font-bold);border-radius:var(--radius-full);text-align:center;flex-shrink:0;min-width:1.2rem;padding:1px 5px}.sidebar__section{margin-top:var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.sidebar__section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-3);margin-bottom:var(--space-1)}.sidebar__favicon{flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.sidebar__favicon img{border-radius:2px}.sidebar__favicon-fallback{background-color:var(--color-bg-tertiary);width:1rem;height:1rem;font-size:.6rem;font-weight:var(--font-bold);color:var(--color-text-tertiary);text-transform:uppercase;border-radius:2px;justify-content:center;align-items:center;display:flex}.sidebar__empty{padding:var(--space-4) var(--space-3);font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-loose)}.sidebar__footer{border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:auto}.sidebar__manage-btn{width:100%;color:var(--color-text-tertiary);font-size:var(--text-xs);justify-content:flex-start}.reader-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.reader{background-color:var(--color-bg-primary);border-left:1px solid var(--color-border);width:100%;max-width:42rem;height:100%;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s reader-slide-in;display:flex}@keyframes reader-slide-in{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}.reader__header{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex-shrink:0;display:flex}.reader__header-left{align-items:center;gap:var(--space-2);display:flex}.reader__favicon{border-radius:2px}.reader__favicon-fallback{background-color:var(--color-bg-tertiary);width:1rem;height:1rem;font-size:.55rem;font-weight:var(--font-bold);text-transform:uppercase;color:var(--color-text-tertiary);border-radius:2px;justify-content:center;align-items:center;display:inline-flex}.reader__source{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.reader__header-right{align-items:center;gap:var(--space-2);display:flex}.reader__btn--active{color:var(--color-accent)!important}.reader__article{padding:var(--space-8) var(--space-8);flex:1;overflow-y:auto}.reader__title{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--color-text-primary);margin-bottom:var(--space-4)}.reader__meta{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-subtle);display:flex}.reader__content{font-family:var(--font-serif);font-size:var(--text-base);color:var(--color-text-primary);line-height:1.75}.reader__content p{margin-bottom:var(--space-5)}.reader__content h1,.reader__content h2,.reader__content h3,.reader__content h4{font-family:var(--font-sans);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--color-text-primary)}.reader__content h1{font-size:var(--text-xl)}.reader__content h2{font-size:var(--text-lg)}.reader__content h3{font-size:var(--text-base)}.reader__content a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.reader__content img{border-radius:var(--radius-md);max-width:100%;margin:var(--space-5) 0}.reader__content pre,.reader__content code{font-family:var(--font-mono);font-size:var(--text-sm)}.reader__content pre{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);overflow-x:auto}.reader__content code{background-color:var(--color-bg-tertiary);padding:1px var(--space-2);border-radius:var(--radius-sm)}.reader__content pre code{background:0 0;padding:0}.reader__content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-4);color:var(--color-text-secondary);margin:var(--space-5) 0}.reader__content ul,.reader__content ol{padding-left:var(--space-6);margin-bottom:var(--space-5);list-style:revert}.reader__content li{margin-bottom:var(--space-2)}.reader__no-content{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-8);font-style:italic}@media (width<=640px){.reader{border-left:none;max-width:100%}.reader__article{padding:var(--space-6) var(--space-4)}}.feed-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);cursor:pointer;background-color:var(--color-surface);transition:background-color .1s;display:flex;position:relative}.feed-item:hover{background-color:var(--color-bg-secondary)}.feed-item:hover .feed-item__actions{opacity:1}.feed-item:last-child{border-bottom:none}.feed-item--read{opacity:.55}.feed-item--read:hover{opacity:.75}.feed-item__unread-dot{border-radius:var(--radius-full);background-color:var(--color-unread-indicator);flex-shrink:0;width:.5rem;height:.5rem;margin-top:.35rem}.feed-item__body{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.feed-item__source{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.feed-item__favicon{border-radius:2px;flex-shrink:0}.feed-item__favicon-fallback{background-color:var(--color-bg-tertiary);width:.75rem;height:.75rem;font-size:.5rem;font-weight:var(--font-bold);text-transform:uppercase;color:var(--color-text-tertiary);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.feed-item__feed-name{font-weight:var(--font-medium);color:var(--color-text-secondary)}.feed-item__sep{color:var(--color-border)}.feed-item__time{color:var(--color-text-tertiary)}.feed-item__title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:var(--leading-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feed-item__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feed-item__actions{gap:var(--space-1);opacity:0;flex-direction:column;flex-shrink:0;transition:opacity .15s;display:flex}.feed-item__action-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;width:1.75rem;height:1.75rem;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:.75rem;transition:background-color .1s,border-color .1s;display:flex}.feed-item__action-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent)}.feed-item__action-btn--active{background-color:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent);opacity:1!important}@media (hover:none){.feed-item__actions{opacity:1}}.feed-list{min-width:0;max-width:var(--feed-max-width);flex-direction:column;flex:1;display:flex}.feed-list__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.feed-list__header-left{align-items:baseline;gap:var(--space-3);display:flex}.feed-list__heading{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.feed-list__count{font-size:var(--text-sm);color:var(--color-text-tertiary)}.feed-list__items{flex-direction:column;display:flex}.feed-list__empty{text-align:center;padding:var(--space-20) var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.feed-list__empty-icon{margin-bottom:var(--space-2);font-size:3rem}.feed-list__empty-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.feed-list__empty-sub{font-size:var(--text-base);color:var(--color-text-secondary);max-width:26rem;line-height:var(--leading-loose)}.modal-overlay{z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:28rem;display:flex}.modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal__close{border-radius:var(--radius-md);cursor:pointer;width:2rem;height:2rem;font-size:var(--text-sm);color:var(--color-text-tertiary);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background-color .1s,color .1s;display:flex}.modal__close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal__body{padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.modal__field{gap:var(--space-2);flex-direction:column;display:flex}.modal__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.modal__input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-sm);outline:none;transition:border-color .15s}.modal__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.modal__input:disabled{opacity:.6;cursor:not-allowed}.modal__select{cursor:pointer}.modal__hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.modal__feedback{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-loose)}.modal__feedback--loading{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.modal__feedback--error{color:var(--color-error);background-color:#fef2f2;border:1px solid #fecaca}.modal__feedback--success{color:var(--color-success);gap:var(--space-1);background-color:#f0fdf4;border:1px solid #bbf7d0;flex-direction:column;display:flex}.modal__preview-desc{color:var(--color-text-secondary);font-size:var(--text-xs)}.modal__footer{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle);margin-top:var(--space-2);display:flex}@media (prefers-color-scheme:dark){.modal__feedback--error{background-color:#dc26261a;border-color:#dc26264d}.modal__feedback--success{background-color:#16a34a1a;border-color:#16a34a4d}}.import-opml{gap:var(--space-2);flex-direction:column;display:flex}.import-opml__btns{gap:var(--space-2);flex-wrap:wrap;display:flex}.import-opml__file-input{display:none}.import-opml__summary{font-size:var(--text-xs);line-height:var(--leading-relaxed);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.import-opml__summary--done{color:var(--color-success);background-color:#f0fdf4;border:1px solid #bbf7d0}.import-opml__summary--error{color:var(--color-error);background-color:#fef2f2;border:1px solid #fecaca}@media (prefers-color-scheme:dark){.import-opml__summary--done{background-color:#16a34a1a;border-color:#16a34a4d}.import-opml__summary--error{background-color:#dc26261a;border-color:#dc26264d}}.manage-modal{flex-direction:column;max-width:36rem;max-height:90vh;display:flex}.manage-modal__body{gap:var(--space-6);padding:var(--space-5) var(--space-6);flex-direction:column;display:flex;overflow-y:auto}.manage-modal__section{gap:var(--space-3);flex-direction:column;display:flex}.manage-modal__section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:var(--space-2);display:flex}.manage-modal__count{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-full)}.manage-modal__empty{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-loose)}.manage-modal__feed-list{gap:var(--space-2);flex-direction:column;display:flex}.manage-modal__feed-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);display:flex}.manage-modal__feed-info{align-items:flex-start;gap:var(--space-3);flex:1;min-width:0;display:flex}.manage-modal__status-dot{border-radius:var(--radius-full);flex-shrink:0;width:.5rem;height:.5rem;margin-top:.3rem}.manage-modal__status-dot--active{background-color:var(--color-success)}.manage-modal__status-dot--error{background-color:var(--color-error)}.manage-modal__feed-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.manage-modal__feed-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.manage-modal__feed-sub{font-size:var(--text-xs);color:var(--color-text-secondary)}.manage-modal__feed-url{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.btn-danger{background-color:var(--color-error);color:#fff;border:1px solid #0000}.btn-danger:hover{color:#fff;background-color:#b91c1c;text-decoration:none}.dashboard{background-color:var(--color-bg-primary);flex-direction:column;height:100vh;display:flex;overflow:hidden}.dashboard__mobile-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;display:none}.dashboard__mobile-title{font-size:var(--text-base);font-weight:var(--font-semibold)}.dashboard__body{flex:1;display:flex;overflow:hidden}.dashboard__main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.dashboard__toolbar{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.dashboard__toolbar-right{align-items:center;gap:var(--space-3);display:flex}.dashboard__refresh-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}@media (width<=768px){.dashboard__mobile-header{display:flex}.dashboard__toolbar{display:none}.dashboard__body{position:relative}.dashboard__body .sidebar{z-index:50;height:100%;box-shadow:var(--shadow-lg);position:absolute;top:0;left:0}}