:root{--background:#09090b;--foreground:#fafafa;--card-bg:#18181b;--card-border:#27272a;--primary:#f59e0b;--primary-foreground:#000;--secondary:#27272a;--secondary-foreground:#a1a1aa;--muted:#71717a;--danger:#ef4444;--radius:.75rem;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-serif:"Georgia","Times New Roman",serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700;line-height:1.2}.app-container{width:100%;min-height:100vh;padding:2rem}.app-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.app-title{letter-spacing:-.03em;font-size:3.5rem;font-weight:800}.app-title .highlight{color:var(--primary)}.app-subtitle{color:var(--muted);margin-top:.25rem;font-size:1.125rem}.main-layout{grid-template-columns:300px 1fr;gap:2rem;display:grid}@media (max-width:900px){.app-container{padding:1.5rem}.main-layout{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.app-title{font-size:2.75rem}}@media (max-width:640px){.app-container{padding:1rem}.app-header{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem}.app-title{font-size:2.25rem}.app-subtitle{font-size:1rem}.header-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem;padding:0 1rem .5rem;display:flex;overflow-x:auto}.header-actions::-webkit-scrollbar{display:none}.header-actions .btn{white-space:nowrap;flex-shrink:0;padding:.5rem .75rem;font-size:.8125rem}.browser-controls{gap:1rem;margin-bottom:2rem}.search-input{padding:.875rem 1rem .875rem 2.75rem;font-size:1rem}.search-icon{width:16px;height:16px}.story-grid{grid-template-columns:1fr}.story-card{height:auto;min-height:280px}.story-card-content{padding:1.25rem}.story-title{font-size:1.125rem}.story-meta{flex-wrap:wrap;gap:.5rem}.story-source span{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.story-author span{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.story-badges{margin-bottom:.5rem}.story-badge{padding:.2rem .4rem;font-size:.6rem}.story-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.story-stats{justify-content:flex-start;gap:.75rem;width:100%}.story-link{align-self:flex-end;padding:.25rem 0}.modal,.digest-modal{border-radius:0;width:100%;max-height:100vh;margin:0;padding:0}.modal-overlay{padding:0}.digest-header,.auth-header,.modal-title{padding:1.25rem 1rem}.digest-content{padding:1rem}.digest-actions{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.model-selector{justify-content:space-between;width:100%}.digest-actions .btn{width:100%}.digest-meta{gap:.5rem}.digest-meta>*{flex-shrink:0}.digest-meta .btn{margin-left:auto}.ollama-warning{margin:1rem}.feed-manager{padding:1.25rem 1rem}.feed-item{padding:.5rem}.user-dropdown{z-index:9999;width:auto;animation:.3s slideUp;position:fixed;inset:auto 1rem 1rem;box-shadow:0 -4px 20px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.sidebar{height:fit-content;position:sticky;top:2rem}.sidebar-footer{color:var(--muted);opacity:.5;margin-top:2rem;font-size:.75rem}.feed-manager{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.5rem}.feed-manager-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.feed-manager-title{align-items:center;gap:.5rem;font-size:1.25rem;display:flex}.feed-list{flex-direction:column;gap:.5rem;display:flex}.feed-item{border-radius:calc(var(--radius) - 2px);background:#ffffff08;border:1px solid #0000;justify-content:space-between;align-items:center;padding:.75rem;transition:all .2s;display:flex}.feed-item:hover{border-color:var(--card-border);background:var(--secondary)}.feed-item-info{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.feed-icon{background:var(--secondary);width:2rem;height:2rem;color:var(--muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.feed-icon img{object-fit:cover;border-radius:6px;width:100%;height:100%}.feed-details{min-width:0}.feed-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.feed-url{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.feed-delete-btn{opacity:0;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem;transition:all .2s}.feed-item:hover .feed-delete-btn{opacity:1}.feed-delete-btn:hover{color:var(--danger);background:#ef44441a}.empty-feeds{text-align:center;border:1px dashed var(--card-border);border-radius:var(--radius);color:var(--muted);padding:2rem 1rem}.btn{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 14px #f59e0b40}.btn-primary:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.btn-secondary{background:var(--secondary);color:var(--foreground);border:1px solid var(--card-border)}.btn-secondary:hover:not(:disabled){background:#3f3f46}.btn-ghost{color:var(--muted);background:0 0;padding:.5rem .75rem}.btn-ghost:hover{color:var(--foreground);background:var(--secondary)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);width:100%;max-width:28rem;padding:1.5rem;animation:.2s scaleIn;position:relative}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--foreground)}.modal-title{margin-bottom:.25rem;font-size:1.5rem}.modal-subtitle{color:var(--muted);margin-bottom:1.5rem;font-size:.875rem}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.input-group{position:relative}.input-icon{color:var(--muted);position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.input{border:1px solid var(--card-border);border-radius:calc(var(--radius) - 2px);width:100%;color:var(--foreground);background:#0000004d;padding:.75rem .875rem .75rem 2.75rem;font-size:.875rem;transition:border-color .2s}.input:focus{border-color:var(--primary);outline:none}.input::placeholder{color:var(--muted)}.error-message{color:var(--danger);border-radius:calc(var(--radius) - 2px);background:#ef44441a;margin-top:.75rem;padding:.75rem;font-size:.75rem}.story-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.story-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);background:#18181bb3;border:1px solid #ffffff14;flex-direction:column;height:320px;transition:all .3s;display:flex;position:relative;overflow:hidden}.story-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 50%);position:absolute;inset:0}.story-card:hover{border-color:#f59e0b80;transform:translateY(-6px);box-shadow:0 25px 50px #0006,0 0 0 1px #f59e0b1a,inset 0 1px #ffffff0d}.story-card-content{z-index:1;flex-direction:column;height:100%;padding:1.5rem;display:flex;position:relative}.story-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.75rem;display:flex}.story-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.story-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:9999px;padding:.25rem .5rem;font-size:.65rem;font-weight:600}.story-source{align-items:center;gap:.5rem;display:flex}.story-source-icon{background:linear-gradient(135deg,var(--secondary),var(--card-border));width:1.5rem;height:1.5rem;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.story-source-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%}.story-title-link{display:block}.story-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.story-card:hover .story-title{color:var(--primary)}.story-author{color:var(--muted);align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.story-author svg{opacity:.6}.story-excerpt{color:var(--secondary-foreground);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.7;display:-webkit-box;position:relative;overflow:hidden}.story-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.story-stats{gap:1rem;display:flex}.story-stat{color:var(--muted);align-items:center;gap:.375rem;font-size:.7rem;display:flex}.story-stat svg{opacity:.6}.story-link{color:var(--primary);align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.story-link:hover{gap:.5rem}.story-link svg{transition:transform .2s}.story-link:hover svg{transform:translate(2px)}.empty-state{text-align:center;border:1px dashed var(--card-border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state h3{margin-bottom:.5rem;font-size:1.5rem}.empty-state p{color:var(--muted);max-width:24rem}.empty-state code{background:var(--secondary);border-radius:4px;padding:.125rem .375rem;font-size:.75rem}.browser-controls{flex-direction:column;align-items:center;gap:1.5rem;width:100%;margin-bottom:3rem;display:flex}.search-bar{width:100%;max-width:42rem;position:relative}.search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{background:var(--card-bg);border:1px solid var(--card-border);width:100%;color:var(--foreground);border-radius:9999px;padding:1rem 1rem 1rem 3rem;font-size:1.125rem;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #f59e0b1a,0 10px 15px -3px #0000001a}.topic-filters{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;gap:.75rem;width:fit-content;max-width:100%;padding:.5rem 1rem;display:flex;overflow-x:auto}.topic-filters::-webkit-scrollbar{display:none}.filter-chip{background:var(--card-bg);border:1px solid var(--card-border);color:var(--secondary-foreground);cursor:pointer;border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.filter-chip:hover{background:var(--secondary);color:var(--foreground)}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.digest-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:48rem;max-height:90vh;animation:.2s scaleIn;display:flex;position:relative;overflow:hidden}.digest-header{border-bottom:1px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 3.5rem 1.5rem 1.5rem;display:flex}.digest-header .modal-title{align-items:center;gap:.75rem;margin:0;display:flex}.ollama-status{color:var(--muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.status-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e80}.status-dot.offline{background:var(--danger)}.ollama-warning{border-radius:calc(var(--radius) - 2px);background:#ef44441a;border:1px solid #ef444433;margin:1rem 1.5rem;padding:1rem;font-size:.875rem}.ollama-warning code{background:var(--background);border-radius:4px;margin-top:.5rem;padding:.5rem;font-family:monospace;display:block}.digest-actions{border-bottom:1px solid var(--card-border);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.model-selector{color:var(--muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.model-select{background:var(--secondary);border:1px solid var(--card-border);color:var(--foreground);cursor:pointer;border-radius:6px;padding:.375rem .75rem;font-size:.75rem}.model-select:focus{border-color:var(--primary);outline:none}.digest-content{flex:1;padding:1.5rem;overflow-y:auto}.digest-meta{color:var(--muted);flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;font-size:.75rem;display:flex}.digest-meta span{background:var(--secondary);border-radius:9999px;padding:.25rem .75rem}.digest-body{color:var(--foreground);font-size:.9375rem;line-height:1.8}.digest-body h2{color:var(--primary);margin:1.5rem 0 .75rem;font-size:1.25rem}.digest-body h3{margin:1.25rem 0 .5rem;font-size:1.125rem}.digest-body h4{margin:1rem 0 .5rem;font-size:1rem}.digest-body li{margin-bottom:.5rem;margin-left:1.5rem}.digest-body strong{color:var(--foreground)}.digest-empty{text-align:center;color:var(--muted);padding:3rem 1.5rem}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.header-actions{align-items:center;gap:.75rem;display:flex}.auth-modal{max-width:24rem}.auth-header{margin-bottom:1.5rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group label{color:var(--secondary-foreground);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.auth-input{padding:.75rem}.auth-submit{width:100%;margin-top:.5rem}.auth-footer{border-top:1px solid var(--card-border);text-align:center;margin-top:1.5rem;padding-top:1rem;font-size:.875rem}.auth-link{color:var(--primary);cursor:pointer;font-size:inherit;background:0 0;border:none}.auth-link:hover{text-decoration:underline}.auth-divider{color:var(--muted);margin:0 .5rem}.auth-not-configured{text-align:center;padding:2rem 1rem}.auth-not-configured h3{margin-bottom:.5rem}.auth-not-configured code{background:var(--secondary);border-radius:4px;padding:.125rem .5rem;font-size:.75rem}.success-message{color:#22c55e;border-radius:calc(var(--radius) - 2px);background:#22c55e1a;padding:.75rem;font-size:.75rem}.user-menu{position:relative}.user-signin-btn{border-radius:9999px;padding:.5rem 1rem}.user-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0}.user-avatar,.user-avatar-placeholder{border:2px solid var(--card-border);border-radius:50%;width:2.25rem;height:2.25rem}.user-avatar-placeholder{background:var(--primary);color:var(--primary-foreground);justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.user-dropdown-overlay{z-index:49;position:fixed;inset:0}.user-dropdown{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);z-index:50;width:14rem;animation:.15s scaleIn;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}.user-dropdown-header{padding:.75rem 1rem}.user-dropdown-name{font-size:.875rem;font-weight:600;display:block}.user-dropdown-email{color:var(--muted);text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.user-dropdown-divider{background:var(--card-border);height:1px}.user-dropdown-item{width:100%;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.user-dropdown-item:hover{background:var(--secondary)}.user-dropdown-item.danger{color:var(--danger)}.user-menu-skeleton{background:var(--secondary);border-radius:50%;width:2.25rem;height:2.25rem;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-google{color:#1f1f1f;background:#fff;border:1px solid #dadce0;width:100%;font-weight:500}.btn-google:hover:not(:disabled){background:#f8f9fa;border-color:#c4c7c9}.auth-divider-line{text-align:center;color:var(--muted);align-items:center;margin:1.25rem 0;font-size:.75rem;display:flex}.auth-divider-line:before,.auth-divider-line:after{content:"";border-bottom:1px solid var(--card-border);flex:1}.auth-divider-line span{padding:0 .75rem}