:root{font-family:system-ui,-apple-system,sans-serif;color:#29261f;background:#f8f5ed;line-height:1.65;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #d9d1bd;border-radius:12px;background:#fffdf8;color:inherit;padding:9px 16px}button:hover{background:#f1eadb}button:disabled{opacity:.5;cursor:wait}.primary{background:#2c2922;color:white;border-color:#2c2922}.primary:hover{background:#454035}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b18e21;outline-offset:3px}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;border-bottom:1px solid #e8e1d3;background:#fffdf8}.brand{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:750;text-decoration:none;color:inherit}header>div{display:flex;gap:8px}main{max-width:1400px;margin:auto;padding:35px 5vw}#welcome{max-width:700px;margin:9vh auto}#welcome h1{font-size:clamp(32px,5vw,50px);line-height:1.35;letter-spacing:-.04em}.eyebrow{font-weight:600;color:#806d35}p{color:#706a5d}h1,h2,h3{letter-spacing:-.03em}h1{font-size:30px}.library-head{display:flex;justify-content:space-between;align-items:center;gap:20px}input,textarea,select{padding:11px 13px;border-radius:10px;border:1px solid #d9d1bd;background:#fff;color:inherit;max-width:100%}textarea{width:100%;resize:vertical}nav{display:flex;gap:8px;margin-bottom:25px}nav [aria-pressed=true]{background:#f5e5a1;border-color:transparent}#layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:30px}#list{display:flex;flex-direction:column;gap:10px}#list button{text-align:left;padding:18px;border-color:transparent;background:#fffdf8}#list button[aria-current=true]{background:#f5edce}#list small{display:block;color:#716b5e;margin-top:7px}#detail{min-width:0;padding:30px;border-radius:20px;background:#fffdf8;min-height:380px}#detail h2{margin-top:0;font-size:25px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.muted{font-size:14px;color:#706a5d}.quote{padding:16px;border-radius:12px;background:#f7f1dc;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.what{background:#fff2b6}.why{background:#fce1eb}.soWhat{background:#e0edfc}.important{background:#e5f1d9}.source{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.9}details{margin:18px 0}summary{cursor:pointer;font-weight:650}label{display:block;margin:15px 0;font-weight:600}label input,label textarea,label select{display:block;width:100%;margin-top:7px;font-weight:400}.writing{margin-top:30px;padding-top:15px;border-top:1px solid #e8e1d3}dialog{border:1px solid #ded4bd;border-radius:20px;width:min(560px,94vw);padding:28px;max-height:90vh}dialog::backdrop{background:#201b1355}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#2c2922;color:white;border-radius:12px;padding:12px 22px;max-width:92vw}#detail a{color:#6e581e;overflow-wrap:anywhere}.danger{color:#a23f35}#login-status{max-width:550px}@media(max-width:760px){header{padding:16px}main{padding:24px 16px}.library-head{align-items:start;flex-direction:column;gap:0}#layout{grid-template-columns:1fr}#list{max-height:250px;overflow:auto}#detail{padding:20px}.brand{font-size:18px}button{padding:8px 12px}}