:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#25342e;background:#fafbf8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#fafbf8;--surface:#fff;--sidebar:#f1f4ee;--text:#25342e;--muted:#66736a;--border:#e2e7df;--green:#18634f;--green-soft:#e2ede3;--hover:#e9eee6;--shadow:0 20px 70px #1b332b22}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}input,select{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #59a78c;outline-offset:3px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted);line-height:1.65}.small{font-size:15px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--border);padding:36px 22px 0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:26px;font-weight:750;letter-spacing:-1px;padding:0 8px}.brand-mark{background:var(--green);color:#fff;border-radius:11px;width:41px;height:41px;display:grid;place-items:center;flex-shrink:0}.brand-rss{font-size:18px;font-weight:400;letter-spacing:-.3px;color:var(--muted)}.brand small{display:block;font-size:11px;letter-spacing:1.6px;font-weight:600;margin-top:2px;color:var(--muted)}.add-source{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #bdd0bd;border-radius:9px;font-size:16px;font-weight:600;height:43px;margin:35px 2px 25px;background:var(--surface)}.add-source:hover{border-color:var(--green);color:var(--green)}.main-nav{display:flex;flex-direction:column;gap:5px}.main-nav>button{display:flex;align-items:center;text-align:left;gap:12px;min-height:43px;padding:10px 13px;border-radius:8px;font-size:16px;color:var(--muted);font-weight:500}.main-nav>button>span:first-of-type{flex:1}.main-nav>button:hover,.source-button:hover,.folder-button:hover{background:var(--hover)}.main-nav>button.active{background:var(--green-soft);color:var(--green);font-weight:650}.nav-count{background:var(--green);color:#fff;border-radius:5px;padding:2px 6px;font-size:13px}.small-count{font-size:14px;color:var(--muted);margin-left:auto}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650;letter-spacing:1.2px;color:var(--muted);margin:35px 10px 14px}.subtle-count{font-size:13px;font-weight:400;background:var(--hover);padding:1px 5px;border-radius:3px;margin-left:4px}.tiny-button{display:grid;place-items:center;padding:3px;border-radius:5px;color:var(--muted);min-height:28px;min-width:28px}.tiny-button:hover{color:var(--green);background:var(--hover)}.sources-scroll{overflow-y:auto;flex:1;min-height:80px;padding-bottom:20px}.source-button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border-radius:6px;padding:9px 8px;min-height:38px;font-size:15px}.source-icon{background:var(--surface);border:1px solid var(--border);width:21px;height:21px;display:grid;place-items:center;border-radius:5px;font-size:14px;color:var(--green);flex-shrink:0}.source-button .truncate{flex:1}.source-button.selected,.folder-button.selected{background:var(--green-soft);color:var(--green)}.paused{font-size:12px;color:var(--muted)}.folder-line{display:flex;align-items:center}.folder-button{display:flex;gap:9px;align-items:center;min-height:38px;font-size:15px;flex:1;min-width:0;text-align:left;padding:8px;border-radius:6px}.folder-line>.tiny-button{flex-shrink:0}.folder-children{padding-left:14px;border-left:1px solid var(--border);margin:0 0 5px 15px}.sidebar-empty{margin:16px 13px;color:var(--muted);font-size:14px;line-height:1.7}.sidebar-empty>svg{opacity:.6;margin-bottom:8px}.sidebar-empty p{color:var(--text);font-weight:500;font-size:15px;margin-bottom:6px}.sidebar-bottom{border-top:1px solid var(--border);padding-top:13px}.sidebar-bottom>button{display:flex;align-items:center;gap:12px;padding:12px;width:100%;font-size:15px;color:var(--muted);text-align:left;border-radius:8px}.sidebar-bottom>button:hover{background:var(--hover)}.sidebar-bottom>button svg:last-child{margin-left:auto}.account{border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:20px 3px;margin-top:12px}.avatar{height:32px;width:32px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:15px;font-weight:650;flex-shrink:0}.account>div{min-width:0;flex:1}.account strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.account small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.online-dot,.footer-dot{width:6px;height:6px;background:#74a489;border-radius:50%;display:inline-block;flex-shrink:0}.main-shell{margin-left:270px}.topbar{height:76px;display:flex;align-items:center;border-bottom:1px solid var(--border);padding:0 48px;gap:20px;background:var(--bg)}.breadcrumb{display:flex;align-items:center;gap:13px;min-width:0;font-size:14px;color:var(--muted);flex:1}.breadcrumb strong{font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.today{font-size:14px;color:var(--muted);text-transform:capitalize}.icon-button{display:grid;place-items:center;min-width:34px;min-height:34px;border-radius:7px;color:var(--muted);padding:7px}.icon-button:hover{background:var(--hover);color:var(--green)}.content{max-width:1200px;padding:45px 48px 20px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:31px}.eyebrow{font-size:12px;color:var(--green);font-weight:650;letter-spacing:1.8px;margin-bottom:12px}.page-heading h1{font-size:36px;letter-spacing:-1.25px;font-weight:650;line-height:1.2;overflow-wrap:anywhere}.title-dot{color:#7fab7c}.heading-description{font-size:15px;line-height:1.6;color:var(--muted);margin-top:11px}.heading-icon{height:63px;width:63px;border:1px solid var(--border);background:var(--sidebar);border-radius:50%;display:grid;place-items:center;color:#88a98a;margin-right:4px;flex-shrink:0}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px 13px;width:340px;max-width:100%;min-width:100px;color:var(--muted);height:41px}.search:focus-within{border-color:#8bae99}.search input{border:0;outline:none;background:transparent;width:100%;font-size:15px;color:var(--text)}.search input::placeholder{color:var(--muted)}.search input:focus-visible{outline:none}.search button{display:grid;place-items:center;padding:0;color:var(--muted)}.toolbar-right{display:flex;align-items:center;gap:16px}.filter-select{display:flex;align-items:center;position:relative;font-size:14px;color:var(--muted)}.filter-select select{appearance:none;border:0;background:transparent;padding:11px 24px 11px 6px;color:var(--text);font-size:14px;cursor:pointer}.filter-select>svg{position:absolute;right:4px;pointer-events:none}.view-switch{display:flex;border:1px solid var(--border);border-radius:7px;padding:3px;gap:2px;background:var(--surface)}.view-switch button{height:29px;width:32px;display:grid;place-items:center;color:var(--muted);border-radius:4px}.view-switch button.active{background:var(--green-soft);color:var(--green)}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:1.2px;color:var(--muted);border-bottom:1px solid var(--border);padding:0 0 15px}.list-heading>span:last-child{display:flex;gap:5px;align-items:center;letter-spacing:0;font-size:13px}.articles{margin-top:0}.article{display:flex;gap:28px;padding:25px 0;border-bottom:1px solid var(--border)}.article-body{flex:1;min-width:0}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:13px;color:var(--muted);margin-bottom:10px}.article-source{display:flex;align-items:center;gap:6px;color:var(--text);font-weight:550}.source-dot{width:6px;height:6px;border-radius:2px;background:#85aa8d}.meta-divider{opacity:.6}.unread-label{font-size:11px;background:var(--green-soft);color:var(--green);padding:2px 5px;border-radius:3px}.article h2{font-size:22px;letter-spacing:-.45px;line-height:1.4;font-weight:600}.article h2 a:hover{color:var(--green)}.article h2 svg{display:inline;margin-left:6px;vertical-align:baseline;color:var(--muted);opacity:0}.article h2 a:hover svg,.article h2 a:focus-visible svg{opacity:1}.article-summary{font-size:15px;line-height:1.85;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px}.article-image{width:170px;height:125px;border-radius:8px;object-fit:cover;background:var(--sidebar);margin-top:22px;flex-shrink:0}.article-actions{display:flex;gap:22px;margin-top:16px}.article-actions button{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;min-height:28px;padding:2px 0}.article-actions button:hover{color:var(--green)}.article-actions button.saved{color:#b38c38}.article.is-read h2{font-weight:450;color:var(--muted)}.compact .article{padding:17px 0}.compact .article-meta{margin-bottom:5px}.compact .article h2{font-size:17px;letter-spacing:-.1px}.compact .article-body{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px}.compact .article-meta,.compact .article h2{grid-column:1}.compact .article-actions{grid-column:2;grid-row:1 / 3;align-items:center;gap:15px;margin:0}.compact .article-actions button span{display:none}.compact .article-actions button{min-height:35px;min-width:30px;justify-content:center}.empty-state{text-align:center;max-width:440px;margin:49px auto 60px;padding:0 15px}.empty-illustration{height:145px;width:190px;margin:0 auto 26px;position:relative;display:grid;place-items:center}.empty-orbit{border:1px solid var(--border);border-radius:50%;position:absolute;transform:rotate(-24deg)}.empty-orbit.one{height:137px;width:166px}.empty-orbit.two{height:110px;width:184px;transform:rotate(26deg)}.empty-paper{position:relative;width:87px;height:105px;border:1px solid #cadbcb;border-radius:8px;background:var(--surface);box-shadow:5px 6px 0 var(--green-soft);transform:rotate(-8deg);padding:18px 14px;display:flex;flex-direction:column;gap:6px}.empty-paper>span{height:3px;background:var(--green-soft);border-radius:2px;display:block;width:100%}.empty-paper>span:nth-child(2){width:77%}.empty-paper svg{margin:7px 0 0 auto;color:var(--green);stroke-width:1.5}.empty-spark{position:absolute;right:4px;top:23px;color:#a1b79e;font-size:26px;font-weight:300}.empty-state .eyebrow{font-size:11px}.empty-state h2{font-weight:600;font-size:25px;letter-spacing:-.65px;margin-bottom:14px}.empty-state>p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted);max-width:345px;margin:0 auto 25px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border-radius:7px;padding:10px 17px;font-size:15px;font-weight:550;line-height:1.4}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover{filter:brightness(1.1)}.secondary{border:1px solid var(--border);background:var(--surface);color:var(--text)}.secondary:hover{background:var(--hover)}.empty-note{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:25px}.empty-note svg{color:#7aa581}.empty-note>span{margin:0 4px}.content-footer{border-top:1px solid var(--border);padding:18px 0 10px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);margin-top:40px}.content-footer>span:first-child{display:flex;align-items:center;gap:7px}.content-footer>span:last-child{font-style:italic}.load-more{display:flex;margin:25px auto}.loading{display:flex;gap:12px;justify-content:center;align-items:center;color:var(--muted);font-size:16px;min-height:240px}.spin,.spinning svg{animation:rotate 1.2s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.status-banner,.dev-banner{padding:10px 12px;margin-bottom:22px;border-radius:7px;font-size:14px;line-height:1.6}.status-banner{background:#fff1d5;color:#785815;display:flex;gap:10px;align-items:center}.dev-banner{color:var(--muted);background:var(--sidebar);border:1px dashed var(--border);font-size:13px}.mobile-menu{display:none}.toast{position:fixed;bottom:22px;left:calc(50% + 100px);transform:translate(-50%);display:flex;gap:12px;align-items:center;max-width:600px;width:max-content;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:12px 15px;border-radius:10px;z-index:80;font-size:15px;line-height:1.6}.toast>svg{color:var(--green)}.toast.error>svg,.warning-icon{color:#bc7548}.toast span{max-width:470px}.welcome{max-width:580px;margin:15vh auto;padding:30px;text-align:center}.welcome>.brand-mark{margin:0 auto 25px;width:60px;height:60px;border-radius:15px}.welcome h1{font-size:36px;letter-spacing:-1.3px;margin-bottom:20px}.welcome .primary{margin:25px auto}.text-link{display:block;text-decoration:underline;color:var(--green);font-size:16px}.dialog{padding:0;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--text);width:510px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);box-shadow:var(--shadow)}.dialog::backdrop{background:#152a2366;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-inner{padding:27px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-heading h2{font-size:23px;letter-spacing:-.6px;font-weight:600}.form{display:flex;flex-direction:column;gap:19px}.form>.muted{font-size:15px;margin-top:-6px}.form label{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:550}.form input:not([type=checkbox]),.form select{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:16px;min-height:42px}.form input[readonly]{color:var(--muted)}.optional{font-weight:400;color:var(--muted);display:contents}.form .checkbox-label{flex-direction:row;align-items:center;gap:10px;line-height:1.6;font-size:15px;font-weight:400}.checkbox-label input{accent-color:var(--green);width:16px;height:16px}.form-note{font-size:14px;color:var(--muted);line-height:1.7;background:var(--sidebar);padding:12px;border-radius:6px}.form-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px}.danger{color:#b35342;font-size:14px;margin-right:auto;padding:10px 0;text-align:left}.form-error{background:#fbece5;color:#a64c36;border-radius:6px;font-size:15px;line-height:1.7;padding:12px;overflow-wrap:anywhere}.form-error p{margin-top:5px}.settings-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:24px}.settings-tabs button{padding:0 0 12px;font-size:15px;color:var(--muted);border-bottom:2px solid transparent}.settings-tabs button.active{color:var(--green);border-bottom-color:var(--green)}.input-suffix{display:flex;align-items:center;gap:12px}.input-suffix input{max-width:120px}.input-suffix span{font-size:15px;color:var(--muted);font-weight:400}.install-section{border-top:1px solid var(--border);padding-top:20px}.install-section h3,.settings-list h3{font-size:16px;font-weight:600;margin-bottom:13px}.session-info{border-top:1px solid var(--border);padding-top:18px;display:flex;gap:15px;justify-content:space-between;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.session-info a{display:flex;gap:6px;align-items:center;color:var(--green)}.manage-heading{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.manage-heading h3{margin:0}.text-button{display:flex;align-items:center;gap:5px;font-size:14px;color:var(--green);min-height:36px}.manage-row{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 3px;border-bottom:1px solid var(--border);font-size:15px}.manage-row:hover{background:var(--bg)}.manage-row>span{flex:1;min-width:0;overflow-wrap:anywhere}.manage-row>svg:first-child{color:var(--muted)}.manage-row strong{font-weight:500}.manage-row small{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:5px}.settings-list>h3{margin-top:25px}.drawer-backdrop{display:none}@media(min-width:1600px){.content{padding-top:55px}.topbar{padding-left:max(48px,calc((100% - 1104px)/2))}}@media(max-width:1100px){.sidebar{width:235px;padding-left:16px;padding-right:16px}.main-shell{margin-left:235px}.topbar{padding:0 30px}.content{padding:35px 30px 20px}.toolbar{gap:12px}.toolbar-right{gap:8px}.search{width:280px}.article-image{width:135px;height:105px}.article{gap:20px}.today{display:none}.page-heading h1{font-size:32px}.toast{left:calc(50% + 80px);max-width:calc(100vw - 280px)}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:280px;padding-top:27px}.sidebar.is-open{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;inset:0;background:#152a2366;z-index:19}.main-shell{margin-left:0}.mobile-menu{display:grid;margin-left:-8px}.topbar{height:62px;padding:0 22px;gap:10px}.breadcrumb{gap:9px;font-size:13px}.breadcrumb>span{display:none}.breadcrumb>svg{display:none}.breadcrumb strong{font-size:15px}.content{padding:28px 22px 16px}.page-heading{padding-bottom:26px}.page-heading .eyebrow{font-size:11px;letter-spacing:1.4px}.page-heading h1{font-size:31px}.heading-description{font-size:14px;max-width:270px}.heading-icon{height:46px;width:46px}.heading-icon svg{width:23px}.toolbar{flex-wrap:wrap;margin-bottom:23px;gap:13px}.search{width:100%;height:42px}.toolbar-right{width:100%;justify-content:space-between}.filter-select select{font-size:15px;padding-left:0}.view-switch button{height:30px;width:35px}.list-heading{font-size:11px}.list-heading>span:last-child{font-size:12px}.article{gap:13px;padding:21px 0}.article h2{font-size:20px;letter-spacing:-.2px}.article-image{width:90px;height:90px;margin-top:27px}.article-summary{font-size:14px;line-height:1.75;-webkit-line-clamp:3}.article-meta{font-size:13px;gap:6px}.article-meta .unread-label{display:none}.article-actions{gap:18px;margin-top:9px}.article-actions button{font-size:12px;min-height:35px}.empty-state{margin-top:35px;padding:0 4px}.empty-illustration{transform:scale(.9);margin-bottom:14px}.empty-state h2{font-size:26px}.empty-state>p:not(.eyebrow){font-size:15px}.empty-note{font-size:11px;gap:4px}.content-footer{font-size:11px;flex-direction:column;gap:9px;margin-top:25px}.content-footer>span:last-child{align-self:flex-end}.toast{left:14px;right:14px;bottom:15px;transform:none;width:auto;max-width:none;font-size:14px;padding:9px 12px;gap:8px}.dialog-inner{padding:22px}.dialog{max-height:calc(100dvh - 28px)}.dialog-heading h2{font-size:22px}.compact .article h2{font-size:16px}.compact .article-body{column-gap:5px}.compact .article-actions{gap:0}.compact .article-meta{gap:5px}.compact .article-actions button{min-width:28px}.dev-banner{font-size:12px;margin-bottom:22px}.source-button,.folder-button{min-height:43px}.tiny-button{min-height:35px;min-width:35px}.main-nav>button{min-height:45px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root[data-theme=dark]{--bg:#18201d;--surface:#202b25;--sidebar:#1c2620;--text:#dbe4da;--muted:#98a699;--border:#334035;--green:#72ba9c;--green-soft:#293f32;--hover:#2c392e;--shadow:0 20px 70px #0005;color:var(--text);background:var(--bg)}:root[data-theme=dark] .primary,:root[data-theme=dark] .brand-mark{background:#246d53;color:#fff;border-color:#246d53}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg:#18201d;--surface:#202b25;--sidebar:#1c2620;--text:#dbe4da;--muted:#98a699;--border:#334035;--green:#72ba9c;--green-soft:#293f32;--hover:#2c392e;--shadow:0 20px 70px #0005;color:var(--text);background:var(--bg)}:root[data-theme=auto] .primary,:root[data-theme=auto] .brand-mark{background:#246d53;color:#fff;border-color:#246d53}}.login-screen{max-width:490px;margin-top:8vh}.login-form{margin:30px auto 20px;text-align:left;max-width:350px}.login-form .primary{width:100%;margin:2px 0 0}.login-note{font-size:14px;color:var(--muted);line-height:1.8}.session-info button{display:flex;gap:6px;align-items:center;color:var(--green);font-size:14px;text-align:left}.google-login{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:4px;padding:12px 20px;font-family:Arial,sans-serif;font-size:16px;text-decoration:none;margin:24px 0 12px;min-height:48px}.google-login:hover{background:#f2f4f8}.google-login:focus-visible{outline:3px solid #4285f4;outline-offset:3px}.google-login span{font-size:22px;font-weight:700}.inline-folder{border:1px solid var(--border);border-radius:12px;padding:16px;display:grid;gap:14px;min-width:0}.inline-folder legend{padding:0 6px;font-weight:600}.opml-panel{display:grid;gap:14px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--border)}.opml-panel label{display:grid;gap:8px;font-weight:600}.opml-panel input[type=file]{width:100%;max-width:100%;min-width:0;font:inherit;font-size:16px}.opml-actions{display:flex;gap:12px;flex-wrap:wrap}.opml-result{padding:14px;background:var(--green-soft);border-radius:10px;overflow-wrap:anywhere}.opml-result p+p{margin-top:12px}.opml-result details{margin-top:12px}.opml-result li{margin:8px 0}.folder-children[hidden]{display:none}.folder-toggle{flex-shrink:0}.folder-line .folder-button{padding-left:4px;gap:7px}.folder-button>svg{flex-shrink:0}.sidebar-resizer{display:none}@media(min-width:761px){.app-shell{--effective-library-width:min(var(--library-width,270px),max(220px, calc(100vw - 420px) ))}.sidebar{width:var(--effective-library-width)}.main-shell{margin-left:var(--effective-library-width)}.sidebar-resizer{display:block;position:fixed;top:0;bottom:0;left:calc(var(--effective-library-width) - 5px);width:10px;z-index:21;cursor:col-resize;touch-action:none;outline:none}.sidebar-resizer:after{content:"";position:absolute;inset:0 3px;background:transparent;transition:background .12s}.sidebar-resizer:hover:after,.sidebar-resizer:focus-visible:after,.sidebar-resizer.is-dragging:after{background:var(--green)}.sidebar-resizer:focus-visible{outline:2px solid var(--green);outline-offset:1px}}:root{--quiet-source-red:#b42318}.source-button.no-unread .truncate,.source-button .no-unread-count{color:var(--quiet-source-red)}.source-button .pending-source{color:var(--muted);font-size:12px;flex-shrink:0}.source-button .no-unread-count{font-weight:600}:root[data-theme=dark]{--quiet-source-red:#ffb4ab}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--quiet-source-red:#ffb4ab}}@media(min-width:761px){.app-shell .toolbar{flex-wrap:wrap}.app-shell .search{max-width:100%}.app-shell .breadcrumb{min-width:0}.app-shell .breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:root{color-scheme:light;--scroll-thumb:#b1bbb3;--scroll-thumb-hover:#89988c}:root[data-theme=dark]{color-scheme:dark;--scroll-thumb:#46534a;--scroll-thumb-hover:#687a6d}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--scroll-thumb:#46534a;--scroll-thumb-hover:#687a6d}}.sources-scroll{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--sidebar);overflow-x:hidden}.sources-scroll::-webkit-scrollbar{width:7px}.sources-scroll::-webkit-scrollbar-track{background:var(--sidebar)}.sources-scroll::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:1px solid var(--sidebar);border-radius:10px}.sources-scroll::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.sources-scroll::-webkit-scrollbar-button{display:none;width:0;height:0}.sources-scroll::-webkit-scrollbar-corner{background:var(--sidebar)}.source-icon{position:relative;overflow:hidden}.source-icon img{position:absolute;width:18px;height:18px;object-fit:contain;opacity:0}.source-icon img.is-loaded{opacity:1}.source-icon.has-logo{background:transparent;border-color:transparent;border-radius:3px}@media(forced-colors:active){.sources-scroll{scrollbar-color:auto}.sources-scroll::-webkit-scrollbar-thumb{background:ButtonText}}.source-line{display:flex;align-items:center;min-width:0}.source-line .source-button{flex:1;min-width:0;width:auto}.source-line>.source-options{flex-shrink:0}.source-options svg{pointer-events:none}.sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--sidebar);height:100dvh}.sidebar>*{flex-shrink:0}.sources-scroll{flex:none;min-height:0;overflow:visible;padding-bottom:14px}.sidebar-bottom{margin-top:auto;position:static}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-track{background:var(--sidebar)}.sidebar::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:10px;border:1px solid var(--sidebar)}.sidebar::-webkit-scrollbar-button{display:none;height:0}.main-shell,.content,.articles{height:auto;max-height:none;overflow:visible}.article.is-read h2{font-weight:600}.article-image{aspect-ratio:34/25}.article-menu{display:grid;gap:12px;margin-top:20px}.article-menu .secondary{min-height:48px;justify-content:flex-start}.article-menu-title{line-height:1.65;overflow-wrap:anywhere}.article-title{-webkit-touch-callout:none}.later-label{display:inline-flex;gap:4px;align-items:center;color:var(--green);font-size:12px}.source-error-label{font-size:12px;color:#c16a56}.new-articles{margin-bottom:18px}.load-more-anchor{min-height:48px}.warning-icon{min-width:36px;min-height:40px}:root[data-theme=dark]{--bg:#12151c;--surface:#1c212c;--sidebar:#191d25;--text:#e5e8f0;--muted:#a3acbd;--border:#323949;--green:#acb9ff;--green-soft:#29314b;--hover:#252c3a;--scroll-thumb:#4b5364;--scroll-thumb-hover:#737e94;--shadow:0 20px 70px #0008}:root[data-theme=dark] .primary,:root[data-theme=dark] .brand-mark,:root[data-theme=dark] .nav-count{background:#5868c7;border-color:#5868c7;color:#fff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg:#12151c;--surface:#1c212c;--sidebar:#191d25;--text:#e5e8f0;--muted:#a3acbd;--border:#323949;--green:#acb9ff;--green-soft:#29314b;--hover:#252c3a;--scroll-thumb:#4b5364;--scroll-thumb-hover:#737e94;--shadow:0 20px 70px #0008}:root:not([data-theme=light]) .primary,:root:not([data-theme=light]) .brand-mark,:root:not([data-theme=light]) .nav-count{background:#5868c7;border-color:#5868c7;color:#fff}}@media(max-width:760px){.page-heading{padding-bottom:16px}.page-heading .eyebrow,.heading-icon,.heading-description{display:none}.page-heading h1{font-size:27px}.toolbar{margin-bottom:16px}.article-actions button,.article-actions a{min-height:44px}.content{padding:18px 16px}.article-summary{-webkit-line-clamp:5}.sidebar{padding-bottom:max(12px,env(safe-area-inset-bottom))}.article-menu .secondary{width:100%}}.title-dot{color:var(--green)}.source-dot,.footer-dot{background:var(--green)}.mobile-sidebar-close{display:none}@media(max-width:760px){.mobile-sidebar-close{display:grid;position:absolute;right:10px;top:14px;z-index:1;min-width:44px;min-height:44px}}:root[data-theme=dark] .form-error{background:#39252d;color:#ffc0b8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .form-error{background:#39252d;color:#ffc0b8}}:root[data-theme=dark] .dialog::backdrop,:root[data-theme=dark] .drawer-backdrop{background:#070a12b8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .dialog::backdrop,:root:not([data-theme=light]) .drawer-backdrop{background:#070a12b8}}.article{border-left:3px solid transparent;padding-left:10px}.article:not(.is-read){border-left-color:var(--green)}.article-meta .unread-label{display:inline-flex;align-items:center}.source-button.has-unread .truncate,.folder-button.has-unread .truncate{font-weight:700;color:var(--text)}.unread-count{background:var(--green-soft);color:var(--green);font-weight:700;min-width:22px;padding:2px 5px;border-radius:5px;flex-shrink:0}.folder-button .unread-count{margin-left:auto}.folder-button .truncate{flex:1;min-width:0}.website-link{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;color:var(--green);text-decoration:underline;min-height:44px}.website-link span{display:block;width:100%;font-size:13px;overflow-wrap:anywhere}.form-error>.secondary{margin-top:12px}.source-line>.source-website{flex-shrink:0;color:var(--green);min-width:28px;min-height:40px}.source-website:hover{background:var(--hover)}.source-line .source-error-label{display:none}.source-line .warning-icon{min-width:28px;flex-shrink:0}.source-line .source-button .truncate{flex:1;min-width:0}.drag-handle{min-width:18px;min-height:32px;cursor:grab;opacity:.5;padding:0;flex-shrink:0}.drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}.source-line,.folder-line{border-top:2px solid transparent;border-bottom:2px solid transparent}.drop-before{border-top-color:var(--green)}.drop-after{border-bottom-color:var(--green)}.drop-inside{background:var(--green-soft);outline:2px dashed var(--green);outline-offset:-2px}.root-drop{border:1px dashed var(--green);border-radius:6px;padding:12px;margin-bottom:10px;color:var(--green);font-size:13px}.reorder-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reorder-controls>span{width:100%;font-size:14px;color:var(--muted)}@media(max-width:760px),(pointer:coarse){.drag-handle{display:none}}.root-drop{position:sticky;top:0;z-index:2;background:var(--surface)}.drag-handle{touch-action:none;-webkit-user-select:none;user-select:none}.drag-handle svg{pointer-events:none}@media(max-width:760px){.app-shell{touch-action:pan-y pinch-zoom}.topbar{position:sticky;top:0;z-index:15;height:auto;min-height:62px;padding-top:env(safe-area-inset-top,0px)}.mobile-menu{min-width:44px;min-height:44px}.sidebar{overscroll-behavior-y:contain}.content{scroll-margin-top:76px}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}.article-title{display:block;padding:0;text-align:left;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;overflow-wrap:anywhere}.article-title:hover{color:var(--green)}.article-actions{flex-wrap:wrap;column-gap:18px;row-gap:2px}.article-actions .read-more{color:var(--green);font-weight:600}.article-actions a{display:flex;align-items:center;gap:6px;min-height:28px;font-size:13px;color:var(--muted)}.article-actions a:hover{color:var(--green)}.compact .article-actions{grid-column:1/-1;grid-row:auto;justify-content:flex-start;margin-top:6px;gap:16px}.compact .article-actions .read-more span{display:inline}.compact .article-actions a span{display:none}.reader-dialog{width:780px}.reader-dialog .dialog-inner{padding:28px 38px 32px}.reader-dialog .dialog-heading{padding-bottom:15px;border-bottom:1px solid var(--border);margin-bottom:24px}.reader-dialog .dialog-heading h2{font-size:18px}.reader-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:15px}.reader-meta>span{font-weight:600;color:var(--green)}.reader-content>h2{font-size:31px;line-height:1.35;letter-spacing:-.7px;margin-bottom:23px;font-weight:650;overflow-wrap:anywhere}.reader-content p,.reader-content blockquote{font-size:18px;line-height:1.9;margin:0 0 20px;white-space:pre-wrap;overflow-wrap:anywhere}.reader-content h3{font-size:23px;line-height:1.5;margin:27px 0 15px;overflow-wrap:anywhere}.reader-content blockquote{border-left:3px solid var(--green);padding-left:18px;color:var(--muted)}.reader-content p.reader-list-item{padding-left:12px;margin-bottom:10px}.reader-content p.reader-attribution{font-size:14px;color:var(--muted);line-height:1.6;border-bottom:1px solid var(--border);padding-bottom:15px}.reader-content p.reader-notice{font-size:15px;line-height:1.8;background:var(--sidebar);border:1px solid var(--border);padding:13px 15px;border-radius:7px}.reader-image{width:100%;max-height:310px;object-fit:cover;border-radius:8px;margin-bottom:20px}.reader-loading{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:15px;min-height:95px}.reader-footer{border-top:1px solid var(--border);padding-top:20px;margin-top:25px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}@media(max-width:760px){.reader-dialog{width:100%;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.reader-dialog .dialog-inner{padding:20px}.reader-content>h2{font-size:26px;letter-spacing:-.4px}.reader-content p,.reader-content blockquote{font-size:18px;line-height:1.85}.reader-content h3{font-size:22px}.reader-meta{font-size:13px;gap:10px}.reader-footer>*{width:100%}.article-actions{column-gap:15px}.article-actions a{min-height:35px;font-size:12px}.compact .article-actions .read-more{width:auto;min-width:30px}.compact .article-actions{gap:16px}}.reader-dialog[open]{height:100dvh;max-height:100dvh;width:920px;max-width:100vw;margin:0 auto;border-radius:0;overflow-y:auto;overscroll-behavior:contain}.reader-dialog .dialog-heading{position:sticky;top:0;background:var(--surface);z-index:1;padding-top:12px}.reader-dialog .reader-image{aspect-ratio:16/9;height:auto}.reader-footer{position:static}@media(max-width:760px){.reader-dialog[open]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0}.reader-dialog .dialog-inner{padding:0 18px max(24px,env(safe-area-inset-bottom))}.reader-dialog .dialog-heading{padding-top:max(12px,env(safe-area-inset-top));margin-bottom:18px}.reader-content>h2{font-size:27px}.reader-content p{line-height:1.85}}
