:root{color:#261f1a;font-synthesis:none;background:#f8f4ed;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:#332a22;cursor:pointer;background:0 0;border:1px solid #d8ccbb;border-radius:6px;align-items:center;gap:.45rem;min-height:2.35rem;padding:.45rem .75rem;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s;display:inline-flex}a{color:#2e4739;text-underline-offset:.18em;transition:color .14s,text-decoration-color .14s}button:not(:disabled):hover{background:#eee6da;border-color:#c8b89f}a:hover{color:#8f3028;text-decoration-color:#8f3028}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #9a6d35}button:disabled{cursor:default;opacity:.4}.shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{justify-content:space-between;align-items:center;padding:1rem clamp(1rem,4vw,3rem);display:flex}.brand{border:0;font-weight:700}.toolbar,.readerActions,.dialogActions,.quoteTools{gap:.65rem;display:flex}.reader{align-content:center;justify-items:center;gap:1.2rem;min-height:calc(100vh - 5rem);padding:1rem clamp(1rem,5vw,4rem) 4rem;display:grid}.readerNav{background:#eee6da;border:1px solid #ded2c1;border-radius:8px;padding:.25rem;display:flex}.readerNav button{border:0;min-height:2rem}.readerNav .active{background:#fffaf3}.readerNav button:not(:disabled):hover{background:#dfd3c1}.readerNav .active:not(:disabled):hover{background:#fffaf3}.filterPill{background:#fffaf3;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem}.quote{text-align:center;width:100%;max-width:830px;position:relative}.quoteContent{padding-block:clamp(1.5rem,5vh,4rem)}.quote blockquote{font-size:var(--quote-size,clamp(2rem, 6vw, 4.6rem));letter-spacing:0;margin:0;line-height:1.08}.quote footer{color:#685b4d;justify-items:center;gap:.3rem;margin-top:1.5rem;font-family:ui-sans-serif,system-ui,sans-serif;display:grid}.quote cite{font-style:normal}.quoteTools{justify-content:center;margin-top:1.25rem}.primary{color:#fffaf3;background:#2e4739;border-color:#2e4739}.primary:not(:disabled):hover{background:#23372d;border-color:#23372d}.danger{color:#fffaf3;background:#8f3028;border-color:#8f3028}.danger:not(:disabled):hover{background:#73231e;border-color:#73231e}.ghost{border-color:#0000}.ghost:not(:disabled):hover{background:#f1e8dc;border-color:#0000}.count,.empty,.formError{color:#756858;font-family:ui-sans-serif,system-ui,sans-serif}.count{align-items:center;min-height:2.35rem;display:inline-flex}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login form,.editor,.command,.confirm{background:#fffaf3;border:1px solid #ddd0be;border-radius:8px;gap:1rem;width:min(100%,460px);padding:1.4rem;display:grid;box-shadow:0 24px 80px #2b231b24}.confirm{width:min(100%,430px);font-family:ui-sans-serif,system-ui,sans-serif}.confirm h2,.confirm p{margin:0}label{gap:.35rem;display:grid}input,textarea{color:#2c251f;background:#fffdf8;border:1px solid #d6cab9;border-radius:6px;width:100%;padding:.7rem .8rem}textarea{resize:vertical;min-height:13rem}.overlay{z-index:10;background:#261f1a40;border:0;place-content:center;place-items:center;width:100%;max-width:none;height:100dvh;min-height:100vh;max-height:none;margin:0;padding:1rem;display:grid;position:fixed;inset:0}.command{align-content:start;width:min(100%,640px);max-height:min(680px,100vh - 2rem);overflow:auto}.searchBox{align-items:center;gap:.65rem;display:flex}.searchBox input{border:0;border-bottom:1px solid #d8ccbb;border-radius:0}.commandRow{text-align:left;justify-content:flex-start;width:100%}.fieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=650px){.topbar{padding:.75rem}.reader{align-content:start;padding-top:2rem}.quote blockquote{font-size:min(var(--quote-size,2.1rem), 2.7rem)}.overlay{padding:.5rem}.editor,.command,.confirm{width:90vw;padding:1.2rem}.editor{grid-template-rows:minmax(0,1fr) auto auto auto;height:90dvh}.command{max-height:none}.editor textarea{min-height:0}.fieldGrid,.readerActions{grid-template-columns:1fr}}
