:root{--hub-white: #ffffff;--hub-gray-50: #fafafa;--hub-gray-100: #f5f5f5;--hub-gray-200: #e6e6e6;--hub-gray-400: #9a9a9a;--hub-gray-600: #6b6b6b;--hub-cod-gray: #111111;--bg-app: var(--hub-gray-100);--bg-sidebar: var(--hub-white);--bg-panel: var(--hub-white);--bg-card: var(--hub-white);--bg-card-hover: var(--hub-gray-50);--bg-card-active: var(--hub-gray-100);--bg-elevated: var(--hub-white);--bg-hover: var(--hub-gray-50);--border: var(--hub-gray-200);--border-strong: #d4d4d4;--text: var(--hub-cod-gray);--text-muted: var(--hub-gray-600);--text-faint: var(--hub-gray-400);--accent: #ef3124;--accent-soft: rgba(239, 49, 36, .08);--accent-hover: #d42b1f;--ai: #7c3aed;--ai-soft: rgba(124, 58, 237, .08);--positive: #2e7d32;--positive-soft: rgba(46, 125, 50, .1);--negative: #d32f2f;--negative-soft: rgba(211, 47, 47, .1);--neutral: var(--hub-gray-600);--text-title: var(--hub-cod-gray);--text-description: var(--hub-gray-600);--text-info: var(--hub-gray-400);--text-accent-blue: #2a77ef;--nav-active-bg: var(--hub-gray-100);--profile-bg: #f3f7ff;--input-bg: var(--hub-gray-100);--badge-bg: var(--hub-gray-100);--badge-text: var(--hub-gray-600);--badge-status-bg: #f3ece4;--badge-status-text: #8a6b4a;--option-bg: #f0f0f0;--option-border: #e6e6e6;--sidebar-width: 256px;--detail-width: min(560px, 44vw);--content-max-width: 960px;--article-card-ai-inset: 72px;--feed-gutter: var(--space-6);--feed-search-width: 200px;--radius: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Inter", system-ui, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 26px;--sidebar-title-size: 20px;--sidebar-title-line-height: 28px;--sidebar-title-letter-spacing: -.5px;--leading-tight: 1.25;--leading-normal: 1.43;--leading-relaxed: 1.55;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--shadow-sm: 0 1px 2px rgba(17, 17, 17, .06);--shadow: 0 4px 16px rgba(17, 17, 17, .08);--control-height: 38px;--control-padding-x: 16px;--control-padding-y: 8px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);background:var(--bg-app);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:var(--accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.hub-icon{flex-shrink:0;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app--state{display:flex;align-items:center;justify-content:center;grid-template-columns:unset}.app-state{margin:0;font-size:var(--text-md);color:var(--text-muted)}.app-state--error{color:var(--negative)}.app{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--detail-resizer-width, 8px) var(--detail-width);grid-template-rows:minmax(0,1fr);height:100%;overflow:hidden;background:var(--bg-app)}.app>.sidebar,.app>.feed,.app>.detail-resizer,.app>.detail,.app>.detail-placeholder{min-height:0}.app--resizing{cursor:col-resize}.detail-resizer{position:relative;padding:0;background:transparent;cursor:col-resize}.detail-resizer:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translate(-50%);background:transparent;transition:background .15s ease}.detail-resizer:hover:before,.detail-resizer:focus-visible:before,.app--resizing .detail-resizer:before{background:var(--border)}.detail-resizer:focus-visible{outline:none}.sidebar{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:var(--bg-sidebar);border-right:1px solid var(--border);padding:var(--space-3)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-3)}.sidebar__logo{display:flex;align-items:center}.sidebar__logo .hub-logo{border-radius:6px}.sidebar__title{font-family:var(--font-sans);font-size:var(--sidebar-title-size);font-weight:var(--weight-semibold);line-height:var(--sidebar-title-line-height);letter-spacing:var(--sidebar-title-letter-spacing);color:var(--text-title)}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);text-align:left;transition:background .15s,color .15s}.sidebar__item:hover{background:var(--bg-card-hover);color:var(--text)}.sidebar__item--active{background:var(--nav-active-bg);color:var(--text)}.sidebar__item--active .sidebar__item-icon{color:var(--text)}.sidebar__item-icon{display:flex;align-items:center;justify-content:center;width:20px;color:var(--text-faint)}.hub-icon--mask{display:inline-block;width:18px;height:18px;flex-shrink:0;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.sidebar__item-label{flex:1;font-weight:var(--weight-medium);font-size:var(--text-base)}.sidebar__item-count{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-info);min-width:1.5em;padding:2px 8px;text-align:center;background:var(--hub-white);border-radius:var(--radius-pill)}.sidebar__item--active .sidebar__item-count{color:var(--text-muted);background:var(--hub-white)}.sidebar__user{flex-shrink:0;padding:0 var(--space-2) var(--space-4)}.sidebar__profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--profile-bg)}.sidebar__profile-logout{display:flex;align-items:center;justify-content:center;margin-left:auto;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-info);flex-shrink:0}.sidebar__profile-logout:hover{background:#ffffffb3;color:var(--text)}.sidebar__avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-pill);flex-shrink:0;color:var(--accent)}.sidebar__user-text{display:flex;flex-direction:column;min-width:0;gap:2px}.sidebar__user-name{font-size:var(--text-base);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-role{font-size:var(--text-sm);color:var(--text-accent-blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__logout{display:none}.sidebar__logout-compact{display:none;align-items:center;justify-content:center;width:100%;margin-top:var(--space-2);min-height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);background:var(--hub-white)}.sidebar__logout-compact:hover{background:var(--bg-card-hover);color:var(--text)}.auth{display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--space-6);background:var(--bg-app)}.auth__card{width:100%;max-width:420px;padding:var(--space-6);background:var(--hub-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.auth__brand{text-align:center;margin-bottom:var(--space-6)}.auth__logo{display:inline-flex;justify-content:center;margin-bottom:var(--space-3)}.auth__logo .hub-logo{border-radius:10px}.auth__title{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.02em}.auth__subtitle{margin:0;color:var(--text-muted);font-size:var(--text-base)}.auth__mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);margin-bottom:var(--space-5);padding:var(--space-1);background:var(--hub-gray-100);border:1px solid var(--border);border-radius:var(--radius-sm)}.auth__mode-tab{padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-sm) - 2px);color:var(--text-muted);background:transparent;font:inherit;font-weight:var(--weight-medium);font-size:var(--text-base);transition:background .15s,color .15s,box-shadow .15s}.auth__mode-tab:hover:not(:disabled){color:var(--text)}.auth__mode-tab--active{color:var(--text);background:var(--hub-white);box-shadow:var(--shadow-sm)}.auth__form{display:flex;flex-direction:column;gap:var(--space-4)}.auth__field{display:flex;flex-direction:column;gap:var(--space-2)}.auth__label{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-title)}.auth__label-hint{font-size:var(--text-sm);color:var(--text-description);margin-top:-2px}.auth__input{min-height:var(--control-height);padding:var(--control-padding-y) var(--control-padding-x);border:1px solid transparent;border-radius:var(--radius-md);background:var(--input-bg);color:var(--text);font:inherit;font-size:var(--text-base);transition:border-color .15s,box-shadow .15s,background .15s}.auth__input::placeholder{color:var(--text-faint)}.auth__input:focus{outline:none;background:var(--hub-white);border-color:var(--border);box-shadow:0 0 0 3px #1111110a}.auth__input:user-invalid:not(:placeholder-shown){border-color:var(--negative);color:var(--negative)}.auth__error{margin:0;font-size:var(--text-sm);color:var(--negative)}.auth__submit{margin-top:var(--space-1);min-height:var(--control-height);padding:var(--control-padding-y) var(--control-padding-x);border:1px solid var(--hub-cod-gray);border-radius:var(--radius-pill);font-weight:var(--weight-medium);font-size:var(--text-base);color:var(--hub-white);background:var(--hub-cod-gray);transition:background .15s,opacity .15s}.auth__submit:hover:not(:disabled){background:#2a2a2a}.auth__submit:disabled{opacity:.55;cursor:not-allowed}.feed{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-right:1px solid var(--border);background:var(--bg-app)}.feed__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);width:100%;max-width:calc(var(--content-max-width) + var(--feed-gutter) * 2);margin:0 auto;padding:var(--space-6) var(--feed-gutter) var(--space-4);flex-shrink:0;box-sizing:border-box}.feed__header-text{min-width:0;flex:1}.feed__toolbar{position:relative;display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;max-width:100%}.feed-filters{position:relative;flex-shrink:0}.feed-filters__trigger{position:relative;display:flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);border:1px solid transparent;border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-muted);transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.feed-filters__trigger:hover,.feed-filters__trigger--open,.feed-filters__trigger--active{background:var(--hub-white);border-color:var(--border);color:var(--text)}.feed-filters__trigger--active{box-shadow:0 0 0 3px var(--accent-soft);color:var(--accent)}.feed-filters__badge{position:absolute;top:4px;right:4px;min-width:14px;height:14px;padding:0 3px;border-radius:var(--radius-pill);background:var(--accent);color:var(--hub-white);font-size:9px;font-weight:var(--weight-semibold);line-height:14px;text-align:center}.feed-filters__panel{position:absolute;top:calc(100% + 8px);right:calc(-1 * (var(--feed-search-width) + var(--space-2)));left:auto;z-index:20;width:min(320px,calc(100vw - 48px));padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--hub-white);box-shadow:var(--shadow)}.feed-filters__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-4)}.feed-filters__title{margin:0;font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-title)}.feed-filters__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-faint)}.feed-filters__close:hover{color:var(--text);background:var(--bg-hover)}.feed-filters__fields{display:flex;flex-direction:column;gap:var(--space-3)}.feed-filters__dates{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.feed-filters__field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.feed-filters__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted)}.feed-filters__control{min-height:var(--control-height);width:100%;padding:var(--control-padding-y) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);background:var(--input-bg);color:var(--text);font:inherit;font-size:var(--text-base);transition:border-color .15s,box-shadow .15s,background .15s}select.feed-filters__control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%239a9a9a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.feed-filters__control:focus{outline:none;background:var(--hub-white);border-color:var(--border);box-shadow:0 0 0 3px #1111110a}.feed-filters__fieldset{margin:0;padding:0;border:none;min-width:0}.feed-filters__checks{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.feed-filters__check{display:flex;align-items:center;gap:var(--space-2);min-height:32px;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.feed-filters__check:hover{background:var(--bg-hover)}.feed-filters__check input{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.feed-filters__error{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--negative)}.feed-filters__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.feed-filters__btn{min-height:32px;padding:6px 14px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background .15s,color .15s,border-color .15s}.feed-filters__btn--ghost{border:1px solid transparent;color:var(--text-muted)}.feed-filters__btn--ghost:hover{background:var(--bg-hover);color:var(--text)}.feed-filters__btn--primary{border:1px solid var(--hub-cod-gray);background:var(--hub-cod-gray);color:var(--hub-white)}.feed-filters__btn--primary:hover{background:#000}.feed-filters__mentions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--border)}.feed-filters__mentions-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--hub-gray-100);text-align:left;transition:background .15s,border-color .15s,box-shadow .15s}.feed-filters__mentions-btn:hover{background:var(--hub-gray-200);border-color:var(--border-strong);box-shadow:0 0 0 3px #1111110a}.feed-filters__mentions-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--hub-white);color:var(--hub-cod-gray);flex-shrink:0}.feed-filters__mentions-text{display:flex;flex-direction:column;gap:2px;min-width:0}.feed-filters__mentions-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-title)}.feed-filters__mentions-hint{font-size:var(--text-xs);color:var(--text-muted)}.feed-search{flex-shrink:0;width:min(100%,var(--feed-search-width))}.feed-search__field{position:relative;display:flex;align-items:center;min-height:var(--control-height);padding:0 var(--space-3) 0 var(--space-4);gap:var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);background:var(--input-bg);transition:border-color .15s,box-shadow .15s,background .15s,width .2s}.feed-search__field:focus-within{background:var(--hub-white);border-color:var(--border);box-shadow:0 0 0 3px #1111110a}.feed-search__field--filled{background:var(--hub-white);border-color:var(--border)}.feed-search__icon{display:flex;color:var(--text-faint);flex-shrink:0}.feed-search__field:focus-within .feed-search__icon,.feed-search__field--filled .feed-search__icon{color:var(--text-muted)}.feed-search__input{flex:1;min-width:0;height:var(--control-height);padding:0;border:none;background:transparent;color:var(--text);font:inherit;font-size:var(--text-base);outline:none}.feed-search__input::placeholder{color:var(--text-faint)}.feed-search__input::-webkit-search-cancel-button,.feed-search__input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.feed-search__clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:-4px;border-radius:var(--radius-sm);color:var(--text-faint);flex-shrink:0;transition:color .15s,background .15s}.feed-search__clear:hover{color:var(--text);background:var(--bg-hover)}@media(min-width:901px){.feed-search{width:var(--feed-search-width)}.feed-search__field:focus-within{width:100%}}.feed__search-status{display:flex;align-items:center;gap:var(--space-3);margin:0 var(--feed-gutter) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--accent-soft);flex-shrink:0}.feed__search-status-label{flex:1;min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--accent-hover);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed__search-status-clear{flex-shrink:0;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--accent);transition:background .15s}.feed__search-status-clear:hover{background:#ef31241f}.feed-search-mark{padding:0 1px;border-radius:2px;background:#ef312429;color:inherit;font:inherit}.feed-state{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:48px var(--space-6)}.feed-state__text{margin:0;font-size:var(--text-md);color:var(--text-muted)}.feed-state__text--error{color:var(--negative)}.feed__title{margin:0 0 var(--space-1);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--text-title)}.feed__subtitle{margin:0;font-size:var(--text-sm);color:var(--text-description)}.feed-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-6);flex-shrink:0;border-top:1px solid var(--border);background:var(--bg-app)}.feed-pagination__range{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.feed-pagination__controls{display:flex;align-items:center;gap:var(--space-2)}.feed-pagination__status{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);min-width:4.5rem;text-align:center}.feed-pagination__btn{min-height:32px;padding:6px var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:inherit;color:var(--text);background:var(--hub-white);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;transition:background .15s,border-color .15s}.feed-pagination__btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-strong)}.feed-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.feed-pagination__btn--icon{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:6px;color:var(--text-muted)}.pagination-chevron{display:inline-flex;align-items:center;justify-content:center}.pagination-chevron--double{display:inline-flex;flex-direction:row;align-items:center}.pagination-chevron--double .pagination-chevron__rotator+.pagination-chevron__rotator{margin-left:-10px}.pagination-chevron__icon{display:block;flex-shrink:0}.pagination-chevron__rotator{display:inline-flex;align-items:center;justify-content:center}.article-list{list-style:none;margin:0 auto;padding:0 var(--feed-gutter) var(--space-6);width:100%;max-width:calc(var(--content-max-width) + var(--feed-gutter) * 2);overflow-y:auto;flex:1;min-height:0}.article-card{position:relative;display:flex;align-items:flex-start;width:100%;margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--bg-card);border:2px solid var(--border);transition:border-color .15s,box-shadow .15s,background .15s}.article-card__main{flex:1;min-width:0;text-align:left;padding:var(--space-5) var(--space-6);padding-right:var(--article-card-ai-inset)}.article-card:hover:not(.article-card--selected){border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.article-card--selected,.article-card--selected:hover{border-color:var(--accent);box-shadow:none;background:var(--hub-white)}.article-card__ai-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;margin:var(--space-4) var(--space-4) 0 0;padding:var(--control-padding-y) 12px;min-height:var(--control-height);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-title);background:var(--option-bg);border:1px solid var(--option-border);border-radius:var(--radius-pill);opacity:0;transition:opacity .15s,background .15s,color .15s,border-color .15s}.article-card:hover .article-card__ai-btn,.article-card--selected .article-card__ai-btn{opacity:1}.article-card__ai-btn .ai-take-icon:not(.ai-take-icon--pending){filter:brightness(0) saturate(100%)}.article-card__ai-btn:hover{background:var(--hub-cod-gray);color:var(--hub-gray-400);border-color:#ffffff24}.article-card__ai-btn:hover .ai-take-icon:not(.ai-take-icon--pending){filter:brightness(0) invert(.62)}.article-card__ai-btn--pending{color:var(--text-muted);background:var(--option-bg);border-color:var(--option-border)}.article-card__ai-btn--pending:hover{background:var(--hub-cod-gray);color:var(--hub-gray-400);border-color:#ffffff24}.hub-logo,.ai-take-icon{display:block;object-fit:contain;flex-shrink:0}.ai-take-icon--pending{background-color:currentColor;-webkit-mask-image:url(/ai-variant-30.png);mask-image:url(/ai-variant-30.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.article-card--unread .article-card__title{font-weight:var(--weight-semibold)}.article-card__unread-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--accent);flex-shrink:0}.article-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.article-card__date{font-size:var(--text-sm);color:var(--text-info)}.article-card__title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--text-title)}.article-card__excerpt{margin:0;font-size:var(--text-base);color:var(--text-description);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feed-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-muted)}.feed-empty__title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text)}.feed-empty__text{margin:0;font-size:var(--text-base)}.detail-placeholder{display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg-panel);color:var(--text-faint);font-size:var(--text-base);text-align:center;max-width:280px;margin:auto}.detail-backdrop{display:none}.detail{display:flex;flex-direction:column;background:var(--bg-panel);min-width:0;overflow:hidden;border-left:1px solid var(--border)}.detail__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0;background:var(--hub-white);min-width:0}.detail__tabs{display:flex;gap:var(--space-5);background:transparent;padding:0;border:none;border-bottom:1px solid var(--border);border-radius:0;flex:1 1 auto;min-width:0;overflow:hidden}.detail__tab{position:relative;padding:var(--space-2) 0 var(--space-3);margin-bottom:-1px;font-size:var(--text-base);font-weight:var(--weight-regular);border-radius:0;color:var(--text-info);background:transparent;transition:color .15s;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.detail__tab:hover{color:var(--text-title)}.detail__tab--active{color:var(--text-title);font-weight:var(--weight-semibold);background:transparent;box-shadow:none}.detail__tab--active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--text-title);border-radius:1px}.detail__tab-ai-icon{margin-right:4px;color:inherit}.detail__actions{display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto;flex-shrink:0}.detail__action-btn{min-height:32px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--hub-white);transition:background .15s,color .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.detail__action-btn:hover{background:var(--bg-card-hover);color:var(--text);border-color:var(--border-strong)}.detail__icon-btn{width:32px;height:32px;flex:0 0 32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--hub-white);transition:background .15s,color .15s,border-color .15s}.detail__icon-btn:hover{background:var(--bg-card-hover);color:var(--text);border-color:var(--border-strong)}.detail__icon-btn--active{color:var(--text);border-color:var(--border-strong);background:var(--bg-card-hover)}.detail__close{width:32px;height:32px;flex:0 0 32px;font-size:20px;line-height:1;color:var(--text-muted);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid transparent}.detail__close:hover{background:var(--bg-card-hover);color:var(--text);border-color:var(--border)}.detail__body{flex:1;overflow-y:auto;padding:var(--space-6);background:var(--hub-white)}.detail__meta{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.detail__title{margin:0 0 var(--space-3);font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.02em}.detail__impact{margin:0 0 var(--space-5);padding:var(--space-3) 0 var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-muted);border-left:3px solid var(--border);background:var(--hub-gray-50);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.detail__impact--positive{border-left-color:var(--positive)}.detail__impact--negative{border-left-color:var(--negative)}.detail__impact--pending{border-left-color:var(--border)}.detail__impact--pending .detail__impact-text{font-style:italic}.detail__impact-head{margin:0 0 6px;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.detail__impact-text{margin:0}.detail__impact-label{font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.detail__impact-badge{display:inline-block;padding:2px 8px;font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-pill)}.detail__impact-badge--positive{color:var(--positive);background:var(--positive-soft)}.detail__impact-badge--negative{color:var(--negative);background:var(--negative-soft)}.detail__content{font-size:var(--text-md);line-height:1.7;color:var(--text-muted)}.detail__content p{margin:0 0 1em}.detail__link{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-6);font-size:var(--text-base);font-weight:var(--weight-medium);text-decoration:none}.detail__link:hover{text-decoration:underline}.detail__ai{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ai-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--control-padding-y) var(--control-padding-x);min-height:var(--control-height);margin-bottom:var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-title);background:var(--option-bg);border:1px solid var(--option-border);border-radius:var(--radius-pill)}.ai-badge__icon{font-size:14px}.ai-block{margin-bottom:var(--space-6)}.ai-block__label{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.ai-block__text{margin:0;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text)}.ai-badge__time{color:var(--text-faint);font-weight:var(--weight-regular)}.ai-impact{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--hub-gray-50);border-radius:var(--radius-md);border:1px solid var(--border);border-left-width:3px}.ai-impact--positive{border-left-color:var(--positive)}.ai-impact--negative{border-left-color:var(--negative)}.ai-impact .ai-block__label{margin-bottom:var(--space-3)}.ai-impact__badge{display:inline-block;margin-bottom:var(--space-3);padding:4px 10px;font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-pill)}.ai-impact__badge--positive{color:var(--positive);background:var(--positive-soft)}.ai-impact__badge--negative{color:var(--negative);background:var(--negative-soft)}.ai-impact__text{margin:0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-muted)}.ai-fields{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.ai-fields__row{margin:0;padding:var(--space-4);background:var(--hub-gray-50);border-radius:var(--radius-md);border:1px solid var(--border)}.ai-fields__term{margin:0 0 6px;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.ai-fields__value{margin:0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text)}.ai-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px var(--space-6);min-height:280px}.ai-empty__icon{font-size:32px;color:var(--text-faint);margin-bottom:var(--space-4)}.ai-empty__title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text)}.ai-empty__text{margin:0;max-width:320px;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-muted)}.ai-empty__action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-5);padding:10px 16px;border:1px solid var(--option-border);border-radius:var(--radius-md);background:var(--option-bg);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.ai-empty__action .ai-take-icon:not(.ai-take-icon--pending){filter:brightness(0) saturate(100%)}.ai-empty__action:hover:not(:disabled){background:var(--hub-cod-gray);color:var(--hub-gray-400);border-color:#ffffff24}.ai-empty__action:hover:not(:disabled) .ai-take-icon:not(.ai-take-icon--pending){filter:brightness(0) invert(.62)}.ai-empty__action:disabled{opacity:.7;cursor:wait}.ai-empty__error{margin:var(--space-3) 0 0;max-width:360px;font-size:var(--text-sm);color:var(--danger, #c62828);text-align:center}.detail__impact-action{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:8px 14px;border:1px solid var(--option-border);border-radius:var(--radius-md);background:var(--option-bg);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.detail__impact-action .ai-take-icon:not(.ai-take-icon--pending){filter:brightness(0) saturate(100%)}.detail__impact-action:hover:not(:disabled){background:var(--hub-cod-gray);color:var(--hub-gray-400);border-color:#ffffff24}.detail__impact-action:hover:not(:disabled) .ai-take-icon:not(.ai-take-icon--pending){filter:brightness(0) invert(.62)}.detail__impact-action:disabled{opacity:.7;cursor:wait}.hub-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.5;white-space:nowrap}.hub-badge--default,.hub-badge--outline{color:var(--badge-text);background:var(--badge-bg)}.hub-badge--status{color:var(--badge-status-text);background:var(--badge-status-bg)}.hub-badge--ai{color:var(--text-title);background:var(--option-bg);border:1px solid var(--option-border)}.hub-badge--loading{color:#c47a12;background:#fff4e5}.hub-badge--error{color:var(--negative);background:var(--negative-soft)}.hub-badge__spinner{width:10px;height:10px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:hub-spin .8s linear infinite}.hub-loader{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6)}.hub-loader__spinner{width:28px;height:28px;border:2px solid var(--hub-gray-200);border-top-color:var(--accent);border-radius:50%;animation:hub-spin .8s linear infinite}.hub-loader__text{margin:0;font-size:var(--text-base);color:var(--text-description)}.hub-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px var(--space-6);min-height:240px}.hub-empty__icon{display:flex;color:var(--text-info);margin-bottom:var(--space-4)}.hub-empty__title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-title)}.hub-empty__text{margin:0;max-width:360px;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-description)}@keyframes hub-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.app{grid-template-columns:var(--sidebar-width) 1fr}.detail-resizer,.detail-placeholder{display:none}.detail{position:fixed;top:0;right:0;bottom:0;left:0;left:var(--sidebar-width);z-index:20;box-shadow:var(--shadow)}.detail-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;left:var(--sidebar-width);z-index:15;background:#11111159;border:none;cursor:default}}@media(max-width:600px){:root{--sidebar-width: 72px}.sidebar__title,.sidebar__item-label,.sidebar__item-count,.sidebar__user-text,.sidebar__profile-logout{display:none}.sidebar__profile{justify-content:center;padding:var(--space-2)}.sidebar__logout-compact{display:flex}.sidebar__user{padding-top:var(--space-2)}.sidebar__user-info{justify-content:center;margin-bottom:0}.sidebar__brand{justify-content:center;padding-bottom:var(--space-4)}.sidebar__item{justify-content:center;padding:var(--space-3)}.feed__header,.feed-pagination,.article-list{padding-left:var(--space-4);padding-right:var(--space-4)}.feed__header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.feed__toolbar{width:100%}.feed-search{flex:1;width:auto;min-width:0}.feed-filters__panel{right:0;left:auto}.feed__search-status{margin-left:var(--space-4);margin-right:var(--space-4)}.detail,.detail-backdrop{left:var(--sidebar-width)}}.filter-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:#11111173}.filter-settings{width:min(920px,100%);max-height:min(88vh,760px);display:flex;flex-direction:column;background:var(--hub-white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);overflow:hidden}.filter-settings__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.filter-settings__title{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-title)}.filter-settings__subtitle{margin:0;font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.filter-settings__close{width:32px;height:32px;border-radius:var(--radius-sm);font-size:24px;line-height:1;color:var(--text-muted)}.filter-settings__close:hover{background:var(--bg-card-hover);color:var(--text)}.filter-settings__body{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:0;flex:1}.filter-settings__list{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border-right:1px solid var(--border);background:var(--hub-gray-50);overflow:auto}.filter-settings__list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-3);border-radius:var(--radius-sm);text-align:left;color:var(--text)}.filter-settings__list-item:hover{background:var(--hub-white)}.filter-settings__list-item--active{background:var(--hub-white);box-shadow:inset 0 0 0 1px var(--border)}.filter-settings__list-item--add{color:var(--text-accent-blue);font-weight:var(--weight-medium)}.filter-settings__list-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-settings__list-count{flex-shrink:0;font-size:var(--text-xs);color:var(--text-info)}.filter-settings__form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-6);overflow:auto}.filter-settings__field{display:flex;flex-direction:column;gap:var(--space-2)}.filter-settings__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-title)}.filter-settings__hint{font-size:var(--text-xs);color:var(--text-info)}.filter-settings__input,.filter-settings__textarea{width:100%;padding:10px 12px;font:inherit;color:var(--text);background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.filter-settings__textarea{resize:vertical;min-height:120px;line-height:var(--leading-normal)}.filter-settings__input:focus,.filter-settings__textarea:focus{outline:none;border-color:var(--border-strong);background:var(--hub-white)}.filter-settings__error{margin:0;font-size:var(--text-sm);color:var(--negative)}.filter-settings__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.filter-settings__btn{min-height:36px;padding:8px 14px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text);background:var(--option-bg);border:1px solid var(--option-border);border-radius:var(--radius-pill)}.filter-settings__btn:hover:not(:disabled){background:var(--bg-card-hover)}.filter-settings__btn:disabled{opacity:.6;cursor:not-allowed}.filter-settings__btn--primary{color:var(--hub-white);background:var(--hub-cod-gray);border-color:var(--hub-cod-gray)}.filter-settings__btn--primary:hover:not(:disabled){background:#2a2a2a}.filter-settings__btn--danger{color:var(--negative);background:var(--negative-soft);border-color:transparent}@media(max-width:760px){.filter-settings__body{grid-template-columns:1fr}.filter-settings__list{border-right:none;border-bottom:1px solid var(--border);max-height:180px}}