@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Playfair+Display:wght@600;700&display=swap");*,:after,:before{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);min-height:100vh}a{color:var(--color-accent)}.site-chrome{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--color-surface)}.site-header{border-bottom:1px solid var(--color-border)}.site-header__inner{max-width:var(--max-width);margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;gap:var(--space-4)}.logo-placeholder{width:40px;height:40px;border:2px dashed var(--color-border-strong);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-medium);background:var(--color-surface-raised)}.wordmark{font-family:var(--font-serif);font-size:var(--text-wordmark);font-weight:var(--weight-bold);margin:0;letter-spacing:-.02em}.wordmark a{color:inherit;text-decoration:none}.site-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-nav__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-1)}.nav-tab{display:inline-block;padding:var(--space-3) var(--space-4);font-size:var(--text-nav);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.nav-tab:hover{color:var(--color-text)}.nav-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.nav-tab--disabled{color:var(--color-text-muted);pointer-events:none}.page{max-width:var(--max-width);margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-10)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);margin:0 0 var(--space-1)}.page-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn--primary{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover{background:var(--color-surface-raised);border-color:var(--color-text-muted)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.panel__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.panel__title{font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0}.panel__meta{font-size:var(--text-sm);color:var(--color-text-secondary)}.panel__body--flush{padding:0}.panel__body--scroll{max-height:380px;overflow-y:auto}.funnel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);font-size:var(--text-nav)}.funnel-detail{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-6)}.funnel__label{font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-right:var(--space-2)}.funnel__step-value{font-weight:var(--weight-semibold);background:var(--color-surface);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border)}.funnel__arrow{color:var(--color-text-muted)}.feed-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);font-size:var(--text-base)}.feed-row__detail{color:var(--color-text-secondary);font-size:var(--text-sm)}.feed-row:last-child{border-bottom:none}.feed-status{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.feed-status--ok{background:var(--color-success-bg);color:var(--color-success)}.feed-status--empty{background:var(--color-warning-bg);color:var(--color-warning)}.feed-status--error{background:var(--color-error-bg);color:var(--color-error)}.article-row{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);font-size:var(--text-base)}.article-row:last-child{border-bottom:none}.article-row__title{font-size:var(--text-lg);font-weight:var(--weight-medium);margin:0 0 var(--space-2);line-height:var(--leading-tight)}.article-row__meta{font-size:var(--text-xs);color:var(--color-text-secondary)}.article-row__reason{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-2) 0 0;line-height:var(--leading-normal)}.tag{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-sm);background:var(--color-accent-subtle);color:var(--color-accent)}.score,.tag{padding:var(--space-1) var(--space-2)}.score{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-md);flex-shrink:0}.score--high{background:#e8f0f0;color:#2d6a6a}.score--mid{background:#f5f0e3;color:#9a7b2e}.score--low{background:#f0eeeb;color:#8a8a8a}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--text-sm)}.alert--error{background:var(--color-error-bg);border:1px solid #e8c4c4;color:var(--color-error)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-secondary);font-size:var(--text-base)}.login-card{max-width:400px;margin:var(--space-12) auto;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.form-input{width:100%;font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-2)}.page-actions{display:flex;gap:var(--space-3);align-items:center;flex-shrink:0}.btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn--ghost:hover{background:var(--color-surface-raised);color:var(--color-text)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.text-link{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;font-weight:var(--weight-medium)}.text-link--subtle{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--weight-normal);font-size:var(--text-sm);background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.text-link--subtle:hover{color:var(--color-accent);text-decoration:underline}.panel__body{padding:var(--space-4) var(--space-5)}.tag--ev{background:#eef0e8;color:#4a5c3a}.tag--subscription{background:var(--color-warning-bg);color:var(--color-warning)}.tag--leader{background:#ede8f2;color:#5a4a6a}.timestamp{font-size:var(--text-sm);color:var(--color-text-muted)}.timestamp--success{color:var(--color-success)}.alert--warning{background:var(--color-warning-bg);border:1px solid #e8dfc4;color:var(--color-warning)}.alert__title{font-weight:var(--weight-semibold);margin:0 0 var(--space-1)}.alert__text{margin:0}.empty-state__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin:0 0 var(--space-2)}.empty-state__text{font-size:var(--text-sm);margin:0 0 var(--space-6)}.loading-state{padding:var(--space-8) var(--space-6);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.loading-skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface-raised) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);height:1rem;margin-bottom:var(--space-3)}.loading-skeleton--title{height:1.25rem;width:70%}.loading-skeleton--short{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.settings-section{padding:var(--space-5);border-bottom:1px solid var(--color-border)}.settings-section:last-child{border-bottom:none}.settings-section__title{font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0 0 var(--space-4)}.settings-section__hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.form-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.form-row:last-child{margin-bottom:0}.form-row__label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.form-row__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.form-input--inline{width:auto;min-width:5rem;margin-bottom:0;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.form-input--wide{min-width:240px}.save-status{font-size:var(--text-xs);color:var(--color-success);margin-left:var(--space-2)}.save-status--error{color:var(--color-error)}.drag-list{list-style:none;margin:0;padding:0}.drag-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--text-sm)}.drag-item__rank{font-weight:var(--weight-semibold);color:var(--color-text-muted);min-width:1.25rem}.drag-item__actions{margin-left:auto;display:flex;gap:var(--space-1)}.topic-card{padding:var(--space-5);border-bottom:1px solid var(--color-border)}.topic-card:last-child{border-bottom:none}.topic-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.topic-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.topic-card__meta{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-3)}.query-list{list-style:none;margin:0;padding:0}.query-list--scroll{max-height:380px;overflow-y:auto}.query-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}.query-item:last-child{border-bottom:none}.query-item__text{flex:1 1}.query-item__actions{display:flex;gap:var(--space-2);flex-shrink:0}.toggle{position:relative;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{position:absolute;inset:0;background:var(--color-border-strong);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast)}.toggle__track:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:white;border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle input:checked+.toggle__track{background:var(--color-accent)}.toggle input:checked+.toggle__track:after{transform:translateX(20px)}.leader-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border)}.leader-row:last-child{border-bottom:none}.leader-row__name{font-weight:var(--weight-semibold);margin:0 0 var(--space-1);font-size:var(--text-base)}.leader-row__channels{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-1)}.cost-dashboard,.score-histogram{margin-bottom:var(--space-6)}.score-histogram__chart{display:flex;align-items:flex-end;gap:var(--space-2);height:140px;padding-top:var(--space-2)}.score-histogram__bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0}.score-histogram__bar-wrap{width:100%;height:100px;display:flex;align-items:flex-end;justify-content:center}.score-histogram__bar{width:100%;max-width:36px;min-height:2px;background:var(--color-border-strong);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.score-histogram__bar--high{background:var(--color-accent)}.score-histogram__label{font-size:var(--text-xs);color:var(--color-text-secondary)}.score-histogram__count{min-height:1em}.leader-row__dates,.score-histogram__count{font-size:var(--text-xs);color:var(--color-text-muted)}.leader-row__dates{margin:0}.placeholder-panel{padding:var(--space-6);background:var(--color-surface-raised);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.placeholder-panel__title{font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-2)}.cost-display{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-accent)}.cost-display__period{font-weight:var(--weight-normal)}.cost-display__period,.cost-list{font-size:var(--text-sm);color:var(--color-text-secondary)}.cost-list{margin:var(--space-4) 0 0;padding-left:var(--space-5)}.modal-backdrop{position:fixed;inset:0;background:rgba(26,26,26,.4);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-4)}.modal{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);width:100%;max-width:480px;padding:var(--space-6)}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-4)}.modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5)}.run-log-row{display:grid;grid-template-columns:4.5rem 1fr;grid-gap:var(--space-3) var(--space-4);gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);align-items:start}.run-log-row:last-child{border-bottom:none}.run-log-row--dropped{background:var(--color-surface-raised)}.run-log-row__status{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-align:center}.run-log-row__status--pushed{background:var(--color-success-bg);color:var(--color-success)}.run-log-row__status--skipped{background:var(--color-surface-raised);color:var(--color-text-muted)}.run-log-row__status--fail{background:var(--color-error-bg);color:var(--color-error)}.article-row__meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.article-row__feedback{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.article-row__feedback .btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.run-selector{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-sans)}.funnel--loading{opacity:.6}@media (max-width:820px){.page{padding:var(--space-6) var(--space-4) var(--space-10)}.site-header__inner,.site-nav__inner{padding-left:var(--space-4);padding-right:var(--space-4)}.page-header{flex-direction:column;align-items:stretch}.page-actions{justify-content:flex-start}.run-log-row{grid-template-columns:1fr}}:root{--color-bg:#f7f5f2;--color-surface:#ffffff;--color-surface-raised:#faf9f7;--color-border:#e5e2dd;--color-border-strong:#cfc9c0;--color-text:#1a1a1a;--color-text-secondary:#5c5c5c;--color-text-muted:#8a8a8a;--color-text-inverse:#ffffff;--color-accent:#2d6a6a;--color-accent-hover:#245656;--color-accent-subtle:#e8f0f0;--color-success:#2d6a4a;--color-success-bg:#e8f2ec;--color-warning:#9a7b2e;--color-warning-bg:#f5f0e3;--color-error:#b53a3a;--color-error-bg:#faeaea;--font-sans:"DM Sans",system-ui,-apple-system,sans-serif;--font-serif:"Playfair Display",Georgia,serif;--text-xs:0.875rem;--text-sm:0.9375rem;--text-nav:0.9375rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.3125rem;--text-2xl:1.625rem;--text-3xl:2rem;--text-wordmark:1.875rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--max-width:1024px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(26,26,26,0.06);--transition-fast:150ms ease}