:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eee8dc;background:#1c1b19;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top,#38352f,#1c1b19 58%)}button,input,textarea{font:inherit}.app{max-width:1320px;margin:auto;padding:20px}.topbar{display:flex;align-items:end;justify-content:space-between;padding:8px 4px 18px}.sigil{font:700 14px ui-monospace,monospace;letter-spacing:.2em;color:#b6a586}h1{font:700 clamp(2rem,6vw,4rem) Georgia,serif;margin:2px 0}.counter{font:700 16px ui-monospace,monospace;color:#b6a586}.desk{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:22px;align-items:start}.inbox{position:sticky;top:18px;background:#2b2925;border:1px solid #756a58;border-radius:16px;padding:16px;box-shadow:0 18px 50px #0008}.inbox h2{margin:0 0 12px;font-family:Georgia,serif}.inbox input,.inbox textarea{width:100%;border:1px solid #756a58;border-radius:10px;background:#181715;color:#eee8dc;padding:10px;margin:6px 0}.inbox textarea{resize:vertical;font:13px/1.4 ui-monospace,monospace}.inbox button,.pager button,.pager a{border:1px solid #a89572;background:#a89572;color:#171511;border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none;cursor:pointer}.inbox button{width:100%;margin-top:6px}.status{min-height:3em;color:#c9bea9;font-size:14px}.inbox dl{display:grid;grid-template-columns:70px 1fr;gap:5px 8px;font-size:12px;margin:12px 0 0}.inbox dt{color:#a89572}.inbox dd{margin:0;font-family:ui-monospace,monospace;overflow-wrap:anywhere}.reader{min-width:0}.paperframe{max-width:794px;margin:0 auto;background:#0e0e0d;padding:12px;border-radius:7px;box-shadow:0 20px 60px #0009}.paperframe img{display:block;width:100%;height:auto;background:#fff}.empty{aspect-ratio:794/1123;display:grid;place-items:center;background:#f5f0e4;color:#756a58;font:italic 18px Georgia,serif;padding:30px;text-align:center}.pager{max-width:794px;margin:14px auto;display:grid;grid-template-columns:1fr auto 1fr;gap:10px}.pager button:last-child{justify-self:stretch}.pager button:disabled{opacity:.35;cursor:not-allowed}.pager a{text-align:center;background:transparent;color:#cdbd9f}@media(max-width:800px){.app{padding:10px}.desk{grid-template-columns:1fr}.inbox{position:static}.paperframe{padding:5px}.topbar{align-items:center}}.field{display:block;margin:8px 0}.field span{display:block;margin:0 0 3px;color:#a89572;font-size:12px;font-weight:700;letter-spacing:.04em}.field input{margin:0}.inbox button:disabled{opacity:.5;cursor:wait}.manual{margin-top:14px;border-top:1px solid #574f43;padding-top:12px}.manual summary{cursor:pointer;color:#b6a586;font-size:13px;margin-bottom:8px}.manual[open] summary{margin-bottom:10px}.secondary{background:transparent!important;color:#cdbd9f!important}.danger{margin-top:12px!important;background:transparent!important;color:#d8a58e!important;border-color:#8d5945!important}.modalback{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;padding:18px;z-index:20}.modal{position:relative;width:min(480px,100%);background:#f3ead9;color:#241f19;border-radius:16px;padding:24px;box-shadow:0 30px 80px #000b}.modal h2{margin-top:0}.modal input{width:100%;padding:14px;border:1px solid #9d8c72;border-radius:9px;background:#fffaf0;font:inherit}.modal small{display:block;margin:8px 0 18px}.modalactions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modalactions button{padding:12px;border-radius:9px;border:1px solid #a89572;background:#a89572;font-weight:800}.modalactions .secondary{color:#342d24!important;border-color:#c4b8a5!important}.close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:28px;cursor:pointer}