@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=Inter:wght@400;500;600&family=Fraunces:opsz,wght@9..144,600&display=swap";:root{--paper: #FAF4EA;--ink: #2A211C;--card: #F1E6D6;--mute: #6E6156;--wax: #9B3A2E;--gilt: #B07D3A;--bind: #33302B;--ok: #4A6152;--line: rgba(42,33,28,.12);--serif: "Newsreader", Georgia, "Times New Roman", serif;--sans: "Inter", -apple-system, system-ui, sans-serif;--display: "Fraunces", Georgia, serif;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bind);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{min-height:100dvh}#app{min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);max-width:560px;margin:0 auto;box-shadow:0 0 0 1px #00000040}.screen{flex:1;display:flex;flex-direction:column;padding:calc(var(--sat) + 18px) 22px calc(var(--sab) + 28px);animation:fade .32s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.top{display:flex;align-items:center;justify-content:space-between;min-height:40px;margin-bottom:10px}.back{background:none;border:0;color:var(--mute);font:500 15px var(--sans);padding:12px 4px;min-height:44px;cursor:pointer}.brand{font:600 15px var(--display);letter-spacing:.02em;color:var(--mute)}h1{font:600 30px/1.15 var(--display);margin:10px 0 8px;letter-spacing:-.01em}h2{font:600 21px/1.2 var(--display);margin:20px 0 8px}p{margin:6px 0}.mute{color:var(--mute)}.small{font-size:14px}.center{text-align:center}.serif{font-family:var(--serif);font-size:19px;line-height:1.62}.spacer{flex:1}.btn{display:block;width:100%;border:0;border-radius:14px;padding:16px 18px;font:600 16px var(--sans);cursor:pointer;background:var(--ink);color:var(--paper);margin-top:12px;transition:transform .1s}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45}.btn.wax{background:var(--wax)}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn.quiet{background:transparent;color:var(--mute);padding:12px;font-weight:500}.row{display:flex;gap:10px}.row .btn{margin-top:12px}input,textarea,select{width:100%;border:0;border-bottom:1.5px solid var(--line);background:transparent;color:var(--ink);font:400 19px var(--serif);padding:10px 0;outline:none;border-radius:0}input:focus,textarea:focus{border-color:var(--ink)}textarea{resize:none;min-height:220px;line-height:1.62;font-size:19px;border:0}label.l{display:block;font:500 13px var(--sans);color:var(--mute);margin-top:18px;text-transform:uppercase;letter-spacing:.06em}.sheet{background:var(--card);border-radius:18px;padding:22px 20px;margin:12px 0;box-shadow:inset 0 0 0 1px #2a211c0f}.sheet.paper{background:#fffbf4}.err{color:var(--wax);font-size:14px;margin-top:10px;min-height:1.2em}.ok{color:var(--ok)}.deck{display:grid;gap:10px;margin-top:10px}.card{text-align:left;background:var(--card);border:0;border-radius:14px;padding:16px 18px;font:500 17px var(--serif);color:var(--ink);cursor:pointer;box-shadow:inset 0 0 0 1px #2a211c0f}.card.on{box-shadow:inset 0 0 0 2px var(--ink)}.card .s{display:block;font:400 13px var(--sans);color:var(--mute);margin-top:4px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{background:transparent;border:1.5px solid var(--line);color:var(--ink);border-radius:999px;padding:12px 16px;min-height:44px;font:500 14px var(--sans);cursor:pointer}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.floor{font:400 13px var(--sans);color:var(--mute);margin-top:6px;min-height:1.2em}.cover{position:relative;aspect-ratio:3/4;width:100%;max-width:300px;margin:12px auto;border-radius:6px 14px 14px 6px;box-shadow:0 18px 40px -18px #0000008c,inset 6px 0 #0000001f,inset 0 0 0 1px #ffffff14;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 22px 26px;color:#faf4ea;overflow:hidden}.cover:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);pointer-events:none}.cover .t{font:600 26px/1.15 var(--display);position:relative}.cover .d{font:400 13px var(--sans);opacity:.8;margin-top:8px;position:relative}.cover .gilt{position:absolute;top:16px;left:22px;right:22px;height:1px;background:var(--gilt);opacity:.8}.cover.small{width:96px;margin:0;padding:10px;border-radius:3px 7px 7px 3px}.cover.small .t{font-size:12px}.c-linen{background:#4f5b4e}.c-oxblood{background:#6b2a28}.c-navy{background:#2c3a52}.c-sand{background:#b59a72;color:#2a211c}.c-slate{background:#4b4f57}.c-moss{background:#5e6b3a}.c-plum{background:#533b52}.c-night{background:#1e1e22}.covers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.covers button{aspect-ratio:3/4;border:0;border-radius:4px 9px 9px 4px;cursor:pointer;box-shadow:inset 4px 0 #00000026;position:relative}.covers button.on{outline:3px solid var(--ink);outline-offset:3px}.covers button.lock:after{content:"◆";position:absolute;right:6px;bottom:4px;font-size:11px;color:var(--gilt)}.shelfrow{display:flex;gap:14px;align-items:center;background:var(--card);border-radius:16px;padding:14px;margin-top:12px;cursor:pointer;border:0;width:100%;text-align:left;color:var(--ink)}.shelfrow .n{font:600 17px var(--display)}.shelfrow .m{font:400 13px var(--sans);color:var(--mute)}.pages{display:grid;gap:12px;margin-top:12px}.page{background:#fffbf4;border-radius:14px;padding:18px 18px 16px;box-shadow:inset 0 0 0 1px #2a211c12,0 8px 22px -16px #0006;border:0;text-align:left;color:var(--ink);width:100%;cursor:pointer;position:relative}.page .w{font:600 15px var(--sans)}.page .c{font:italic 400 15px var(--serif);color:var(--mute);margin-top:2px}.page .ex{font:400 17px/1.5 var(--serif);margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page .seal{position:absolute;right:16px;top:16px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#B8483A,var(--wax) 65%,#7A2B22);box-shadow:0 1px 2px #0000004d}.ghost{border:1.5px dashed var(--line);border-radius:14px;padding:16px 18px;color:var(--mute);font:400 15px var(--sans)}.read{font:400 20px/1.62 var(--serif);white-space:pre-wrap;max-width:34em;margin-top:14px}.sig{font:italic 400 18px var(--serif);margin-top:22px}.readtop{font:500 14px var(--sans);color:var(--mute)}.unseal{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center}.waxbtn{width:112px;height:112px;border-radius:50%;border:0;position:relative;background:transparent;cursor:pointer;margin:26px 0 8px;-webkit-user-select:none;user-select:none;touch-action:none}.waxbtn .ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--gilt) calc(var(--p, 0) * 1%),transparent 0);-webkit-mask:radial-gradient(circle,transparent 50px,#000 51px);mask:radial-gradient(circle,transparent 50px,#000 51px);transition:--p .1s}.waxbtn .disc{position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#B8483A,var(--wax) 60%,#7A2B22);box-shadow:0 6px 14px -6px #0009,inset 0 -3px 6px #00000040;display:flex;align-items:center;justify-content:center;color:#fff0e6d9;font:600 20px var(--display);transition:transform .9s ease}.waxbtn.holding .disc{transform:scale(1.06)}.waxbtn.split .disc{animation:split .26s ease forwards}@keyframes split{to{transform:scale(1.2);opacity:0}}.turn{animation:turn .42s cubic-bezier(.2,.8,.2,1);transform-origin:left center}@keyframes turn{0%{transform:perspective(900px) rotateY(-70deg);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.turn{animation:none}.waxbtn .disc{transition:none}}.code{font:600 22px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;background:var(--card);border-radius:14px;padding:16px;text-align:center;margin:12px 0;user-select:all;-webkit-user-select:all}.toast{position:fixed;left:50%;bottom:calc(var(--sab) + 24px);transform:translate(-50%);background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:999px;font:500 14px var(--sans);opacity:0;transition:opacity .25s;pointer-events:none;z-index:9;white-space:nowrap}.toast.show{opacity:1}.menu{display:flex;gap:18px;margin-top:4px;flex-wrap:wrap}.menu button{background:none;border:0;color:var(--mute);font:500 14px var(--sans);padding:13px 2px;min-height:44px;cursor:pointer}.menu button.danger{color:var(--wax)}.hr{height:1px;background:var(--line);margin:18px 0}.pill{display:inline-block;font:500 12px var(--sans);color:var(--gilt);border:1px solid var(--gilt);border-radius:999px;padding:2px 9px;margin-left:6px;vertical-align:middle}.handing{background:var(--bind);color:#f3ede2}.handing h1,.handing h2,.handing .serif,.handing .brand,.handing .back,.handing .readtop,.handing .mute,.handing .small,.handing .floor,.handing label.l,.handing .eula{color:#f3ede2}.handing .mute,.handing .small,.handing .floor,.handing label.l,.handing .readtop,.handing .eula{color:#c9bfb0}.handing textarea,.handing input{color:#f8f3e9;border-bottom-color:#f8f3e947;caret-color:#f8f3e9}.handing textarea::placeholder,.handing input::placeholder{color:#f8f3e96b}.handing textarea:focus,.handing input:focus{border-bottom-color:#f8f3e9}.handing .card{background:#faf4ea17;color:#f3ede2;box-shadow:inset 0 0 0 1px #faf4ea29}.handing .card .s{color:#c9bfb0}.handing .chip{color:#f3ede2;border-color:#f8f3e94d}.handing .chip.on{background:#f8f3e9;color:var(--bind);border-color:#f8f3e9}.handing .btn.ghost{color:#f3ede2;box-shadow:inset 0 0 0 1.5px #f8f3e959}.handing .btn:not(.wax):not(.ghost):not(.quiet){background:#f8f3e9;color:var(--bind)}.handing .err{color:#e4907f}.handing .stickyfoot{background:var(--bind)}.eula{font-size:13px;color:var(--mute);display:flex;gap:10px;align-items:flex-start;margin-top:14px}.eula input{width:18px;height:18px;margin:2px 0 0;border:0}@media print{body,#app{background:#fff;box-shadow:none;max-width:none}.noprint{display:none!important}.printpage{page-break-after:always;font:400 14pt/1.6 var(--serif);padding:1in}}:focus-visible{outline:3px solid var(--gilt);outline-offset:3px;border-radius:6px}.linkbtn{background:none;border:0;color:var(--wax);font:500 15px var(--sans);text-decoration:underline;text-underline-offset:3px;padding:12px 4px;min-height:44px;cursor:pointer}.handing .linkbtn{color:#e9b4a6}.notice{display:block;width:100%;text-align:left;background:#b07d3a24;border:0;border-left:3px solid var(--gilt);color:var(--ink);font:500 14px/1.4 var(--sans);padding:12px 14px;border-radius:8px;margin-bottom:6px;cursor:pointer}.btn.danger,.menu button.danger{color:var(--wax)}.stickyfoot{position:sticky;bottom:0;padding:8px 0 calc(var(--sab) + 8px);background:var(--paper);margin-top:auto}.screen>textarea{flex:1}@media (prefers-reduced-motion: reduce){.screen,.turn,.waxbtn .disc{animation:none!important;transition:none!important}}