:root{--bg: #ffffff;--surface: #ffffff;--border: #e4e4e2;--text: #16150f;--muted: #6d6b62;--faint: #93918a;--accent: #1d4ed8;--danger: #9a3412;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #111110;--surface: #191917;--border: #2c2c29;--text: #f2f1ec;--muted: #a3a199;--faint: #77756e;--accent: #93b4ff;--danger: #f0a58a;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font:16px/1.55 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}.app{max-width:40rem;margin:0 auto;padding:0 1rem env(safe-area-inset-bottom)}.app__header{padding:1.5rem 0 .5rem}.app__header h1{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}.app__list{display:flex;flex-direction:column}.app__note{padding:2rem 0;text-align:center;color:var(--muted);font-size:.9375rem}.app__note--error{color:var(--danger)}.app__note button{background:none;border:0;padding:0 .25rem;text-decoration:underline}.card{padding:1.375rem 0;border-bottom:1px solid var(--border);transition:opacity .15s ease}.card--busy{opacity:.4;pointer-events:none}.card__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;font-size:.75rem;color:var(--faint)}.card__why{color:var(--muted);font-variant-numeric:tabular-nums}.card__why+.card__source:before{content:"·";margin-right:.5rem}.card__tag{padding:.0625rem .375rem;border:1px solid var(--border);border-radius:999px;font-size:.6875rem}.card__check{display:inline-block;width:.95em;height:.95em;margin-right:.5rem;border:1.5px solid var(--faint);border-radius:.22em;vertical-align:-.08em}.card__check--live{padding:0;background:none;cursor:pointer}.card__check--live:hover{border-color:var(--text);background:var(--border)}.card__title{margin:.375rem 0 0;font-size:1.0625rem;font-weight:550;line-height:1.35;letter-spacing:-.006em}.card__titleLink{color:inherit;text-decoration:none}.card__titleLink:hover{color:var(--accent)}.card__snippet{margin:.375rem 0 0;color:var(--muted);font-size:.9375rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__passage{margin:.5rem 0 0;padding-left:.875rem;border-left:2px solid var(--border);font-size:1.0625rem;line-height:1.5}.card__passage footer{margin-top:.375rem;color:var(--faint);font-size:.8125rem}.card__actions{display:flex;align-items:center;gap:.875rem;margin-top:.75rem;font-size:.8125rem}.card__spacer{flex:1}.card__actions button,.card__link{padding:0;border:0;background:none;color:var(--muted);text-decoration:none}.card__actions button:hover,.card__link:hover{color:var(--text)}.card__dismiss:hover{color:var(--danger)}.undo{position:fixed;left:50%;bottom:calc(1.25rem + env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:1rem;max-width:calc(100vw - 2rem);padding:.625rem .875rem .625rem 1rem;border:1px solid var(--border);border-radius:.625rem;background:var(--surface);box-shadow:0 6px 24px #00000024;font-size:.875rem}.undo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.undo button{flex:none;padding:0;border:0;background:none;font-weight:600}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.login{display:flex;flex-direction:column;gap:.875rem;max-width:18rem;margin:18vh auto 0;padding:0 1.25rem}.login h1{margin:0 0 .25rem;font-size:.8125rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}.login label{display:flex;flex-direction:column;gap:.3125rem;font-size:.8125rem;color:var(--muted)}.login input{padding:.5rem .625rem;border:1px solid var(--border);border-radius:.4rem;background:var(--surface);color:var(--text);font:inherit}.login input:focus{outline:2px solid var(--accent);outline-offset:-1px}.login button{margin-top:.25rem;padding:.5rem;border:1px solid var(--border);border-radius:.4rem;background:var(--surface);font-weight:550}.login button:disabled{opacity:.5}.login__error{margin:0;font-size:.8125rem;color:var(--danger)}
