:root{--bg:#f7f7f3;--panel:#fff;--soft:#f1f2ed;--side:#eceee8;--text:#20231f;--muted:#747a72;--faint:#a7aca5;--line:#e1e3dd;--accent:#3f7554;--accent2:#2e6445;--accent-soft:#dfece3;--hover:#e5e8e1;--shadow:0 22px 70px rgba(30,37,31,.18)}
:root[data-theme=dark]{--bg:#171a17;--panel:#202420;--soft:#292d29;--side:#1c201c;--text:#edf0ea;--muted:#a7aea5;--faint:#747b73;--line:#343a34;--accent:#7fb18d;--accent2:#9bc5a6;--accent-soft:#2d4534;--hover:#292f29;--shadow:0 22px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.16em}
.brand-mark{width:23px;height:23px;display:inline-block;position:relative;transform:rotate(-8deg)}.brand-mark i{position:absolute;height:4px;border-radius:99px;background:var(--accent);transform-origin:left}.brand-mark i:nth-child(1){width:19px;left:2px;top:3px;transform:rotate(20deg)}.brand-mark i:nth-child(2){width:15px;left:3px;top:10px;transform:rotate(8deg)}.brand-mark i:nth-child(3){width:10px;left:5px;top:17px;transform:rotate(-4deg)}
/* Login */
.login-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:#e9ece5}.login-shell{width:min(1000px,100%);min-height:610px;display:grid;grid-template-columns:45% 55%;overflow:hidden;border:1px solid #d9ddd5;border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(34,45,36,.16)}.login-panel{padding:64px clamp(36px,6vw,76px);display:flex;flex-direction:column;justify-content:center}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:68px}.login-brand>span:nth-child(2){font:700 22px Georgia,serif}.login-brand small{margin-left:auto;padding:4px 6px;border:1px solid #dfe3dc;border-radius:4px;color:#7d847c;font-size:8px;font-weight:800;letter-spacing:.12em}.login-panel h1{margin:0;font:600 clamp(28px,4vw,42px)/1.35 Georgia,"Yu Mincho",serif;letter-spacing:-.04em}.login-lead{margin:12px 0 30px;color:#747a72;font-size:12px}.login-form{display:grid;gap:10px}.login-form label{font-size:11px;font-weight:750}.login-form input{height:46px;padding:0 13px;border:1px solid #dce0d9;border-radius:9px;outline:0;background:#f6f7f3}.login-form input:focus{border-color:#3f7554;box-shadow:0 0 0 3px #dfece3;background:#fff}.login-form button{height:44px;margin-top:5px;border:0;border-radius:9px;background:#3f7554;color:#fff;font-weight:750;cursor:pointer}.login-form button:hover{background:#2e6445}.login-error{margin:-10px 0 18px;padding:10px 12px;border-radius:8px;background:#fbe8e5;color:#963c31;font-size:11px}.login-note{margin:24px 0 0;color:#a2a8a0;font-size:9px}.login-visual{position:relative;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:1px;padding:55px 26px;background:#f6f6f0;overflow:hidden}.visual-column{padding:35px 25px;background:rgba(255,255,255,.56);border-left:1px solid #dfe3d9}.visual-column b{display:block;width:30px;height:30px;margin-bottom:28px;border-radius:50%;background:#376c4a}.visual-column i{display:block;width:85%;height:8px;margin:0 0 17px;border-radius:99px;background:#d6ddcf}.visual-column i:nth-child(3){width:64%}.visual-column i:nth-child(4){width:92%;margin-top:46px}.visual-column i:nth-child(5){width:54%}.visual-column.wide b{border-radius:4px;width:22px;height:32px}.visual-stream{position:absolute;left:-6%;width:115%;height:54px;border-radius:50%;border-top:15px solid #2d6242;transform:rotate(-8deg);background:#f6f6f0}.visual-stream.one{bottom:100px}.visual-stream.two{bottom:48px;border-top-color:#dce4d5;transform:rotate(5deg)}
/* Application shell */
.app-shell{height:100vh;display:flex;overflow:hidden;background:var(--bg)}.sidebar{width:252px;height:100vh;flex:0 0 252px;display:flex;flex-direction:column;padding:24px 14px 14px;background:var(--side);border-right:1px solid var(--line);position:relative;z-index:30}.brand-row{height:38px;padding:0 10px;display:flex;align-items:center;gap:9px}.brand-name{font:700 20px Georgia,serif;letter-spacing:-.03em}.internal-badge{margin-left:auto;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.1em;border:1px solid var(--line);border-radius:4px;padding:4px 5px 3px}.add-feed-button{margin:20px 6px 16px;height:39px;border:1px solid var(--accent);color:var(--accent2);background:transparent;border-radius:9px;font-weight:700;cursor:pointer}.add-feed-button:hover{background:var(--accent-soft)}.add-feed-button span{font-size:18px}.primary-nav{padding-bottom:13px;border-bottom:1px solid var(--line)}.primary-nav button,.category-row,.feed-row{width:100%;height:35px;border:0;border-radius:7px;background:transparent;display:flex;align-items:center;gap:10px;padding:0 10px;cursor:pointer;color:var(--muted);text-align:left}.primary-nav button:hover,.category-row:hover,.feed-row:hover{background:var(--hover);color:var(--text)}.primary-nav button.active,.category-row.active,.feed-row.active{background:var(--panel);color:var(--text);box-shadow:0 1px 4px rgba(31,40,33,.05)}.primary-nav button span:nth-child(2),.feed-row span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-nav b,.category-row b{font-size:11px;color:var(--faint);font-weight:600}.nav-icon{width:17px;text-align:center}.sidebar-scroll{overflow-y:auto;flex:1;padding:17px 0;scrollbar-width:thin}.section-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);padding:0 9px 8px;font-size:10px;font-weight:800;letter-spacing:.1em}.section-label button{border:0;background:transparent;color:var(--muted);font-size:17px;cursor:pointer}.feed-group+.feed-group{margin-top:6px}.category-row{gap:0;padding:0;cursor:default;font-weight:700;color:var(--text)}.category-toggle,.category-select{height:100%;border:0;background:transparent;color:inherit;cursor:pointer}.category-toggle{width:32px;flex:0 0 32px;padding:0;color:var(--faint);font-size:16px}.category-select{min-width:0;flex:1;display:flex;align-items:center;gap:10px;padding:0 10px 0 0;text-align:left;font:inherit}.category-select span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-toggle:focus-visible,.category-select:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.category-feeds[hidden]{display:none}.feed-row{padding-left:30px;gap:9px;height:33px}.source-dot{width:25px;height:25px;border-radius:7px;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:11px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.source-dot.small{width:18px;height:18px;border-radius:5px;font-size:8px}.remove-feed{width:20px;opacity:0;text-align:center;font-size:17px;color:var(--faint)}.feed-row:hover .remove-feed{opacity:1}.sidebar-footer{min-height:55px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:12px 6px 0}.workspace-avatar,.avatar-button{width:31px;height:31px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;background:#323b34;font-weight:800;font-size:10px}.sidebar-footer>div:nth-child(2){min-width:0;flex:1}.sidebar-footer strong,.sidebar-footer div:nth-child(2) span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer strong{font-size:12px}.sidebar-footer div:nth-child(2) span{color:var(--muted);font-size:10px;margin-top:2px}.theme-button,.logout-form button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.theme-button:hover,.logout-form button:hover{background:var(--hover)}.logout-form{margin:0}
.workspace{flex:1;min-width:0;height:100vh;display:flex;flex-direction:column}.topbar{height:64px;flex:0 0 64px;padding:0 22px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;gap:11px}.search-box{width:min(520px,54vw);height:37px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--muted)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--panel)}.search-box>span{font-size:19px;transform:rotate(-12deg)}.search-box input{flex:1;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.search-box input::placeholder{color:var(--faint)}kbd{border:1px solid var(--line);border-radius:5px;padding:2px 6px;font-size:10px;color:var(--faint);background:var(--panel)}.manual-refresh-button{height:38px;margin-left:auto;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--accent);border-radius:10px;background:var(--accent-soft);color:var(--accent2);cursor:pointer;font-size:11px;font-weight:800;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}.manual-refresh-button:hover{border-color:var(--accent2);background:var(--panel);box-shadow:0 2px 8px rgba(46,100,69,.12)}.manual-refresh-button:focus-visible{outline:0;box-shadow:0 0 0 3px var(--accent-soft)}.manual-refresh-button:disabled{cursor:wait;opacity:.68}.refresh-symbol{display:inline-flex;font-size:17px;line-height:1}.icon-button,.mobile-menu{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel);cursor:pointer;font-size:18px}.avatar-button{border:0;cursor:default}.mobile-menu{display:none}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.content-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(430px,48%) minmax(360px,1fr)}.article-column{min-width:0;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--line)}.list-heading{min-height:134px;padding:27px 30px 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.list-heading h1{margin:0;font:600 27px/1.2 Georgia,"Yu Mincho",serif;letter-spacing:-.03em}.list-heading>div>p:last-child{color:var(--muted);margin:7px 0 0;font-size:11px}.heading-actions{display:flex;gap:7px}.heading-actions button{height:33px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);padding:0 11px;cursor:pointer;font-size:11px;white-space:nowrap}.heading-actions button:hover{border-color:var(--accent);color:var(--accent2)}.heading-actions button:last-child{width:33px;padding:0;font-size:16px}.article-list{overflow-y:auto;flex:1;scrollbar-width:thin}.article-row{min-height:150px;padding:21px 22px 19px 30px;display:flex;gap:13px;position:relative;border-bottom:1px solid var(--line);cursor:pointer;outline:0}.article-row:hover{background:var(--bg)}.article-row.selected{background:var(--accent-soft)}.article-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.article-row.is-read h2{font-weight:500;color:var(--muted)}.article-row.is-read p{color:var(--faint)}.unread-indicator{position:absolute;left:12px;top:27px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.article-row.is-read .unread-indicator{background:transparent;border:1px solid var(--line)}.article-row-body{flex:1;min-width:0}.article-source-line{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.article-source-line strong{color:var(--text)}.article-row h2{margin:11px 0 7px;font-size:15px;line-height:1.45;font-weight:750;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.article-row p{margin:0;color:var(--muted);font-size:11px;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.article-tags{margin-top:11px;display:flex;gap:6px}.article-tags span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:99px;color:var(--muted);background:var(--soft);padding:3px 7px;font-size:9px}.article-thumb{width:96px;height:auto;border-radius:9px;object-fit:contain;align-self:center;background:var(--soft);cursor:grab}.article-thumb:active{cursor:grabbing}.save-button{align-self:flex-start;width:26px;height:26px;border:0;background:transparent;color:var(--faint);font-size:18px;cursor:pointer;border-radius:6px}.save-button:hover,.save-button.saved{color:var(--accent2);background:var(--panel)}.density-compact .article-row{min-height:102px;padding-top:14px;padding-bottom:13px}.density-compact .article-row p,.density-compact .article-tags{display:none}.density-compact .article-thumb{width:70px;height:auto}.article-skeleton{min-height:142px;padding:24px 30px;display:flex;gap:12px;border-bottom:1px solid var(--line)}.article-skeleton>span{width:20px;height:20px;border-radius:6px;background:var(--soft);animation:pulse 1.4s ease-in-out infinite}.article-skeleton>div{flex:1}.article-skeleton i{display:block;height:10px;max-width:85%;margin:0 0 13px;border-radius:5px;background:var(--soft);animation:pulse 1.4s ease-in-out infinite}.article-skeleton i:first-child{width:22%;height:7px}.article-skeleton i:last-child{width:64%}@keyframes pulse{50%{opacity:.45}}.empty-state{min-height:420px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;text-align:center}.empty-rings{width:76px;height:65px;position:relative;margin-bottom:18px}.empty-rings i{position:absolute;height:10px;background:var(--accent-soft);border-radius:99px;transform-origin:left}.empty-rings i:nth-child(1){width:64px;left:7px;top:5px;transform:rotate(15deg)}.empty-rings i:nth-child(2){width:48px;left:14px;top:27px;transform:rotate(7deg)}.empty-rings i:nth-child(3){width:29px;left:22px;top:47px}.empty-state h2{margin:0;font:600 20px Georgia,serif}.empty-state p{max-width:360px;color:var(--muted);line-height:1.7}.empty-state button{border:0;border-radius:8px;background:var(--accent);color:#fff;padding:10px 15px;cursor:pointer;font-weight:700}
.reader-pane{min-width:0;overflow-y:auto;background:var(--bg);position:relative}.reader-inner{max-width:760px;margin:0 auto;padding:46px clamp(34px,5vw,78px) 70px;position:relative}.reader-close{display:none;position:absolute;top:22px;right:24px;width:31px;height:31px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.reader-source{display:flex;align-items:center;gap:10px;margin-bottom:24px}.reader-source strong,.reader-source span{display:block}.reader-source strong{font-size:11px}.reader-source div span{margin-top:2px;color:var(--muted);font-size:9px}.reader-inner>h2{margin:0;font:600 clamp(25px,2.4vw,36px)/1.35 Georgia,"Yu Mincho",serif;letter-spacing:-.035em}.reader-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;color:var(--muted);font-size:10px}.reader-actions{display:flex;gap:8px;margin:25px 0 31px}.reader-actions a,.reader-actions button{height:36px;border-radius:8px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;font-weight:700;font-size:11px}.reader-actions a{color:#fff;background:var(--accent)}.reader-actions button{color:var(--muted);background:var(--panel);border:1px solid var(--line)}.reader-actions button.saved{color:var(--accent2);border-color:var(--accent)}.reader-image{display:block;width:auto;max-width:100%;height:auto;border-radius:12px;background:var(--soft);margin:0 auto 30px;cursor:grab}.reader-image:active{cursor:grabbing}.reader-copy{padding:27px 0 5px;border-top:1px solid var(--line)}.summary-label{margin:0 0 13px!important;color:var(--accent)!important;font-size:9px!important;font-weight:850;letter-spacing:.16em}.reader-copy>p:last-child{margin:0;color:var(--text);font:15px/2 Georgia,"Yu Mincho",serif}.reader-footer-note{margin-top:38px;padding:18px 0;border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:12px;color:var(--faint)}.reader-footer-note span{color:var(--accent);font:700 15px Georgia,serif}.reader-footer-note p{margin:0;font-size:9px;line-height:1.6}.reader-placeholder{height:100%;min-height:480px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--faint);line-height:1.7;white-space:pre-line}.reader-placeholder>span{font-size:25px;color:var(--line)}.reader-placeholder p{font-size:11px}
.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(21,27,22,.46);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop[hidden]{display:none}.add-modal{width:min(470px,100%);border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);padding:35px 36px 30px;position:relative;animation:modal-in .18s ease-out}@keyframes modal-in{from{opacity:0;transform:translateY(7px) scale(.985)}}.modal-close{position:absolute;top:14px;right:14px;width:31px;height:31px;border:0;border-radius:50%;background:transparent;font-size:20px;color:var(--muted);cursor:pointer}.modal-icon{width:40px;height:40px;border-radius:11px;margin-bottom:17px;background:var(--accent-soft);color:var(--accent2);display:flex;align-items:center;justify-content:center;font-size:25px}.add-modal h2{margin:0;font:600 25px Georgia,"Yu Mincho",serif}.modal-lead{margin:8px 0 25px;color:var(--muted);font-size:11px}.add-modal form{display:grid;gap:17px}.add-modal label>span{display:block;margin-bottom:7px;font-weight:700;font-size:11px}.add-modal label b{color:var(--accent);font-size:9px}.add-modal label small{color:var(--muted);font-weight:400}.add-modal input{width:100%;height:42px;border:1px solid var(--line);border-radius:8px;outline:0;padding:0 12px;background:var(--soft);color:var(--text)}.add-modal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--panel)}.form-error{margin:-4px 0 0;padding:9px 11px;border-radius:7px;background:#fce8e5;color:#993c31;font-size:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}.modal-actions button{height:38px;border:1px solid var(--line);border-radius:8px;padding:0 15px;background:var(--panel);cursor:pointer;font-weight:700;font-size:11px}.modal-actions button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-actions button:disabled{opacity:.55}.toast{position:fixed;z-index:120;left:50%;bottom:27px;transform:translateX(-50%);height:42px;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:10px;color:#fff;background:#2d342f;box-shadow:0 10px 35px rgba(0,0,0,.2);font-size:11px;animation:toast-in .2s ease-out}.toast[hidden]{display:none}.toast span{color:#a7d6b3;font-size:15px}.toast b{font-weight:650}@keyframes toast-in{from{opacity:0;transform:translate(-50%,7px)}}.sidebar-scrim{display:none}
@media(max-width:1020px){.content-grid{grid-template-columns:minmax(400px,53%) minmax(330px,1fr)}.reader-inner{padding-left:34px;padding-right:34px}.article-thumb{display:none}}
@media(max-width:820px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-102%);transition:transform .22s ease;box-shadow:var(--shadow)}.sidebar.is-open{transform:translateX(0)}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:25;border:0;background:rgba(15,20,16,.38);opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-scrim.is-visible{opacity:1;pointer-events:auto}.mobile-menu{display:block}.content-grid{grid-template-columns:1fr}.reader-pane{position:fixed;z-index:45;inset:64px 0 0;transform:translateX(102%);transition:transform .23s;background:var(--panel)}.reader-pane.mobile-open{transform:translateX(0)}.reader-close{display:block}.article-column{border-right:0}.search-box{width:auto;flex:1}kbd{display:none}}
@media(max-width:650px){.login-page{padding:0}.login-shell{min-height:100vh;grid-template-columns:1fr;border:0;border-radius:0}.login-panel{padding:45px 28px}.login-visual{display:none}.login-brand{margin-bottom:80px}.topbar{height:57px;flex-basis:57px;padding:0 12px;gap:7px}.manual-refresh-button{height:36px;padding:0 10px}.refresh-label{font-size:0}.refresh-label:after{content:"手動更新";font-size:10px}.manual-refresh-button[aria-busy=true] .refresh-label:after{content:"更新中…"}.reader-pane{inset:57px 0 0}.avatar-button{display:none}.list-heading{min-height:116px;padding:20px 18px 15px}.list-heading h1{font-size:23px}.heading-actions button:first-child{width:34px;overflow:hidden;padding:0;color:transparent;position:relative}.heading-actions button:first-child:after{content:"✓";color:var(--muted);position:absolute;inset:0;display:grid;place-items:center}.article-row{min-height:137px;padding:18px 14px 16px 25px}.article-row p{-webkit-line-clamp:1}.article-tags span:nth-child(n+2){display:none}.save-button{padding:0}.reader-inner{padding:34px 22px 60px}.reader-inner>h2{font-size:26px}.reader-actions{flex-direction:column}.reader-actions a,.reader-actions button{width:100%}.add-modal{padding:31px 22px 24px}.toast{bottom:18px;max-width:calc(100vw - 30px);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Keep both article panes inside the viewport so each pane can scroll independently. */
.content-grid{grid-template-rows:minmax(0,1fr);overflow:hidden}
.article-column,.reader-pane{min-height:0}

/* CSV selection and genre export */
.list-heading{min-height:178px;padding:24px 30px 17px;align-items:flex-start;flex-wrap:wrap;gap:15px 20px}
.export-toolbar{flex:0 0 100%;min-width:0;min-height:39px;padding:6px 7px 6px 11px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}
.export-select-all{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:10px;font-weight:700;white-space:nowrap}
.export-select-all input,.export-checkbox{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}
.export-select-all input:disabled{cursor:default;opacity:.5}
.export-count{flex:1;color:var(--muted);font-size:10px}
.export-button{height:29px;padding:0 12px;border:0;border-radius:7px;background:var(--accent);color:#fff;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.export-button:hover{background:var(--accent2)}
.export-button:disabled{background:var(--line);color:var(--faint);cursor:default}
.export-checkbox{flex:0 0 auto;margin-top:2px}
.reader-actions{flex-wrap:wrap}
.reader-actions button.export-included{color:var(--accent2);border-color:var(--accent)}

@media(max-width:650px){
  .list-heading{min-height:166px;padding:18px 18px 13px;gap:12px}
  .export-toolbar{gap:7px}
  .export-select-all span{display:none}
  .export-count{font-size:9px}
}