:root{--paper:#f6f1e7;--ink:#26221c;--muted:#6d6558;--line:#d9d0bf;--topic:#5b6470;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:system-ui, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--paper:#1b1916;--ink:#ece5d8;--muted:#a39a8a;--line:#3a352d}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--serif)}button,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);min-height:44px;font-family:var(--sans);background:0 0;border-radius:6px;padding:.65rem 1rem;font-size:.95rem}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--topic);outline-offset:2px}button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}button.primary:disabled{opacity:.4;cursor:default}button.quiet{color:var(--muted);border:none;padding-inline:0;text-decoration:underline}.app{grid-template-rows:minmax(0,1fr) auto;height:100dvh;display:grid}.screen{min-height:0;overflow:hidden}.nav{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid}.nav button{color:var(--muted);border:none;border-radius:0;min-height:52px}.nav button[aria-current=page]{color:var(--ink);font-weight:600}.feed{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;outline:none;height:100%;overflow-y:auto}.feed::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;scroll-snap-stop:always;background:color-mix(in oklab, var(--topic) 11%, var(--paper));overscroll-behavior:contain;height:100%;display:flex;overflow-y:auto}.card-inner{flex-direction:column;width:min(40rem,100%);margin:auto;padding:1.5rem 1.5rem 1rem;display:flex}.card-topic{color:color-mix(in oklab, var(--topic) 80%, var(--ink));margin:0 0 1rem;font-size:1.05rem;font-style:italic}.card-title{text-wrap:balance;margin:0 0 1.25rem;font-size:clamp(1.9rem,2.2vw + 1.1rem,2.9rem);font-weight:500;line-height:1.14}.card-body{margin:0 0 1.5rem;font-size:clamp(1.18rem,.5vw + 1.05rem,1.4rem);line-height:1.55}.card-source{font-family:var(--sans);color:var(--muted);margin:0;font-size:.85rem}.card-source a{color:inherit}.card-actions{grid-template-columns:repeat(4,1fr);gap:.25rem;margin-top:2rem;display:grid}.card-actions button{color:var(--muted);border:none;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .1rem;font-size:.74rem;display:flex}.card-actions button[aria-pressed=true]{color:var(--topic);font-weight:600}.card-actions button[aria-pressed=true] svg{fill:currentColor}@media (prefers-color-scheme:dark){.card-topic,.card-actions button[aria-pressed=true]{color:color-mix(in oklab, var(--topic) 45%, white)}}.card-end{background:var(--paper)}.why{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;max-width:min(28rem,100vw - 2rem);padding:1.5rem}.why::backdrop{background:#0006}.why h3{margin:0 0 .75rem;font-size:1.4rem;font-weight:500}.why p{line-height:1.5}.page,.picker{width:min(42rem,100%);margin:0 auto;padding:2rem 1.5rem}.page{height:100%;overflow-y:auto}.page h1,.picker h1{margin:0 0 1rem;font-size:2.2rem;font-weight:500;line-height:1.15}.page h2{margin:0 0 .4rem;font-size:1.3rem;font-weight:500}.page section{margin-bottom:2rem}.muted{color:var(--muted)}.row{flex-wrap:wrap;gap:.6rem;display:flex}.add label{font-family:var(--sans);color:var(--muted);margin-bottom:1.1rem;font-size:.95rem;display:block}.add textarea,.add select,.add input[type=text]{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);font:inherit;background:0 0;border-radius:6px;margin-top:.4rem;padding:.7rem .8rem;display:block}.add textarea{font-family:var(--serif);resize:vertical;font-size:1.05rem;line-height:1.5}.add select option{background:var(--paper)}input[type=search]{border:1px solid var(--line);width:100%;min-height:44px;font-family:var(--sans);background:0 0;border-radius:6px;padding:.7rem .8rem}.saved-list{margin:1.5rem 0 0;padding:0;list-style:none}.saved-list li{border-top:1px solid var(--line);padding:1.25rem 0}.saved-list .card-topic{margin-bottom:.4rem;font-size:.95rem}.saved-list p{line-height:1.5}.picker{flex-direction:column;justify-content:center;min-height:100dvh;display:flex}.picker>p{color:var(--muted);margin:0 0 1.5rem;font-size:1.15rem;line-height:1.4}.picker-topics{flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;display:flex}.picker-topic{font-family:var(--serif);font-size:1.05rem}.picker-topic[aria-pressed=true]{background:var(--topic);border-color:var(--topic);color:#fff}