:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f0;background:#000;--app-bg: #000000;--surface: #000000;--surface-soft: #000000;--nav-bg: #000000;--line: #00ff00;--line-strong: #00ff00;--text: #00ff00;--muted: #00ff00;--accent: #00ff00;--accent-dark: #00ff00;--accent-soft: #001900;--success: #00ff00;--warning: #00ff00;--danger: #b42318;--danger-soft: #210000;--shadow: none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--app-bg)}button,input,textarea,select{font:inherit}button{min-height:36px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}button svg{flex:0 0 auto}button:hover:not(:disabled),button:focus-visible{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.primary-button{border-color:var(--accent);background:var(--surface);color:var(--accent);font-weight:700;white-space:nowrap}.primary-button:hover:not(:disabled),.primary-button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.danger-button{border-color:var(--danger);color:var(--danger)}.danger-button:hover:not(:disabled),.danger-button:focus-visible{border-color:var(--danger);background:var(--danger-soft)}input,textarea,select{width:100%;min-height:36px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);color:var(--text);padding:8px 10px}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:2px solid var(--accent)}input:disabled,textarea:disabled,select:disabled{background:var(--surface);color:var(--text);opacity:.56}input[type=range]{min-height:24px;padding:0;border:0;background:transparent;accent-color:var(--accent)}textarea{min-height:84px;resize:vertical}a{color:var(--accent-dark)}.app{height:100dvh;display:grid;grid-template-columns:220px minmax(420px,1fr) minmax(480px,560px);grid-template-rows:minmax(0,1fr);background:var(--app-bg);overflow:hidden}.mobile-drawer{display:contents}.mobile-drawer-header,.mobile-drawer-backdrop,.mobile-menu-button{display:none}.sidebar{grid-column:1;grid-row:1;height:100%;min-height:0;min-width:0;border-right:1px solid var(--line);background:var(--nav-bg);padding:16px;display:flex;flex-direction:column;gap:16px}.brand{font-size:21px;font-weight:800;letter-spacing:0}.sidebar-meta{margin-top:2px;color:var(--muted);font-size:12px}.list-nav{min-height:0;display:flex;flex-direction:column;gap:5px;overflow:auto}.list-item{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px}.list-link{justify-content:flex-start;min-width:0;border-color:transparent;background:transparent;color:var(--text);font-weight:650;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.list-link:hover:not(:disabled){background:var(--accent-soft)}.list-link.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.list-order-controls{display:flex;gap:2px;opacity:.72}.list-item:hover .list-order-controls,.list-item:focus-within .list-order-controls{opacity:1}.list-order-controls button{width:24px;min-height:28px;border-color:transparent;background:transparent;padding:0}.list-order-controls button:hover:not(:disabled),.list-order-controls button:focus-visible{background:var(--surface)}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:7px}.inline-form button{padding:0}.workbench{grid-column:2;grid-row:1;height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.stats-mode .workbench{grid-column:2 / 4}.reader{flex:1;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--surface)}.reader-toolbar{flex:0 0 auto;min-height:58px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:8px}.reader-title{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.reader-title span{color:var(--muted);font-size:12px}.reader-title strong{min-width:0;overflow:hidden;color:#fff;font-size:15px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.reader-loading-badge{flex:0 0 32px;width:32px;min-height:32px;border:1px solid var(--accent);border-radius:999px;background:var(--surface);color:var(--accent-dark);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800;opacity:0;visibility:hidden}.reader-loading-badge span{display:none}.reader-loading-badge.active{opacity:1;visibility:visible}.reader-loading-badge.active svg{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reader-actions{flex:0 0 auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:6px}.reader-actions a{width:36px;height:36px;border:1px solid var(--line-strong);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface)}.state-buttons{display:flex;flex-wrap:nowrap;gap:6px}.state-buttons button{min-height:34px;padding:0 10px}.state-toggle.active-state{border-color:var(--accent);background:var(--accent);color:#000;box-shadow:none}.state-toggle.danger-state{border-color:var(--danger);background:var(--danger-soft);color:var(--danger);box-shadow:none}.reader-frame{position:relative;flex:1;min-height:0;background:var(--surface)}.reader-frame iframe{display:block;width:100%;height:100%;border:0;background:var(--surface)}.empty-reader,.loading{height:100%;display:grid;place-items:center;color:var(--muted)}.empty-reader{align-content:center;gap:10px}.stats-page{height:100%;min-height:0;background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.stats-header{flex:0 0 auto;min-height:58px;padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.stats-header h1{margin:0;color:var(--text);font-size:18px;font-weight:800}.stats-header span{color:var(--muted);font-size:12px;font-weight:700}.stats-table{min-height:0;overflow:auto}.stats-row{min-height:46px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(160px,1.7fr) repeat(5,minmax(92px,1fr));align-items:center;gap:8px;padding:8px 12px}.stats-row-head{position:sticky;top:0;z-index:1;min-height:38px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.stats-row strong,.stats-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-row strong{color:var(--text);font-size:13px;font-weight:800}.stats-row span{color:var(--text);font-size:12px;font-weight:750}.right-rail{grid-column:3;grid-row:1;height:100%;min-height:0;min-width:0;border-left:1px solid var(--line);background:var(--surface);overflow:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.right-rail>.panel{flex-shrink:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.panel-header{flex:0 0 auto;min-height:42px;padding:9px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-header h2{min-width:0;margin:0;overflow:hidden;font-size:14px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.panel-title-input{flex:1 1 auto;min-width:0;min-height:32px;border-color:transparent;padding:4px 0;overflow:hidden;color:var(--text);font-size:14px;font-weight:780;text-overflow:ellipsis}.panel-title-input:focus{border-color:var(--accent);padding-inline:8px}.panel-header span{color:var(--muted);font-size:12px;font-weight:700}.panel-header-actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px}.icon-button{width:32px;min-height:32px;padding:0}.queue-view-toggle{display:flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft)}.queue-view-toggle button{min-height:28px;border:0;background:transparent;color:var(--muted);padding:0 8px;font-size:12px;font-weight:750}.queue-view-toggle button.active{background:var(--accent);color:#000;box-shadow:var(--shadow)}.compact-button{min-height:32px;padding:0 9px;font-size:12px;font-weight:750}.save-status{min-width:58px;height:24px;border:1px solid var(--line);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;font-weight:800;text-transform:capitalize}.save-status.unsaved{color:var(--warning)}.save-status.saving{color:var(--accent-dark)}.save-status.error{color:var(--danger)}.article-list{display:flex;flex-direction:column;max-height:340px;overflow:auto}.article-list button{min-height:58px;border:0;border-bottom:1px solid var(--line);border-radius:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;text-align:left}.article-list button:last-child{border-bottom:0}.article-list button:hover:not(:disabled),.article-list button.active{background:var(--accent-soft)}.article-list button>span{min-width:0;display:flex;flex-direction:column}.rule-row strong,.tag-item strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-row small,.tag-item small{color:var(--muted);font-size:11px;font-weight:650}.article-list strong{min-width:0;overflow:hidden;color:#fff;display:-webkit-box;font-size:15px;font-weight:760;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-list em{min-width:44px;height:25px;border:1px solid var(--accent);border-radius:6px;background:var(--surface);color:var(--accent-dark);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-style:normal;font-weight:800}.queue-pagination{min-height:42px;padding:6px 8px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.queue-pagination button{min-height:30px;padding:0 8px;font-size:12px;font-weight:750}.queue-pagination span{color:var(--text);font-size:12px;font-weight:800}.empty-panel{padding:18px 12px;color:var(--muted);font-size:13px}.settings form,.stacked-form{padding:12px;display:flex;flex-direction:column;gap:12px}.settings form{min-height:0;flex:1 1 auto;overflow:hidden}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-grid label,.tag-editor label{min-width:0;display:flex;flex-direction:column;gap:5px;color:var(--text);font-size:12px;font-weight:700}.range-field{grid-column:span 2}.range-field span{display:flex;align-items:center;justify-content:space-between;gap:8px}.range-field strong{color:var(--text);font-size:12px}.mobile-setting-control{display:none}.setting-stepper{grid-template-columns:36px minmax(58px,1fr) 36px;align-items:center;gap:8px}.setting-stepper button{width:36px;min-height:32px;padding:0}.setting-stepper strong{min-height:32px;border:1px solid var(--line);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.settings-grid .checkbox{flex-direction:row;align-items:center}.checkbox input{width:auto;min-height:auto}.form-actions{display:flex;flex-wrap:wrap;gap:8px}.rules{display:flex;flex-direction:column;max-height:min(360px,42dvh);min-height:0;border:1px solid var(--line);border-radius:8px;overflow:auto;padding-bottom:14px}.rule-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:3px;padding:6px 8px;border-left:3px solid transparent;border-bottom:1px solid var(--line)}.rule-row:last-child{border-bottom:0}.rule-row.include{border-left-color:var(--success)}.rule-row.exclude{border-left-color:var(--danger)}.rule-row-header{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.rule-label{min-width:0;display:flex;flex-direction:column}.weight-control{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 62px;align-items:center;gap:8px}.weight-control:has(input:disabled){opacity:.48}.weight-control input[type=range]{min-width:0;min-height:26px;padding:0}.weight-readout{min-width:0;height:28px;border:1px solid var(--line);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text);font-size:12px;font-weight:800}.mode-control{min-height:18px;display:inline-flex;align-items:center;justify-content:flex-end;gap:2px;color:var(--text);font-size:12px;font-weight:800}.mode-control button{min-height:24px;border-color:var(--line);padding:0 7px;font-size:11px;font-weight:800}.mode-control button.active{background:var(--accent);color:#000}.mode-control button.danger-mode{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.mode-control span{padding-left:5px;color:var(--muted);font-size:11px}.tag-list{max-height:320px;overflow:auto;padding-bottom:14px}.tag-item{border-bottom:1px solid var(--line)}.tag-item:last-child{border-bottom:0}.tag-item summary,.tag-summary{min-height:46px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tag-item summary{cursor:pointer;list-style:none}.tag-item summary::-webkit-details-marker{display:none}.tag-item summary:after{content:"+";color:var(--muted);font-weight:800}.tag-item[open] summary:after{content:"-"}.tag-item summary>span,.tag-summary>span{min-width:0;display:flex;flex-direction:column;gap:2px}.tag-item em{border-radius:6px;background:var(--surface);color:var(--text);padding:3px 7px;font-size:11px;font-style:normal;font-weight:800}.system-tag p{margin:0;padding:0 12px 12px;color:var(--text);font-size:13px;line-height:1.4}.tag-editor{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px}.login{height:100%;display:grid;place-items:center;background:var(--nav-bg)}.login-panel{width:min(360px,calc(100vw - 32px));padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.login-panel h1{margin:0 0 4px;font-size:25px;letter-spacing:0}.login-panel p{margin:0;color:var(--muted);font-size:13px}.login-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.error,.error-bar{color:var(--danger)}.error-bar{padding:8px 12px;border-bottom:1px solid var(--danger);background:var(--danger-soft);font-size:13px}@media(max-width:520px){button{padding:0 9px}.login{min-height:100dvh;padding:28px 16px 16px;place-items:start}.login-panel{width:100%;max-width:360px}.reader-toolbar{gap:6px;padding:7px 10px}.reader-toolbar .primary-button{flex:1 1 132px;min-height:34px}.reader-loading-badge{order:2;flex:0 0 132px;min-width:132px;min-height:30px}.reader-title{order:3;flex:1 1 100%}.reader-actions{order:4;gap:6px}.reader-actions a{width:36px;height:34px;flex:0 0 36px}.state-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.state-buttons button{min-height:34px}.reader-frame{min-height:52dvh}.rule-row{grid-template-columns:1fr;align-items:stretch}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media(max-width:1180px){html,body,#root{height:100%;min-height:0}body{overflow:hidden}.app{height:100dvh;min-height:0;display:block;overflow:hidden}.workbench{width:100%;height:100dvh;min-height:0}.stats-mode .workbench{width:100%}.reader{height:100%;min-height:0}.reader-toolbar{height:48px;min-height:48px;padding:6px 5px;border-bottom:1px solid var(--line);display:flex;flex-wrap:nowrap;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.stats-row{grid-template-columns:minmax(120px,1.4fr) repeat(5,minmax(78px,1fr))}.reader-toolbar::-webkit-scrollbar{display:none}.mobile-menu-button{flex:0 0 36px;width:36px;min-height:36px;padding:0;display:inline-flex;font-size:0}.reader-toolbar .primary-button{flex:0 0 36px;width:36px;min-height:36px;padding:0;font-size:0;gap:0}.reader-loading-badge{flex:0 0 28px;min-width:28px;min-height:36px;border-color:transparent;background:transparent;padding:0}.reader-loading-badge span,.reader-title{display:none}.reader-actions{flex:0 0 auto;min-width:max-content;display:flex;flex-wrap:nowrap;align-items:center;gap:4px}.reader-actions a{flex:0 0 36px;width:36px;height:36px}.state-buttons{width:auto;display:flex;flex:0 0 auto;gap:4px}.state-buttons button{flex:0 0 36px;width:36px;min-width:36px;min-height:36px;padding:0;font-size:0;gap:0}.delete-toggle{position:relative}.list-delete-toggle:after,.global-delete-toggle:after{position:absolute;right:3px;bottom:2px;min-width:11px;height:11px;border-radius:999px;background:var(--surface);color:currentColor;font-size:8px;font-weight:850;line-height:11px;text-align:center}.list-delete-toggle:after{content:"L"}.global-delete-toggle:after{content:"G"}.state-buttons button span{display:none}.state-buttons button svg{width:16px;height:16px}.reader-frame{flex:1 1 auto;min-height:0}.mobile-drawer-backdrop{position:fixed;inset:0;z-index:40;min-height:0;border:0;border-radius:0;padding:0;display:block;background:#0f172a61;opacity:0;pointer-events:none}.mobile-drawer-open .mobile-drawer-backdrop{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;inset:0 auto 0 0;z-index:50;width:100vw;background:var(--app-bg);box-shadow:12px 0 28px #0f172a38;display:flex;flex-direction:column;overflow:auto;transform:translate(-104%);transition:transform .16s ease}.mobile-drawer-open .mobile-drawer{transform:translate(0)}.mobile-drawer-header{min-height:48px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-drawer-header strong{font-size:16px}.mobile-drawer .sidebar{position:static;z-index:auto;height:auto;min-height:auto;flex:0 0 auto;padding:12px;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:12px}.mobile-drawer .brand{font-size:20px}.mobile-drawer .sidebar-meta{display:block}.mobile-drawer .list-nav{max-height:180px;flex-direction:column;overflow:auto}.mobile-drawer .list-item{flex:0 0 auto;width:auto}.mobile-drawer .right-rail{border:0;padding:10px;background:var(--app-bg);display:flex;flex-direction:column;overflow:visible}.mobile-drawer .desktop-setting-control{display:none}.mobile-drawer .mobile-setting-control{display:grid}.mobile-drawer .right-rail .panel{flex:0 0 auto;max-height:none}.mobile-drawer .article-list,.mobile-drawer .tag-list,.mobile-drawer .rules{max-height:320px}}