:root{color-scheme:light dark;--bg: #ffffff;--fg: #1a1a1a;--muted: #6b7280;--border: #e5e7eb;--accent: #2563eb;--surface: #ffffff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme: dark){:root:not([data-app-theme=light]){color-scheme:dark;--bg: #111214;--fg: #f4f4f5;--muted: #9ca3af;--border: #2a2b2f;--surface: #1a1b1e}}:root[data-app-theme=dark]{color-scheme:dark;--bg: #111214;--fg: #f4f4f5;--muted: #9ca3af;--border: #2a2b2f;--surface: #1a1b1e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:640px;margin:0 auto}.app-content{flex:1;padding:16px 16px 80px}.navbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--bg);border-top:1px solid var(--border);padding:8px 0;max-width:640px;margin:0 auto}.navbar__link{color:var(--muted);text-decoration:none;font-size:.72rem;padding:6px 4px;border-radius:6px;white-space:nowrap}.navbar__link--active{color:var(--accent);font-weight:600}.centered{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px;text-align:center}.login-screen{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;text-align:center}.login-screen__logo{width:96px;height:96px;object-fit:contain;border-radius:20%}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;margin:16px 0}.muted{color:var(--muted)}.error-text{color:#dc2626}button{font:inherit;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:default}input[type=text],input[type=search],select,textarea{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;width:100%}input:disabled,select:disabled,textarea:disabled{opacity:.6}.form-row{display:flex;gap:8px;align-items:center;margin:12px 0}.form-row button{flex-shrink:0}.button--secondary{background:transparent;color:var(--accent);border-color:var(--border)}.button--danger{background:transparent;color:#dc2626;border-color:var(--border)}.button--small{padding:4px 10px;font-size:.85rem}.list{list-style:none;padding:0;margin:0}.list__item{display:flex;align-items:center;justify-content:space-between;gap:12px}.list__main{display:flex;flex-direction:column;gap:2px;min-width:0}.list__meta{font-size:.8rem}.list__actions{display:flex;gap:8px;flex-shrink:0}.notice-text{color:var(--accent);font-size:.9rem}.tabs{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}.tab{background:transparent;color:var(--muted);border:1px solid var(--border);padding:6px 12px;font-size:.9rem}.tab--active{color:#fff;background:var(--accent);border-color:var(--accent)}.article{display:block}.article--read{opacity:.72}.article__title{font-size:1rem;line-height:1.35;margin:0 0 6px}.article__title a{color:var(--fg);text-decoration:none}.article__title a:hover{color:var(--accent);text-decoration:underline}.article__meta{font-size:.8rem;margin:0 0 8px}.article__topics{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.tag{font-size:.75rem;color:var(--accent);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.article__abstract{font-size:.9rem;line-height:1.45;margin:0 0 4px;white-space:pre-wrap}.article__abstract--clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article__summary{border-left:3px solid var(--accent);padding-left:10px;margin:10px 0;font-size:.9rem}.article__summary p{margin:4px 0 0;line-height:1.45}.article__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.button--link{background:none;border:none;color:var(--accent);padding:0;font-size:.85rem;text-decoration:underline}.settings-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field--inline{flex-direction:row;align-items:center;gap:10px}.field--inline input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.field__label{font-size:.9rem;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.stat{border:1px solid var(--border);border-radius:10px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.stat--link{text-decoration:none;color:inherit}.stat--link:hover{border-color:var(--accent)}.stat__value{font-size:1.5rem;font-weight:600}.stat__label{font-size:.75rem;color:var(--muted)}.button-link{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:8px 16px;border-radius:8px;font-size:.95rem}.rating{display:flex;align-items:center;gap:2px;margin-top:10px}.rating__star{background:none;border:none;padding:0 2px;font-size:1.15rem;line-height:1;color:var(--border);cursor:pointer}.rating__star--on{color:#f59e0b}.rating .list__meta{margin-left:6px}.article__notes{margin-top:10px;display:flex;flex-direction:column;gap:8px}.article__notes textarea{resize:vertical;line-height:1.4}.tag--collection{color:var(--fg)}.article__collections{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px}.article__collections .form-row{flex-basis:100%;margin:0}.collection-toggle{font-size:.85rem;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--fg);cursor:pointer}.collection-toggle--on{border-color:var(--accent);color:var(--accent)}.collection-toggle:disabled{opacity:.5;cursor:default}.article__similar{margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:8px}.similar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.similar-list__item{display:flex;flex-direction:column;gap:2px}.similar-list__title{font-size:.9rem;line-height:1.35}.similar-list__title a{color:var(--accent);text-decoration:none}.similar-list__title a:hover{text-decoration:underline}.similar-list__item button{align-self:flex-start}.filters{display:flex;flex-direction:column;gap:10px}.filters__years{display:flex;gap:10px}.filters__years .field{flex:1}.activity{display:flex;align-items:flex-end;gap:3px;height:64px;margin-top:12px}.activity__bar{flex:1;min-width:3px;border-radius:2px;background:var(--border)}.activity__bar--on{background:var(--accent)}