:root{--topbar-h: 44px;--sidebar-w: 220px;--rail-w: 272px;--feed-max: 880px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--bg: oklch(100% 0 0);--surface: oklch(100% 0 0);--sidebar-bg: oklch(98% .002 250);--rail-bg: oklch(99% .001 250);--hover: oklch(98% .002 250);--active-pill: oklch(94% .006 250);--text-primary: oklch(20% .02 265);--text-secondary: oklch(42% .012 265);--text-muted: oklch(60% .008 265);--text-faint: oklch(74% .005 265);--border: oklch(94% .003 250);--border-strong: oklch(88% .006 250);--divider: oklch(96.5% .002 250);--navy: oklch(28% .06 265);--navy-mid: oklch(38% .08 265);--navy-soft: oklch(58% .1 265);--navy-faint: oklch(94% .02 265);--score-hi-bg: oklch(95.5% .045 148);--score-hi-text: oklch(40% .13 148);--score-mid-bg: oklch(96.5% .04 78);--score-mid-text: oklch(45% .1 62);--score-neutral-bg: oklch(96% .004 250);--score-neutral-text: oklch(45% .012 265);--score-lo-bg: oklch(96% .03 25);--score-lo-text: oklch(46% .1 25);--paywall-text: oklch(50% .06 60);--stale-bg: oklch(96% .025 40);--stale-text: oklch(48% .1 40);--trend-text: oklch(48% .13 148);--ease-out: cubic-bezier(.25, 1, .5, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1);--t-fast: .11s;--t-base: .2s;--t-slow: .3s;--font-ui: "Libre Franklin", "Inter", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--text-primary);line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;text-rendering:optimizeLegibility}button{font-family:inherit}:focus-visible{outline:2px solid var(--navy-soft);outline-offset:2px;border-radius:4px}.app-shell{display:grid;grid-template-rows:var(--topbar-h) 1fr;height:100vh;overflow:hidden}.app-body{display:grid;grid-template-columns:var(--sidebar-w) 1fr var(--rail-w);height:calc(100vh - var(--topbar-h));overflow:hidden}.app-body.no-rail{grid-template-columns:var(--sidebar-w) 1fr}.topbar{display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-4) 0 var(--sp-4);background:var(--surface);border-bottom:1px solid var(--divider);height:var(--topbar-h);position:relative;z-index:30}.topbar-brand{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-ui);font-size:12.5px;font-weight:700;letter-spacing:.005em;color:var(--text-primary);width:calc(var(--sidebar-w) - var(--sp-4));flex-shrink:0}.topbar-brand-mark{width:20px;height:20px;border-radius:4px;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:0}.topbar-pub-switcher{background:transparent;border:none;font-family:var(--font-ui);font-size:12.5px;font-weight:700;letter-spacing:.005em;color:var(--text-primary);cursor:pointer;padding:0;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.topbar-pub-switcher:focus{outline:none;text-decoration:underline}.topbar-pub-switcher:hover{text-decoration:underline}.topbar-search{flex:0 1 320px;display:flex;align-items:center;gap:6px;border:none;border-radius:0;padding:0;height:28px;background:transparent}.topbar-search svg{color:var(--text-faint);flex-shrink:0}.topbar-search:focus-within svg{color:var(--text-muted)}.topbar-search input{border:none;background:transparent;outline:none;font-family:var(--font-ui);font-size:13px;color:var(--text-primary);width:100%}.topbar-search input::placeholder{color:var(--text-faint);font-weight:400}.topbar-filters{display:flex;align-items:center;gap:2px;height:28px}.filter-pill{background:transparent;border:none;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;padding:4px 9px;border-radius:4px;letter-spacing:0;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.filter-pill:hover{color:var(--text-primary)}.filter-pill.active{color:var(--text-primary);font-weight:600;background:var(--hover)}.topbar-spacer{flex:1}.topbar-meta{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:12px}.topbar-icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:color var(--t-fast),background var(--t-fast)}.topbar-icon-btn:hover{color:var(--text-primary);background:var(--hover)}.topbar-icon-btn.spinning svg{animation:spin .9s linear infinite}.unread-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--navy);color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em}.fixture-badge{font-size:9.5px;font-weight:700;letter-spacing:.08em;color:#251000;color:oklch(20% .1 60);background:#ffcf7d;background:oklch(88% .16 80);padding:3px var(--sp-2);border-radius:3px;cursor:pointer;-webkit-user-select:none;user-select:none}.fixture-badge:hover{background:#fdb500;background:oklch(82% .18 80)}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--divider);overflow-y:auto;padding:var(--sp-3) 10px var(--sp-5);display:flex;flex-direction:column;gap:1px}.sidebar-section+.sidebar-section{margin-top:var(--sp-3)}.sidebar-label{font-size:11px;font-weight:600;letter-spacing:.005em;color:var(--text-faint);padding:0 10px;margin-bottom:4px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:5px 10px;border-radius:5px;font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;width:100%;text-align:left;letter-spacing:0;min-height:28px;transition:background var(--t-fast),color var(--t-fast)}.sidebar-item:hover{background:var(--hover);color:var(--text-primary)}.sidebar-item.active{background:var(--active-pill);color:var(--text-primary);font-weight:600}.sidebar-item.active .sidebar-icon{color:var(--text-primary)}.sidebar-item:disabled{opacity:.5;cursor:not-allowed}.sidebar-item:disabled:hover{background:transparent;color:var(--text-secondary)}.sidebar-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.sidebar-label-text{flex:1}.sidebar-count{font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-muted);letter-spacing:0}.sidebar-item.active .sidebar-count{color:var(--text-secondary)}.sidebar-coming-soon{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.sidebar-divider{height:1px;background:var(--divider);margin:8px 10px}.main-column{overflow-y:auto;background:var(--surface);position:relative}.main-inner{max-width:var(--feed-max);padding:var(--sp-6) var(--sp-7) var(--sp-12)}@media (max-width: 1280px){.main-inner{padding:var(--sp-5) var(--sp-6) var(--sp-12)}}.feed-header{margin-bottom:var(--sp-4);padding-bottom:var(--sp-2)}.feed-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:0;color:var(--text-muted);margin-bottom:2px}.feed-title{font-family:var(--font-ui);font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.15;margin-bottom:4px}.feed-sub{font-size:13px;color:var(--text-muted);letter-spacing:0}.feed-run{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:12px}.run-chip{padding:2px 8px;border-radius:999px;background:var(--hover);color:var(--text-muted);font-variant-numeric:tabular-nums}.run-chip--stale{background:#ffe8c2;background:oklch(94% .06 80);color:#6a3a06}.run-refresh{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--divider);color:var(--text-primary);padding:2px 10px;border-radius:999px;font-size:12px;cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.run-refresh:hover:not(:disabled){background:var(--hover)}.run-refresh:disabled{opacity:.55;cursor:default}.feed-section+.feed-section{margin-top:0}.people-show-more{display:block;margin:16px auto 8px;padding:8px 14px;background:transparent;color:var(--ink-muted);border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.people-show-more:hover{background:var(--hover);color:var(--ink)}.section-eyebrow{display:none}.article-row{display:grid;grid-template-columns:22px 1fr;column-gap:var(--sp-3);align-items:start;padding:14px 6px;border-bottom:1px solid var(--divider);cursor:default;position:relative;transition:background var(--t-fast) var(--ease-out)}.article-row.has-thumb{grid-template-columns:22px 1fr 112px}.article-thumb{width:112px;height:84px;border-radius:6px;overflow:hidden;background:var(--hover);align-self:start;margin-top:2px}.article-thumb img{width:100%;height:100%;object-fit:cover;display:block}.article-row:first-child{border-top:1px solid var(--divider)}.article-row:hover{background:#fbfcfd}.article-row.is-selected{background:#f8fafe}.article-row.is-selected:hover{background:#f4f7fc}.article-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:11px;cursor:pointer;position:relative}.article-check input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.article-check-box{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:#fff;border:1.5px solid var(--border-strong);color:transparent;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.article-check:hover .article-check-box{border-color:var(--navy-soft)}.article-check input:focus-visible+.article-check-box{outline:2px solid var(--navy-soft);outline-offset:2px}.article-check input:checked+.article-check-box{background:var(--navy);border-color:var(--navy);color:#fff}.people-row .article-title{margin-bottom:2px}.people-row.people-row--low{opacity:.55}.people-row.people-row--low:hover{opacity:.85}.people-row.people-row--low.is-focused{opacity:1}.people-move{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;line-height:1.4;color:var(--text-secondary);margin-bottom:4px;letter-spacing:0}.people-prior{color:var(--text-muted)}.people-arrow{color:var(--text-faint);font-weight:500}.people-new{color:var(--text-primary);font-weight:500}.people-tabs{display:flex;align-items:center;gap:2px;margin:0 0 var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--divider)}.people-tab{background:transparent;border:none;font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;padding:6px 12px 8px;border-radius:0;letter-spacing:0;position:relative;display:inline-flex;align-items:center;gap:6px;transition:color var(--t-fast);margin-bottom:-1px}.people-tab:hover{color:var(--text-primary)}.people-tab.active{color:var(--text-primary);font-weight:600}.people-tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--navy);border-radius:1px}.people-tab-count{font-size:11px;font-weight:500;color:var(--text-faint);font-variant-numeric:tabular-nums;letter-spacing:0}.people-tab.active .people-tab-count{color:var(--text-muted)}.score-badge{display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0;padding:0 5px;border-radius:3px;line-height:16px;font-family:var(--font-ui);flex-shrink:0}.score-badge.tier-hi{background:var(--score-hi-bg);color:var(--score-hi-text)}.score-badge.tier-mid{background:var(--score-mid-bg);color:var(--score-mid-text)}.score-badge.tier-neutral{background:var(--score-neutral-bg);color:var(--score-neutral-text)}.score-badge.tier-lo{background:var(--score-lo-bg);color:var(--score-lo-text)}.article-body{min-width:0;padding-top:0}.article-title{font-family:var(--font-ui);font-size:18px;font-weight:600;line-height:1.3;color:var(--text-primary);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.012em;margin-bottom:4px;transition:color var(--t-fast)}.article-title:hover{color:var(--navy)}.article-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--text-muted);margin-bottom:4px;letter-spacing:0}.meta-source{font-weight:500;color:var(--text-secondary)}.meta-sep{color:var(--text-faint)}.meta-time{color:var(--text-muted)}.meta-stale{color:var(--text-faint);font-size:11.5px;font-style:italic}.tag{font-size:10.5px;font-weight:600;letter-spacing:0;padding:0 5px;border-radius:3px;line-height:16px}.tag-paywall{color:var(--paywall-text);background:var(--score-mid-bg)}.article-excerpt{font-size:13.5px;line-height:1.45;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;letter-spacing:0}.draft-rail{background:var(--rail-bg);border-left:1px solid var(--divider);display:flex;flex-direction:column;overflow:hidden}.rail-header{padding:12px var(--sp-4) 8px;display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.rail-title{font-size:12.5px;font-weight:600;letter-spacing:0;color:var(--text-primary)}.rail-count{font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--text-muted)}.rail-list{flex:1;overflow-y:auto;padding:4px var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:0}.rail-section-label{display:flex;align-items:baseline;justify-content:space-between;padding:10px var(--sp-3) 4px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.rail-section-label+.queue-item{border-top:none}.rail-section-count{font-variant-numeric:tabular-nums;font-weight:500}.rail-empty{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;padding:var(--sp-2) var(--sp-4);gap:2px}.rail-empty-title{font-size:12.5px;font-weight:500;color:var(--text-secondary);margin-top:2px}.rail-empty-sub{font-size:11.5px;color:var(--text-muted);line-height:1.5}.queue-item{display:grid;grid-template-columns:16px 1fr 20px;column-gap:8px;align-items:start;padding:8px 6px;border-radius:5px;background:transparent;cursor:grab;position:relative;transition:background var(--t-fast);animation:rail-in var(--t-slow) var(--ease-expo) both}.queue-item+.queue-item{border-top:1px solid var(--divider);border-radius:0}.queue-item:hover{background:var(--hover);border-radius:5px}.queue-item:hover+.queue-item{border-top-color:transparent}.queue-item:active{cursor:grabbing}.queue-item.dragging{opacity:.4}.queue-item.drag-over-top{box-shadow:inset 0 2px 0 var(--navy)}.queue-item.drag-over-bottom{box-shadow:inset 0 -2px 0 var(--navy)}.qi-actions{grid-column:1 / -1;display:flex;gap:var(--sp-1);margin-top:6px}.qi-btn{flex:1;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;padding:4px 6px;font-family:var(--font-ui);font-size:10.5px;font-weight:500;letter-spacing:.02em;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:22px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.qi-btn:hover{background:var(--hover);color:var(--text-primary);border-color:var(--border-strong)}.qi-btn:focus-visible{outline:2px solid var(--navy-soft);outline-offset:1px}@keyframes rail-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.queue-item{animation:none}}.queue-pos{font-size:11px;font-weight:500;color:var(--text-faint);font-variant-numeric:tabular-nums;padding-top:2px;text-align:right}.queue-body{min-width:0}.queue-title{font-family:var(--font-ui);font-size:12.5px;font-weight:500;line-height:1.35;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:2px;letter-spacing:-.005em}.queue-meta{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted)}.queue-meta-score{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:14px;padding:0 3px;border-radius:3px;font-size:9.5px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0}.queue-meta-score.tier-hi{background:var(--score-hi-bg);color:var(--score-hi-text)}.queue-meta-score.tier-mid{background:var(--score-mid-bg);color:var(--score-mid-text)}.queue-meta-score.tier-neutral{background:var(--score-neutral-bg);color:var(--score-neutral-text)}.queue-meta-score.tier-lo{background:var(--score-lo-bg);color:var(--score-lo-text)}.queue-tag{font-size:9px;padding:0 4px;line-height:14px}.btn-remove{background:none;border:none;color:var(--text-faint);font-size:14px;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:color var(--t-fast),opacity var(--t-fast)}.queue-item:hover .btn-remove{opacity:1}.btn-remove:hover{color:var(--score-lo-text)}.rail-footer{padding:10px var(--sp-4) 12px;border-top:1px solid var(--divider);background:var(--rail-bg)}.rail-footer-meta{font-size:11px;color:var(--text-faint);margin-bottom:6px;font-variant-numeric:tabular-nums;letter-spacing:0}.rail-footer-link{display:inline-block;font-size:11px;font-weight:500;color:var(--text-secondary);text-decoration:none;letter-spacing:.02em;transition:color var(--t-fast)}.rail-footer-link:hover{color:var(--navy)}.rail-compile-btn{display:block;width:100%;padding:10px 14px;border:0;border-radius:4px;background:var(--navy, #111827);color:#fff;font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:opacity var(--t-fast)}.rail-compile-btn:hover:not(:disabled){opacity:.9}.rail-compile-btn:disabled{opacity:.45;cursor:not-allowed}.feed-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-16) var(--sp-8);gap:var(--sp-2)}.state-icon{width:48px;height:48px;border-radius:12px;background:var(--hover);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:var(--sp-3)}.state-label{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px}.state-sub{font-size:13px;color:var(--text-muted);max-width:380px;line-height:1.6}.state-msg{font-size:12.5px;margin-top:var(--sp-3)}.state-msg.ok{color:var(--score-hi-text)}.state-msg.err{color:var(--score-lo-text)}.btn-primary{background:var(--navy);color:#fff;border:none;border-radius:7px;padding:10px 22px;font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:background var(--t-fast);min-height:38px}.btn-primary:hover:not(:disabled){background:var(--navy-mid)}.btn-primary:disabled{opacity:.4;cursor:default}.skeleton-row{height:96px;border-bottom:1px solid var(--divider);position:relative;overflow:hidden}.skeleton-row:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--hover) 50%,transparent 100%);animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skeleton-row:after{animation:none}}.shortcut-hint{position:fixed;bottom:var(--sp-3);left:calc(var(--sidebar-w) + var(--sp-5));display:flex;align-items:center;gap:var(--sp-2);background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:999px;padding:5px var(--sp-3);font-size:10.5px;color:var(--text-muted);font-family:var(--font-ui);letter-spacing:.02em;z-index:5;box-shadow:0 2px 8px #0f16240a}.shortcut-hint kbd{font-family:var(--font-ui);font-size:9.5px;font-weight:700;background:var(--active-pill);border:1px solid var(--border);border-bottom-width:2px;border-radius:3px;padding:0 4px;color:var(--text-secondary);margin:0 1px;display:inline-block;min-width:14px;text-align:center}.shortcut-hint .hint-sep{opacity:.5}.hint-help-btn{background:none;border:none;color:var(--text-muted);font-family:var(--font-ui);font-size:10.5px;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:3px;letter-spacing:.02em}.hint-help-btn:hover{color:var(--text-secondary)}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02030966;display:flex;align-items:center;justify-content:center;z-index:250;animation:fade-in var(--t-base) var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.help-box{background:var(--surface);border-radius:12px;padding:var(--sp-6) var(--sp-8);width:380px;box-shadow:0 24px 64px #0203092e}.help-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.help-list{display:flex;flex-direction:column;gap:var(--sp-2)}.help-list>div{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:var(--sp-3);font-size:12.5px;padding:var(--sp-1) 0}.help-list dt{color:var(--text-secondary)}.help-list dd{color:var(--text-primary)}.help-list kbd{font-family:var(--font-ui);font-size:10.5px;font-weight:700;background:var(--active-pill);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 6px;color:var(--text-secondary);margin:0 1px;display:inline-block;min-width:18px;text-align:center}.help-close{margin-top:var(--sp-5);width:100%;background:var(--active-pill);color:var(--text-secondary);border:1px solid var(--border);border-radius:7px;padding:var(--sp-2) var(--sp-4);font-family:var(--font-ui);font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.02em;transition:background var(--t-fast),color var(--t-fast)}.help-close:hover{background:var(--hover);color:var(--text-primary)}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0203098c;display:flex;align-items:center;justify-content:center;z-index:200}.auth-box{background:var(--surface);border-radius:14px;padding:var(--sp-10) var(--sp-8);width:360px;text-align:center;box-shadow:0 32px 72px #02030938}.auth-box h2{font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);margin-bottom:var(--sp-1)}.auth-box p{font-size:13px;color:var(--text-muted);margin-bottom:var(--sp-5)}.auth-box input{width:100%;padding:10px var(--sp-3);border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-family:var(--font-ui);margin-bottom:var(--sp-3);outline:none;color:var(--text-primary);background:var(--surface);transition:border-color var(--t-fast)}.auth-box input:focus{border-color:var(--navy)}.auth-error{color:var(--score-lo-text);font-size:13px;margin-bottom:var(--sp-2)}.settings-page{max-width:820px;margin:0 auto;padding:var(--sp-8) var(--sp-8) var(--sp-12)}.settings-section{margin-bottom:var(--sp-10)}.settings-section h2{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--divider)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);color:var(--text-faint);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}td{padding:var(--sp-3);border-bottom:1px solid var(--divider);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--hover)}.toggle-switch{cursor:pointer;accent-color:var(--navy);width:15px;height:15px}.btn-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:var(--sp-1) var(--sp-2);border-radius:4px;font-family:var(--font-ui);transition:color var(--t-fast),background var(--t-fast)}.btn-delete:hover{color:var(--score-lo-text);background:var(--score-lo-bg)}.add-feed-form{background:var(--hover);border:1px solid var(--border);border-radius:10px;padding:var(--sp-5)}.form-row{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-3)}.form-row input[type=text],.form-row input[type=url]{flex:1;min-width:160px;padding:var(--sp-2) var(--sp-3);border:1.5px solid var(--border);border-radius:7px;font-size:13px;font-family:var(--font-ui);outline:none;color:var(--text-primary);background:var(--surface);transition:border-color var(--t-fast)}.form-row input:focus{border-color:var(--navy)}.form-actions{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:var(--sp-2);font-size:13px;cursor:pointer;color:var(--text-secondary)}.test-result{font-size:12px;padding:3px var(--sp-3);border-radius:20px}.test-result.ok{background:var(--score-hi-bg);color:var(--score-hi-text)}.test-result.err{background:var(--score-lo-bg);color:var(--score-lo-text)}.settings-btn{background:var(--navy);color:#fff;border:none;border-radius:7px;padding:8px var(--sp-4);font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--t-fast)}.settings-btn:hover{background:var(--navy-mid)}.settings-btn:disabled{opacity:.4;cursor:default}.kv-grid{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:13px}.kv-grid dt{font-weight:500;color:var(--text-muted)}.kv-grid dd{margin:0;color:var(--text-primary)}.kv-grid code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12px;background:var(--surface-alt, rgba(0,0,0,.04));padding:1px 5px;border-radius:3px;word-break:break-all}@media (max-width: 1100px){:root{--rail-w: 280px;--sidebar-w: 200px}.main-inner{padding:var(--sp-6) var(--sp-5) var(--sp-12)}}@media (max-width: 920px){.app-body{grid-template-columns:var(--sidebar-w) 1fr}.draft-rail{position:fixed;top:var(--topbar-h);right:0;bottom:0;width:var(--rail-w);transform:translate(100%);transition:transform var(--t-base) var(--ease-out);z-index:40;box-shadow:-8px 0 24px #12161f14}.draft-rail.open{transform:translate(0)}.shortcut-hint{left:50%;transform:translate(-50%)}}.compose-tab{display:flex;flex-direction:column;height:100%;padding:16px 24px 24px}.compose-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.compose-header h2{margin:0;font-size:18px;font-weight:600}.compose-count{color:#6b7280;font-size:13px}.compose-copy-btn{margin-left:auto}.compose-copy-btn+.compose-copy-btn{margin-left:0}.compose-status{padding:24px;color:#6b7280;text-align:center}.compose-status-error{color:#b91c1c}.compose-empty{text-align:center;padding:48px 24px;color:#6b7280}.compose-empty h3{margin:0 0 8px;font-size:16px;color:#374151}.compose-empty-hint{color:#9ca3af;font-style:italic}.compose-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0}.compose-editor{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.compose-clip{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.compose-clip-header{display:flex;align-items:center;gap:8px}.compose-clip-pos{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:11px;background:#f3f4f6;color:#374151;font-size:12px;font-weight:600}.compose-clip-title{flex:1;font-weight:600;font-size:14px;color:#111827;text-decoration:none}.compose-clip-title:hover{text-decoration:underline}.compose-clip-status{font-size:11px;color:#6b7280}.compose-clip-status[data-status=saving]{color:#6b7280}.compose-clip-status[data-status=saved]{color:#047857}.compose-clip-status[data-status=error]{color:#b91c1c}.compose-clip-meta-row{display:flex;align-items:center;gap:4px}.compose-clip-meta-text{font-size:12px;color:#6b7280;cursor:pointer}.compose-clip-meta-pencil{display:inline-flex;align-items:center;gap:3px;background:transparent;border:1px solid #e5e7eb;border-radius:4px;padding:0 6px;cursor:pointer;font-family:inherit;font-size:10px;line-height:1.7;color:#64748b;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.compose-clip-meta-pencil:hover{background:#eef2ff;border-color:#6366f1;color:#4338ca}.compose-clip-meta-pencil:focus-visible{outline:2px solid #6366f1;outline-offset:1px}.compose-clip-meta-input{font-size:12px;color:#111827;font-family:inherit;background:transparent;border:none;border-bottom:1px solid #6366f1;outline:none;padding:0;width:220px}.compose-clip-title-pencil{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;line-height:1.6;color:#475569;padding:1px 8px;flex-shrink:0;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.compose-clip-title-pencil:hover{background:#eef2ff;border-color:#6366f1;color:#4338ca}.compose-clip-title-pencil:focus-visible{outline:2px solid #6366f1;outline-offset:1px}.compose-clip-title-input{flex:1;border:none;border-bottom:2px solid #6366f1;outline:none;font-size:13px;font-weight:500;color:#111827;background:transparent;padding:2px 0;min-width:0}.compose-clip-label{font-size:11px;color:#6b7280;margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.compose-clip-hint{font-size:11.5px;line-height:1.45;color:#6b7280;margin:2px 0 6px}.compose-clip-textarea{width:100%;border:1px solid #d1d5db;border-radius:4px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.5;resize:vertical;background:#fafafa}.compose-clip-textarea:focus{outline:none;border-color:#6366f1;background:#fff}.compose-clip-textarea-commentary{background:#fffbeb}.compose-preview{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:6px;background:#fff;overflow:hidden}.compose-preview-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb}.compose-preview-toggle{display:inline-flex;border:1px solid var(--border-strong);border-radius:6px;overflow:hidden;background:var(--surface)}.compose-preview-toggle button{background:transparent;border:0;padding:3px 10px;font-size:11px;font-weight:500;line-height:1.4;color:var(--text-secondary);text-transform:none;letter-spacing:0;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.compose-preview-toggle button+button{border-left:1px solid var(--border-strong)}.compose-preview-toggle button:hover{background:var(--hover)}.compose-preview-toggle button:focus-visible{outline-offset:-2px}.compose-preview-toggle button[aria-pressed=true]{background:var(--navy);color:#fff}.compose-wp-meta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:4px;padding:8px 10px;font-size:12px;background:var(--rail-bg);border-bottom:1px solid #e5e7eb}.compose-wp-meta-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.compose-wp-meta-value{min-width:0;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-wp-meta-value a{color:var(--navy-mid);text-decoration:none}.compose-wp-meta-value a:hover{text-decoration:underline}.compose-wp-meta .compose-wp-copy{background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:1px 8px;font-size:11px;line-height:1.5;color:#1e293b;cursor:pointer}.compose-wp-meta .compose-wp-copy:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.compose-wp-meta .compose-wp-copy:disabled{opacity:.4;cursor:default}.compose-wp-meta-hint{grid-column:1 / -1;margin:2px 0 0;font-size:11px;font-style:italic;color:var(--text-muted)}.compose-wp-meta .compose-wp-input{width:100%;min-width:0;box-sizing:border-box;padding:2px 8px;font-family:inherit;font-size:12px;line-height:1.5;color:var(--text-primary);background:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none}.compose-wp-meta .compose-wp-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.compose-wp-meta .compose-wp-input::placeholder{color:var(--text-muted)}.compose-wp-actions{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin-top:4px}.compose-wp-send{padding:5px 14px;min-height:0;font-size:12px}.compose-wp-note{font-size:11px;color:var(--text-muted)}.compose-wp-status{grid-column:1 / -1;margin:0;font-size:11px;color:var(--text-secondary)}.compose-wp-status a{color:var(--navy-mid);text-decoration:none}.compose-wp-status a:hover{text-decoration:underline}.compose-wp-error{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-size:11px;color:#b91c1c}.compose-wp-error .compose-wp-signin{background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:1px 8px;font-size:11px;line-height:1.5;color:#1e293b;cursor:pointer}.compose-wp-error .compose-wp-signin:hover{background:#f8fafc;border-color:#94a3b8}.compose-preview-iframe{flex:1;border:0;width:100%;background:#fff}.compose-fallback{border:1px solid #fbbf24;background:#fffbeb;border-radius:6px;padding:12px 14px;margin-bottom:12px}.compose-fallback p{margin:0 0 8px;font-size:13px;color:#92400e}.compose-fallback textarea{width:100%;border:1px solid #d1d5db;border-radius:4px;padding:6px 8px;font-family:ui-monospace,monospace;font-size:11px}.manual-link-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:80px 16px 16px;z-index:1000}.manual-link-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0f172a40;width:100%;max-width:640px;padding:24px 28px}.manual-link-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.manual-link-modal-header h3{margin:0;font-size:18px;color:#0f172a}.manual-link-modal-close{border:none;background:transparent;font-size:22px;line-height:1;color:#94a3b8;cursor:pointer;padding:4px 8px}.manual-link-modal-close:hover{color:#475569}.manual-link-modal-body{display:flex;flex-direction:column}.manual-link-modal-label{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:6px}.manual-link-modal-input{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;font-size:14px;margin-bottom:16px;font-family:inherit;box-sizing:border-box}.manual-link-modal-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.manual-link-modal-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:12px}.manual-link-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:4px}.manual-link-modal-cancel{background:transparent;border:none;color:#475569;font-size:14px;cursor:pointer;padding:8px 12px}.manual-link-modal-cancel:hover{color:#0f172a}.compose-add-manual-btn{background:#fff;color:#1e293b;border:1px solid #cbd5e1;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:500;cursor:pointer;margin-right:8px}.compose-add-manual-btn:hover{background:#f8fafc;border-color:#94a3b8}.compose-clip-reorder-btns{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.compose-clip-reorder-btn{background:transparent;border:1px solid #e5e7eb;border-radius:3px;color:#9ca3af;font-size:9px;line-height:1;padding:2px 4px;cursor:pointer}.compose-clip-reorder-btn:hover:not(:disabled){border-color:#6b7280;color:#374151}.compose-clip-reorder-btn:disabled{opacity:.25;cursor:default}.compose-clip-remove{background:transparent;border:none;color:#94a3b8;font-size:12px;cursor:pointer;padding:2px 6px;margin-left:auto}.compose-clip-remove:hover{color:#b91c1c}.commentary-editor{width:100%;border:1px solid #d1d5db;border-radius:4px;background:#fffbeb;font-size:13px;line-height:1.5}.commentary-toolbar{display:flex;align-items:center;gap:2px;padding:4px 6px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:4px 4px 0 0}.commentary-btn{border:none;background:transparent;cursor:pointer;padding:2px 7px;border-radius:3px;font-size:13px;color:#374151;line-height:1.4;font-family:inherit}.commentary-btn:hover{background:#e5e7eb}.commentary-btn.is-active{background:#e0e7ff;color:#4338ca}.commentary-toolbar-sep{width:1px;height:16px;background:#d1d5db;margin:0 3px}.commentary-editor-content .ProseMirror{padding:8px 10px;min-height:56px;outline:none;font-family:inherit;font-size:13px;line-height:1.5}.commentary-editor-content .ProseMirror p{margin:0 0 4px}.commentary-editor-content .ProseMirror p:last-child{margin-bottom:0}.commentary-editor-content .ProseMirror img{max-width:100%;height:auto;display:block;margin:6px auto}.commentary-img-node{margin:6px 0}.commentary-img-frame{position:relative;display:block;margin:6px auto;max-width:100%}.commentary-img-frame img{width:100%;height:auto;display:block;margin:0;border-radius:6px}.commentary-img-frame.is-selected img{outline:2px solid #6366f1;outline-offset:2px}.commentary-img-resize{position:absolute;top:-42px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:8px;width:190px;padding:7px 10px;background:#1f2430;border:1px solid #333a48;border-radius:9px;box-shadow:0 6px 18px #00000047}.commentary-img-resize input[type=range]{flex:1;accent-color:#6366f1;cursor:pointer}.commentary-img-resize-val{font-size:12px;font-weight:600;color:#c2c8d4;width:34px;text-align:right}.commentary-editor:focus-within{border-color:#6366f1;background:#fff}.commentary-editor:focus-within .commentary-toolbar{background:#f5f3ff}.meme-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200}.meme-modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;width:480px;max-width:calc(100vw - 32px);max-height:70vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #00000024}.meme-modal-header{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);flex-shrink:0}.meme-search{flex:1;border:1px solid var(--border-strong);border-radius:6px;padding:var(--sp-2) var(--sp-3);font-size:14px;color:var(--text-primary);background:var(--bg);outline:none}.meme-search:focus{border-color:var(--navy-soft);box-shadow:0 0 0 2px var(--navy-faint)}.meme-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:16px;padding:var(--sp-1) var(--sp-2);border-radius:4px}.meme-close:hover{background:var(--hover);color:var(--text-primary)}.meme-status{padding:var(--sp-5) var(--sp-4);font-size:13px;color:var(--text-muted);text-align:center;flex-shrink:0}.meme-status--error{color:#b32228}.commentary-img-status{padding:var(--sp-2) var(--sp-3);font-size:12px;color:var(--text-muted)}.commentary-img-status--error{color:#b32228}.meme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);padding:var(--sp-3);overflow-y:auto}.meme-thumb{background:var(--hover);border:1px solid var(--border);border-radius:6px;overflow:hidden;cursor:pointer;padding:0;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.meme-thumb:hover{border-color:var(--navy-soft)}.meme-thumb img{width:100%;height:100%;object-fit:cover;display:block}