:root{--color-bg: #ffffff;--color-text: #111111;--color-secondary: #444444;--color-muted: #888888;--color-border: #e5e5e5;--color-surface: #fafafa;--color-surface-raised: #ffffff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.6;font-weight:400;color:var(--color-text);background-color:var(--color-bg)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #111111;--color-text: #ebebeb;--color-secondary: #b0b0b0;--color-muted: #777777;--color-border: #2a2a2a;--color-surface: #1a1a1a;--color-surface-raised: #222222}}:root[data-theme=dark]{--color-bg: #111111;--color-text: #ebebeb;--color-secondary: #b0b0b0;--color-muted: #777777;--color-border: #2a2a2a;--color-surface: #1a1a1a;--color-surface-raised: #222222}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit}.site-header{position:sticky;top:0;z-index:10;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.header-inner{max-width:680px;margin:0 auto;padding:.875rem 1.5rem;display:flex;align-items:baseline;gap:.75rem}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.theme-toggle-btn{background:none;border:1px solid var(--color-border);border-radius:6px;padding:.35em .6em;font-size:.85rem;font-family:inherit;color:var(--color-muted);cursor:pointer;transition:border-color .15s,color .15s;line-height:1}.theme-toggle-btn:hover{border-color:var(--color-secondary);color:var(--color-text)}.header-btn{background:var(--color-text);border:1px solid var(--color-text);border-radius:6px;padding:.35em .9em;font-size:.8rem;font-weight:500;font-family:inherit;color:var(--color-bg);cursor:pointer;transition:background .15s,border-color .15s}.header-btn:hover{background:var(--color-secondary);border-color:var(--color-secondary)}.header-btn-secondary{background:none;border:1px solid var(--color-border);border-radius:6px;padding:.35em .9em;font-size:.8rem;font-weight:500;font-family:inherit;color:var(--color-secondary);cursor:pointer;transition:border-color .15s,color .15s}.header-btn-secondary:hover{border-color:var(--color-secondary);color:var(--color-text)}.site-name-btn{background:none;border:none;padding:0;margin:0;font-size:1.1rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em;font-family:inherit;cursor:pointer;line-height:inherit}.site-name-btn:hover{opacity:.7}.site-tagline{font-size:.875rem;color:var(--color-muted)}.page-container{max-width:680px;margin:0 auto;padding:1.5rem}.feed{display:flex;flex-direction:column}.feed-card{padding:1.5rem 0;border-bottom:1px solid var(--color-border)}.feed-card:last-child{border-bottom:none}.feed-card-meta{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.source-badge{display:inline-block;padding:.2em .55em;border-radius:3px;font-size:.72rem;font-weight:600;color:#fff;letter-spacing:.02em;text-transform:uppercase}.feed-card-date{font-size:.8rem;color:var(--color-muted)}.feed-card-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:650;line-height:1.35;letter-spacing:-.01em}.feed-card-title a{color:var(--color-text);text-decoration:none}.feed-card-title a:hover{text-decoration:underline;text-underline-offset:3px}.settings-panel{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.settings-inner{max-width:680px;margin:0 auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.settings-section{display:flex;flex-direction:column;gap:.625rem}.settings-label{margin:0;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.settings-user-email{margin:0;font-size:.925rem;color:var(--color-text)}.settings-source-chips{display:flex;flex-wrap:wrap;gap:.375rem}.tag-input-wrapper{display:flex;flex-direction:column;gap:.25rem}.tag-input-label{font-size:.85rem;color:var(--color-secondary)}.tag-input-container{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);cursor:text;transition:border-color .15s}.tag-input-container:focus-within{border-color:var(--color-secondary)}.tag-input-container--disabled{opacity:.6;cursor:not-allowed}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2em .5em;border-radius:3px;font-size:.8rem;font-weight:500;background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);line-height:1.4}.tag-chip-remove{background:none;border:none;padding:0;margin:0;font-size:.85rem;line-height:1;color:var(--color-muted);cursor:pointer;transition:color .15s}.tag-chip-remove:hover{color:#d1393a}.tag-chip-remove:disabled{cursor:not-allowed}.tag-input-field{border:none;outline:none;background:none;font-size:.85rem;font-family:inherit;color:var(--color-text);flex:1;min-width:80px;padding:.15em 0}.tag-input-field::placeholder{color:var(--color-muted)}.tag-input-field:disabled{cursor:not-allowed}.settings-add-form{display:flex;flex-direction:column;gap:.5rem}.settings-add-fields{display:flex;gap:.5rem}.settings-input{flex:1;min-width:0;padding:.4em .625em;font-size:.875rem;font-family:inherit;color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;outline:none;transition:border-color .15s}.settings-input:focus{border-color:#999}.settings-input::placeholder{color:var(--color-muted)}.settings-input:disabled{opacity:.5}.settings-error{margin:0;font-size:.8rem;color:#d1393a}.settings-add-btn{align-self:flex-start;background:var(--color-text);border:none;border-radius:4px;padding:.4em .875em;font-size:.8rem;font-weight:500;font-family:inherit;color:var(--color-bg);cursor:pointer;transition:opacity .15s}.settings-add-btn:hover:not(:disabled){opacity:.8}.settings-add-btn:disabled{opacity:.35;cursor:default}.settings-footer{padding-top:.25rem;border-top:1px solid var(--color-border)}.settings-logout-btn{background:none;border:1px solid var(--color-border);border-radius:4px;padding:.35em .875em;font-size:.8rem;font-family:inherit;color:var(--color-secondary);cursor:pointer;transition:border-color .15s,color .15s}.settings-logout-btn:hover{border-color:var(--color-secondary);color:var(--color-text)}.feed-card-summary{margin:0;font-size:.925rem;color:var(--color-secondary);line-height:1.6}.feed-card-reason{margin:.5rem 0 0;font-size:.8rem;color:var(--color-muted);font-style:italic}.save-btn{margin-left:auto;display:inline-flex;align-items:center;gap:.3em;background:none;border:none;padding:.3em .5em;border-radius:4px;font-size:.78rem;font-weight:500;font-family:inherit;color:var(--color-secondary);cursor:pointer;transition:color .15s,background-color .15s}.save-btn:hover{color:var(--color-text);background-color:var(--color-surface)}.save-btn--active{color:#2563eb}.save-btn--active:hover{color:#1d4ed8}.save-btn-icon{flex-shrink:0}:root[data-theme=dark] .save-btn--active{color:#60a5fa}:root[data-theme=dark] .save-btn--active:hover{color:#93bbfd}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .save-btn--active{color:#60a5fa}:root:not([data-theme=light]) .save-btn--active:hover{color:#93bbfd}}.dismiss-btn{display:inline-flex;align-items:center;gap:.3em;background:none;border:none;padding:.3em .5em;border-radius:4px;font-size:.78rem;font-weight:500;font-family:inherit;color:var(--color-secondary);cursor:pointer;transition:color .15s,background-color .15s}.dismiss-btn:hover{color:#dc2626;background-color:var(--color-surface)}.dismiss-btn-icon{flex-shrink:0}.settings-prefs-fields{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.hero{text-align:center;padding:3rem 0 2.5rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.hero-title{margin:0 0 .75rem;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.hero-description{margin:0 auto 1.5rem;max-width:480px;font-size:.95rem;line-height:1.6;color:var(--color-secondary)}.hero-cta{background:var(--color-text);color:var(--color-bg);border:none;border-radius:6px;padding:.6em 1.5em;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.hero-cta:hover{opacity:.85}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.hero-signin{margin:0;font-size:.85rem;color:var(--color-muted)}.hero-signin-link{background:none;border:none;padding:0;font-size:inherit;font-family:inherit;color:var(--color-secondary);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.hero-signin-link:hover{color:var(--color-text)}.onboarding-container{max-width:100%}.onboarding-progress{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-bottom:1.5rem}.onboarding-cancel{background:none;border:none;font-size:.75rem;font-family:inherit;color:var(--color-muted);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.onboarding-cancel:hover{color:var(--color-text)}.onboarding-step{display:flex;flex-direction:column;gap:1rem}.onboarding-heading{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text)}.onboarding-description{margin:0;font-size:.9rem;color:var(--color-secondary);line-height:1.55}.onboarding-suggestion-chips{display:flex;flex-wrap:wrap;gap:.375rem}.onboarding-chip{display:inline-flex;align-items:center;padding:.3em .7em;border-radius:3px;font-size:.82rem;font-weight:500;font-family:inherit;background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;transition:border-color .15s,background .15s}.onboarding-chip:hover:not(:disabled){border-color:var(--color-secondary)}.onboarding-chip--selected{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.onboarding-chip:disabled{cursor:default}.onboarding-sources{display:flex;flex-direction:column;gap:.5rem}.onboarding-source-card{display:flex;flex-direction:row;align-items:flex-start;gap:.625rem;padding:.75rem;border-radius:6px;border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s}.onboarding-source-card:hover{border-color:var(--color-secondary)}.onboarding-source-card--selected{border-color:var(--color-text);background:var(--color-surface-raised);box-shadow:0 0 0 1px var(--color-text)}.onboarding-source-check{flex-shrink:0;width:1.15rem;height:1.15rem;margin-top:.1rem;border-radius:3px;border:2px solid var(--color-border);background:var(--color-bg);display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.onboarding-source-card--selected .onboarding-source-check{border-color:var(--color-text);background:var(--color-text)}.onboarding-source-check-icon{display:none;color:var(--color-bg);font-size:.7rem;font-weight:700;line-height:1}.onboarding-source-card--selected .onboarding-source-check-icon{display:block}.onboarding-source-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.onboarding-source-name{font-size:.9rem;font-weight:600;color:var(--color-text)}.onboarding-source-reason{font-size:.8rem;color:var(--color-muted)}.onboarding-sublabel{margin:.75rem 0 0;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.onboarding-nav{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.onboarding-back-btn{background:none;border:1px solid var(--color-border);border-radius:6px;padding:.4em .9em;font-size:.82rem;font-weight:500;font-family:inherit;color:var(--color-secondary);cursor:pointer;transition:border-color .15s,color .15s}.onboarding-back-btn:hover{border-color:var(--color-secondary);color:var(--color-text)}.onboarding-next-btn{background:var(--color-text);color:var(--color-bg);border:none;border-radius:6px;padding:.4em .9em;font-size:.82rem;font-weight:500;font-family:inherit;cursor:pointer;transition:opacity .15s}.onboarding-next-btn:hover:not(:disabled){opacity:.85}.onboarding-next-btn:disabled{opacity:.35;cursor:default}.onboarding-cta-btn{background:var(--color-text);color:var(--color-bg);border:none;border-radius:6px;padding:.5em 1.25em;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.onboarding-cta-btn:hover{opacity:.85}.onboarding-summary{display:flex;flex-direction:column;gap:.625rem;padding:1rem;border-radius:6px;background:var(--color-surface);border:1px solid var(--color-border)}.onboarding-summary-item{display:flex;flex-direction:column;gap:.15rem}.onboarding-summary-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.onboarding-summary-value{font-size:.875rem;color:var(--color-text)}.spinner{display:flex;align-items:center;gap:.625rem}.spinner--medium .spinner-icon{width:1.25rem;height:1.25rem}.spinner--small .spinner-icon{width:.9rem;height:.9rem}.spinner-icon{animation:spin .8s linear infinite;color:var(--color-muted)}.spinner-track{opacity:.2}.spinner-arc{opacity:.8}.spinner-label{font-size:.9rem;color:var(--color-muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:520px){.header-inner{padding:.75rem 1rem;flex-wrap:wrap;align-items:center}.site-name-btn{flex-shrink:0}.site-tagline{order:3;width:100%;margin-top:.125rem;font-size:.8rem}.header-actions{flex-shrink:0}.settings-inner{padding:1rem;gap:1.25rem}.settings-add-fields{flex-direction:column}.page-container{padding:1rem}.hero{padding:2rem 0 1.75rem}.hero-title{font-size:1.4rem}}