:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--ink:#1c1915;--muted:#5e584f;--line:#ddd6c8;--card:#fffdf8;--accent:#9a3412}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Georgia,Iowan Old Style,Palatino Linotype,serif}main{max-width:40rem;margin:0 auto;padding:4.5rem 1.25rem 3rem}h1{letter-spacing:-.03em;margin:0 0 .75rem;font-size:2.4rem;font-weight:500}.top{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.top h1{margin:0}button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}p{color:var(--muted);line-height:1.5}form{background:var(--card);border:1px solid var(--line);gap:.75rem;margin-top:2rem;padding:1.25rem;display:grid}label{font-size:.95rem}input{width:100%;font:inherit;border:1px solid var(--line);background:#fff;padding:.7rem .75rem;font-size:1rem}button{font:inherit;background:var(--ink);color:#fff;cursor:pointer;border:0;padding:.7rem 1rem;font-size:1rem}button:disabled{opacity:.6;cursor:progress}.status{color:var(--ink);margin-top:1rem}.status a{color:var(--accent)}.error{color:#9f1239}.hint{margin:0;font-size:.95rem}.pages{margin-top:2.5rem}.pages h2{margin:0 0 .75rem;font-size:1.3rem;font-weight:500}.pages ul{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.pages li{background:var(--card);border:1px solid var(--line);gap:.75rem;padding:.9rem 1rem;display:grid}.pages li .page-main{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pages li .title{gap:.15rem;display:grid}.pages li span,.pages a{color:var(--accent)}.actions{align-items:center;gap:.5rem;display:flex}.actions button,form.lock button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}form.lock{background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;display:flex}form.lock input{flex:10rem;min-width:0}