:root{--ink:#1b1a22;--glass:#faf6ecc2;--edge:#3c322829;font:15px/1.4 Caveat,cursive}*{box-sizing:border-box}html{background:#24170e}body{color:var(--ink);margin:0;position:relative;overflow-x:hidden}#paper{touch-action:pan-y;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}#spacer{width:1px}#sheet{transform-origin:0 0;pointer-events:none;width:900px;height:1280px;position:absolute;top:0;left:0}#words span{white-space:pre;color:#0000;line-height:1;position:absolute;top:0;left:0}#caret{opacity:.35;border-radius:1px;width:2px;position:absolute;top:0;left:0}#sheet.focused #caret{opacity:.8;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}#sel div{mix-blend-mode:multiply;background:#79b8f252;border-radius:3px;position:absolute;top:0;left:0}#guide{position:absolute;top:0;left:0;overflow:visible}#ring{width:var(--d,24px);height:var(--d,24px);margin:calc(var(--d,24px) / -2);pointer-events:none;z-index:5;border:1.5px solid #faf6ece6;border-radius:50%;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #1e140a80,inset 0 0 0 1px #1e140a4d}#type{opacity:0;resize:none;border:0;width:2px;height:30px;padding:0;font-size:16px;position:absolute;top:0;left:0;overflow:hidden}.tools{background:var(--glass);-webkit-backdrop-filter:blur(10px)saturate(1.2);border:1px solid var(--edge);border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 24px);padding:6px 10px;animation:.9s cubic-bezier(.2,.8,.2,1) .4s both rise;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -12px #140c0699,inset 0 1px #fff9}@keyframes rise{0%{opacity:0;transform:translate(-50%,20px)}}.tools button,.tools a{font:inherit;color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:2px 9px;font-size:19px;text-decoration:none;transition:background .2s,transform .2s,opacity .2s}.tools button:hover:not(:disabled),.tools a:hover{background:#3c322814}.tools button:disabled{opacity:.3;cursor:default}.tools button.on:not(.ink){background:#3c32281f}.tools .ink{background:var(--c);width:22px;height:22px;padding:0;box-shadow:inset 0 -2px 4px #00000059}.tools button.ink:hover:not(:disabled){background:var(--c);transform:scale(1.12)}.tools .ink.on{box-shadow:inset 0 -2px 4px #00000059, 0 0 0 2px #faf6ec, 0 0 0 3.5px var(--c)}.tools .serif{font:italic 500 19px Cormorant Garamond,serif}.tools .type{font:16px Special Elite,monospace}.textbar{animation-name:drop;animation-duration:.4s;animation-delay:0s;top:14px;bottom:auto}.textbar[hidden]{display:none}@keyframes drop{0%{opacity:0;transform:translate(-50%,-12px)}}#size{accent-color:#5b3a1e;width:84px;margin:0 6px}.palette{z-index:4;background:var(--glass);-webkit-backdrop-filter:blur(10px)saturate(1.2);border:1px solid var(--edge);border-radius:16px;grid-template-columns:repeat(6,26px);gap:8px;padding:12px;animation:.25s ease-out both rise;display:grid;position:fixed;bottom:74px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -12px #140c0699}.palette[hidden]{display:none}.palette .ink{cursor:pointer;background:var(--c);border:0;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .15s;box-shadow:inset 0 -2px 4px #00000059}.palette .ink:hover{transform:scale(1.15)}.palette .ink.on{box-shadow:inset 0 -2px 4px #00000059, 0 0 0 2px #faf6ec, 0 0 0 3.5px var(--c)}.palette .custom{cursor:pointer;background:conic-gradient(from 90deg,#c23b22,#b07a12,#2f6b3a,#11706b,#1f3f9e,#5a2d82,#b5335f,#c23b22);border-radius:13px;grid-column:span 2;height:26px;position:relative;overflow:hidden}.palette .custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.sep{background:var(--edge);align-self:stretch;width:1px;margin:4px 2px}#page-no{text-align:center;min-width:3.2em;font-size:18px}#status{opacity:.55;padding:0 4px;font-size:16px}#status[data-state=error]{color:#c23b22;opacity:.9}#status[data-state=local]{color:#8a3b12;opacity:.8}#status[data-state=note]{color:#5a2d82;opacity:.9}.pages{z-index:6;background:#140c0659;place-items:center;display:grid;position:fixed;inset:0}.pages[hidden]{display:none}.pages-card{width:min(560px,100vw - 32px)}.pages-head{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--edge);border-bottom:0;border-radius:16px 16px 0 0;align-items:center;gap:6px;padding:10px 10px 8px;display:flex}.pages-head input{min-width:0;color:var(--ink);border:1px solid var(--edge);background:#ffffff80;border-radius:999px;outline:none;flex:1;padding:2px 12px;font:20px Caveat,cursive}.pages-head button,#page-list button{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:2px 10px;font:18px Caveat,cursive}.pages-head button:hover,#page-list button:hover{background:#3c322814}#page-list{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--edge);border-top:0;border-radius:0 0 16px 16px;max-height:min(64vh,620px);margin:0;padding:4px 6px 10px;list-style:none;overflow:auto;box-shadow:0 20px 40px -16px #140c06b3}#page-list li{border-radius:10px;align-items:center;display:flex}#page-list li.here{background:#b07a1221}#page-list .open{text-align:left;border-radius:10px;flex:1;grid-template-columns:2.2em 11em 1fr;align-items:baseline;gap:8px;min-width:0;padding:6px 8px;display:grid}#page-list .n{opacity:.45;text-align:right}#page-list .date{color:#5b3a1e;white-space:nowrap;text-overflow:ellipsis;font:italic 500 16px Cormorant Garamond,serif;overflow:hidden}#page-list .first{white-space:nowrap;text-overflow:ellipsis;font-size:21px;overflow:hidden}#page-list .first.empty{opacity:.4}#page-list .tear{opacity:0;color:#8a3b12;font-size:16px;transition:opacity .15s}#page-list li:hover .tear,#page-list .tear:focus,#page-list .tear.sure{opacity:1}#page-list .tear.sure{color:#fff;background:#c23b22}#page-list .none{opacity:.5;padding:14px;font-size:20px}@media (width<=560px){#page-list .open{grid-template-columns:2em 1fr}#page-list .date{display:none}.tools{gap:0;padding:5px 6px}.tools button,.tools a{padding:2px 6px;font-size:17px}}.no-gl-msg{display:none}.no-gl .no-gl-msg{text-align:center;color:#f1eadb;font-size:26px;display:block;position:fixed;inset:40% 0 auto}.no-gl .tools,.no-gl #paper,.textbar .be[hidden]{display:none}.textbar select{color:var(--ink);border:1px solid var(--edge);cursor:pointer;background:0 0;border-radius:999px;padding:0 8px;font:18px Caveat,cursive}.card{z-index:7;background:var(--glass);-webkit-backdrop-filter:blur(10px)saturate(1.2);border:1px solid var(--edge);width:280px;color:var(--ink);border-radius:14px;padding:12px 14px 10px;font:19px Caveat,cursive;animation:.2s ease-out both rise;position:fixed;box-shadow:0 16px 36px -14px #140c06b3}.card[hidden]{display:none}.card .name{overflow-wrap:anywhere;margin-bottom:6px;font:italic 500 24px/1.15 Cormorant Garamond,serif}.card .kind{color:#5a2d82;vertical-align:middle;background:#5a2d821a;border-radius:999px;margin-right:8px;padding:0 8px;font:15px Caveat,cursive}.card .body{opacity:.9;max-height:220px;overflow:auto}.card .label{opacity:.55;margin-top:4px;font-size:15px}.card .page{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:auto 1fr;align-items:baseline;gap:8px;padding:2px 6px;display:grid}.card .page:hover{background:#3c322814}.card .date{color:#5b3a1e;font:italic 500 14px Cormorant Garamond,serif}.card .first{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card .thing{padding:0 6px}.card .foot{border-top:1px solid var(--edge);justify-content:space-between;margin-top:8px;padding-top:6px;font-size:17px;display:flex}.card .foot a,.card .foot button{font:inherit;color:#1f3f9e;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.card .foot button{color:#8a3b12}.closed .tools,.closed .textbar{opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;transform:translate(-50%,20px)}.tools{transition:opacity .5s .3s,transform .5s .3s}.closed #paper{cursor:pointer}.open-hint{color:#faf0e1bf;pointer-events:none;opacity:0;margin:0;font:22px Caveat,cursive;transition:opacity .6s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.closed .open-hint{opacity:1;transition-delay:1.2s}.cover-pick{opacity:0;pointer-events:none;background:#faf6ec2e;border:1px solid #faf6ec40;border-radius:999px;gap:4px;padding:4px 6px;transition:opacity .4s;display:flex;position:fixed;top:16px;right:18px}.closed .cover-pick{opacity:1;pointer-events:auto;transition-delay:1s}.cover-pick button{color:#faf0e1cc;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:1px 10px;font:18px Caveat,cursive}.cover-pick button.on{color:#fff;background:#faf6ec38}