:root{--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f1f3f5;--color-text-primary:#212529;--color-text-secondary:#6c757d;--color-text-muted:#adb5bd;--color-accent:#228be6;--color-accent-hover:#1c7ed6;--color-accent-text:#fff;--color-border:#dee2e6;--color-error:#fa5252;--color-success:#40c057;--color-star:#fab005;--color-unread-badge:#228be6;--color-folder-unread-badge:#0b3d75;--radius-sm:4px;--radius-md:8px;--font-size-md:.9375rem;--font-size-sm:.8125rem;--font-size-xs:.75rem;--mobile-nav-footer-height:64px}*{box-sizing:border-box;margin:0;padding:0}#root{overflow-x:hidden}body{color:var(--color-text-primary);background:var(--color-bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.auth-container{background:var(--color-bg-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:400px;padding:2rem}.auth-card h1{margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);width:100%;color:var(--color-text-primary);outline:none;padding:.5rem .75rem;font-size:1rem;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #228be626}.form-hint{color:var(--color-text-secondary);margin-top:.25rem;font-size:.75rem;display:block}.btn-primary{background:var(--color-accent);width:100%;color:var(--color-accent-text);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:.5rem;padding:.625rem 1rem;font-size:1rem;font-weight:500;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.375rem .75rem;font-size:.875rem;transition:background .15s}.btn-secondary:hover{background:var(--color-bg-secondary)}.auth-error{color:var(--color-error);border-radius:var(--radius-sm);background:#fff5f5;border:1px solid #ffc9c9;margin-bottom:1rem;padding:.5rem .75rem;font-size:.875rem}.auth-link{text-align:center;color:var(--color-text-secondary);margin-top:1rem;font-size:.875rem}.auth-link a{color:var(--color-accent);text-decoration:none}.auth-link a:hover{text-decoration:underline}.modal-option-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.modal-option-list label{cursor:pointer;font-size:var(--font-size-sm);align-items:center;gap:.5rem;display:flex}.modal-empty-hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.main-container{min-height:100vh}.main-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.main-header h1{font-size:1.25rem}.header-user{color:var(--color-text-secondary);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.main-content{padding:2rem}[data-font-size=small]{font-size:14px}[data-font-size=large]{font-size:18px}[data-density=compact] .article-list-item{padding:4px 12px}[data-density=compact] .article-item-summary{display:none}[data-density=compact] .expanded-article-item{padding:.75rem 1rem}[data-density=compact] .accordion-item-header{padding:4px 12px}html[data-effect~=dots] .article-list,html[data-effect~=dots] .feed-list,html[data-effect~=dots] .folder-tree,html[data-effect~=dots] .reader-pane{background-image:radial-gradient(circle, color-mix(in srgb, var(--color-text-muted) 22%, transparent) var(--fx-dots-size,1px), transparent var(--fx-dots-size,1px));background-size:var(--fx-dots-gap,14px) var(--fx-dots-gap,14px);background-position:0 0}html[data-effect~=grid] .article-list,html[data-effect~=grid] .feed-list,html[data-effect~=grid] .folder-tree,html[data-effect~=grid] .reader-pane{background-image:linear-gradient(to right, color-mix(in srgb, var(--color-border) 60%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-border) 60%, transparent) 1px, transparent 1px);background-size:var(--fx-grid-gap,24px) var(--fx-grid-gap,24px);background-position:-1px -1px}html[data-effect~=noise] .article-list,html[data-effect~=noise] .feed-list,html[data-effect~=noise] .reader-pane{position:relative}html[data-effect~=noise] .article-list:before,html[data-effect~=noise] .feed-list:before,html[data-effect~=noise] .reader-pane:before{content:"";pointer-events:none;z-index:0;opacity:var(--fx-noise-opacity,.06);mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px;position:absolute;inset:0}html[data-effect~=noise] .article-list>*,html[data-effect~=noise] .feed-list>*,html[data-effect~=noise] .reader-pane>*{z-index:1;position:relative}html[data-effect~=squiggle] .reader-pane a,html[data-effect~=squiggle] .article-content a{-webkit-text-decoration:underline wavy var(--color-accent);text-decoration:underline wavy var(--color-accent);text-underline-offset:3px;text-decoration-thickness:var(--fx-squiggle-thickness,1px)}.effect-confetti-layer{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.effect-confetti-piece{opacity:0;border-radius:1px;width:8px;height:14px;position:absolute;top:-10px}@media (prefers-reduced-motion:no-preference){.effect-confetti-piece{animation:effect-confetti-fall var(--cf-duration,1.4s) ease-out forwards;animation-delay:var(--cf-delay,0s)}@keyframes effect-confetti-fall{0%{opacity:1;transform:translate(0,0)rotate(0)}to{transform:translate3d(var(--cf-x,0), 105vh, 0) rotate(var(--cf-r,540deg));opacity:0}}}html[data-effect~=squiggle-borders] .article-list,html[data-effect~=squiggle-borders] .feed-list,html[data-effect~=squiggle-borders] .folder-tree,html[data-effect~=squiggle-borders] .reader-pane{border:var(--fx-squiggle-borders-thickness,2px) solid transparent;border-image-source:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'><path d='M0 4 Q 4 0 8 4 T 16 4' fill='none' stroke='%23808080' stroke-width='1.2'/></svg>");border-image-slice:4;border-image-repeat:round;border-image-width:var(--fx-squiggle-borders-thickness,2px)}@media (prefers-reduced-motion:no-preference){html[data-effect~=tilt] .article-list-item,html[data-effect~=tilt] .expanded-article-item,html[data-effect~=tilt] .accordion-item{transform:rotate(var(--tilt,0deg));transition:transform .15s}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dup-analyzer-tray{z-index:1100;background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border,#d0d7de);width:280px;max-width:calc(100vw - 2rem);font-size:var(--font-size-sm,.875rem);border-radius:8px;position:fixed;bottom:1rem;right:1rem;box-shadow:0 6px 20px #00000026}.dup-analyzer-tray-header{border-bottom:1px solid var(--color-border,#d0d7de);align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:600;display:flex}.dup-analyzer-tray-header>span{flex:1}.dup-analyzer-tray-close,.dup-analyzer-tray-remove{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.15rem;display:inline-flex}.dup-analyzer-tray-close:hover,.dup-analyzer-tray-remove:hover{background:var(--color-surface-muted,#0000000f)}.dup-analyzer-tray-list{max-height:200px;margin:0;padding:.25rem 0;list-style:none;overflow-y:auto}.dup-analyzer-tray-item{align-items:center;gap:.5rem;padding:.25rem .75rem;display:flex}.dup-analyzer-tray-id{font-family:var(--font-mono,monospace);color:var(--color-fg-muted,#57606a);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dup-analyzer-tray-actions{border-top:1px solid var(--color-border,#d0d7de);padding:.5rem .75rem}.dup-analyzer-tray-analyze{background:var(--color-accent,#1f6feb);width:100%;color:var(--color-accent-fg,#fff);cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.4rem .75rem;font-weight:600}.dup-analyzer-tray-analyze:disabled{opacity:.5;cursor:not-allowed}.dup-analyzer-tray-analyze:hover:not(:disabled){filter:brightness(1.05)}.update-banner{background:var(--color-accent,#228be6);color:#fff;text-align:center;z-index:9999;justify-content:center;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:flex;position:fixed;top:0;left:0;right:0}.update-banner button{color:#fff;border-radius:var(--radius-sm,4px);cursor:pointer;background:#fff3;border:1px solid #fff6;padding:.2rem .75rem;font-size:.8125rem}.update-banner button:hover{background:#ffffff59}.toast-container{z-index:1000;pointer-events:none;flex-direction:column-reverse;gap:.5rem;max-width:calc(100vw - 2rem);display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--color-surface-elevated,#2a2a2a);color:var(--color-text,#fff);border:1px solid var(--color-border,#3a3a3a);border-radius:8px;align-items:center;gap:.75rem;min-width:280px;max-width:min(520px,100vw - 2rem);padding:.625rem .875rem .625rem 1rem;font-size:.9rem;display:flex;box-shadow:0 6px 20px #0000004d}.toast--error{background:#3a1e1c;border-color:#c0392b}.toast__message{flex:1;line-height:1.35}.toast__action{color:var(--color-accent,#6ea8fe);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.9rem;font-weight:600}.toast__action:hover{background:#6ea8fe1f}.toast__dismiss{color:var(--color-text-muted,#999);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .4rem;font-size:1.1rem;line-height:1}.toast__dismiss:hover{color:var(--color-text,#fff);background:#ffffff0d}@media (prefers-color-scheme:dark){:root:not([data-theme-id]){--color-bg-primary:#1a1b1e;--color-bg-secondary:#25262b;--color-bg-tertiary:#2c2e33;--color-text-primary:#c1c2c5;--color-text-secondary:#909296;--color-text-muted:#5c5f66;--color-accent:#4dabf7;--color-accent-hover:#339af0;--color-accent-text:#fff;--color-border:#373a40;--color-error:#ff6b6b;--color-success:#51cf66;--color-star:#fcc419;--color-unread-badge:#4dabf7;--color-folder-unread-badge:#1864ab}}