:root{--paper:#f6eddc;--card:#fdf6e9;--ink:#40352b;--muted:#85786a;--clay:#b85c44;--clay-deep:#9c4a36;--clay-soft:#f0dcd1;--sky:#8fb3c7;--sky-soft:#e3edf2;--sun:#e2b54e;--sun-soft:#f6e8c2;--kraft:#b09a7c;--go:#4f7d54;--head:var(--serif);--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Charter, Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--paper:#2b2723;--card:#363028;--ink:#ece2cf;--muted:#a89a86;--clay:#d08064;--clay-deep:#b86a50;--clay-soft:#4a382e;--sky:#7c99ab;--sky-soft:#333d44;--sun:#d5ab52;--sun-soft:#453c26;--kraft:#8f7d66;--go:#7fae83}}:root[data-theme=light]{--paper:#f6eddc;--card:#fdf6e9;--ink:#40352b;--muted:#85786a;--clay:#b85c44;--clay-deep:#9c4a36;--clay-soft:#f0dcd1;--sky:#8fb3c7;--sky-soft:#e3edf2;--sun:#e2b54e;--sun-soft:#f6e8c2;--kraft:#b09a7c;--go:#4f7d54}:root[data-theme=dark]{--paper:#2b2723;--card:#363028;--ink:#ece2cf;--muted:#a89a86;--clay:#d08064;--clay-deep:#b86a50;--clay-soft:#4a382e;--sky:#7c99ab;--sky-soft:#333d44;--sun:#d5ab52;--sun-soft:#453c26;--kraft:#8f7d66;--go:#7fae83}:root[data-style=digital][data-palette=clinic]{--paper:#fff;--card:#f5f7fa;--ink:#16202e;--muted:#5f6979;--clay:#22395a;--clay-deep:#172a44;--clay-soft:#e3eaf4;--sky:#7c9cc0;--sky-soft:#e9f0f7;--sun:#e0b53a;--sun-soft:#fbf1cf;--kraft:#a9b2bf;--go:#3f7a4a;--head:var(--sans)}@media (prefers-color-scheme:dark){:root[data-style=digital][data-palette=clinic]:not([data-theme=light]){--paper:#12171f;--card:#1b2230;--ink:#e6ebf2;--muted:#9aa4b3;--clay:#8fb0dc;--clay-deep:#7499cc;--clay-soft:#26344a;--sky:#7f9bb5;--sky-soft:#223040;--sun:#e5c45e;--sun-soft:#3a3420;--kraft:#5d6878;--go:#7fae83}}:root[data-style=digital][data-palette=clinic][data-theme=dark]{--paper:#12171f;--card:#1b2230;--ink:#e6ebf2;--muted:#9aa4b3;--clay:#8fb0dc;--clay-deep:#7499cc;--clay-soft:#26344a;--sky:#7f9bb5;--sky-soft:#223040;--sun:#e5c45e;--sun-soft:#3a3420;--kraft:#5d6878;--go:#7fae83}:root[data-style=digital][data-palette=clay]{--paper:#fff;--card:#faf7f5;--ink:#2b2622;--muted:#6b625b;--clay:#b85c44;--clay-deep:#9c4a36;--clay-soft:#f7e6e0;--sky:#8fb3c7;--sky-soft:#e9f1f5;--sun:#e2b54e;--sun-soft:#fbf1d6;--kraft:#b8aca3;--go:#4f7d54;--head:var(--sans)}@media (prefers-color-scheme:dark){:root[data-style=digital][data-palette=clay]:not([data-theme=light]){--paper:#1c1917;--card:#26211e;--ink:#f1ebe6;--muted:#a99d94;--clay:#d9846a;--clay-deep:#c46f55;--clay-soft:#43302a;--sky:#7c99ab;--sky-soft:#2c3438;--sun:#d5ab52;--sun-soft:#3d3423;--kraft:#6c625b;--go:#7fae83}}:root[data-style=digital][data-palette=clay][data-theme=dark]{--paper:#1c1917;--card:#26211e;--ink:#f1ebe6;--muted:#a99d94;--clay:#d9846a;--clay-deep:#c46f55;--clay-soft:#43302a;--sky:#7c99ab;--sky-soft:#2c3438;--sun:#d5ab52;--sun-soft:#3d3423;--kraft:#6c625b;--go:#7fae83}:root[data-style=digital][data-palette=clayrose]{--paper:#fbf0ed;--card:#fffaf8;--ink:#3a2c28;--muted:#75655f;--clay:#b85c44;--clay-deep:#9c4a36;--clay-soft:#f6dfd8;--sky:#a7b6c4;--sky-soft:#eef1f5;--sun:#e2b54e;--sun-soft:#fbf0d4;--kraft:#c7b2aa;--go:#4f7d54}@media (prefers-color-scheme:dark){:root[data-style=digital][data-palette=clayrose]:not([data-theme=light]){--paper:#231b19;--card:#2e2421;--ink:#f3e6e2;--muted:#b19f99;--clay:#dd8a70;--clay-deep:#c8735a;--clay-soft:#48312b;--sky:#8a9fb0;--sky-soft:#2e3237;--sun:#d5ab52;--sun-soft:#3e3424;--kraft:#74635d;--go:#7fae83}}:root[data-style=digital][data-palette=clayrose][data-theme=dark]{--paper:#231b19;--card:#2e2421;--ink:#f3e6e2;--muted:#b19f99;--clay:#dd8a70;--clay-deep:#c8735a;--clay-soft:#48312b;--sky:#8a9fb0;--sky-soft:#2e3237;--sun:#d5ab52;--sun-soft:#3e3424;--kraft:#74635d;--go:#7fae83}:root[data-style=digital][data-palette=clayroom]{--paper:#eef1f3;--card:#fff;--ink:#1f2428;--muted:#5b636b;--clay:#b85c44;--clay-deep:#9c4a36;--clay-soft:#f4e3dd;--sky:#8aa3b8;--sky-soft:#e4ebf1;--sun:#e2b54e;--sun-soft:#f8eecf;--kraft:#aab3ba;--go:#4f7d54;--head:var(--sans)}@media (prefers-color-scheme:dark){:root[data-style=digital][data-palette=clayroom]:not([data-theme=light]){--paper:#171b1e;--card:#20262a;--ink:#e8ecef;--muted:#9aa3ab;--clay:#d9846a;--clay-deep:#c46f55;--clay-soft:#3d2c27;--sky:#7f9bb2;--sky-soft:#253038;--sun:#d5ab52;--sun-soft:#37311f;--kraft:#5c656c;--go:#7fae83}}:root[data-style=digital][data-palette=clayroom][data-theme=dark]{--paper:#171b1e;--card:#20262a;--ink:#e8ecef;--muted:#9aa3ab;--clay:#d9846a;--clay-deep:#c46f55;--clay-soft:#3d2c27;--sky:#7f9bb2;--sky-soft:#253038;--sun:#d5ab52;--sun-soft:#37311f;--kraft:#5c656c;--go:#7fae83}:root[data-style=digital][data-palette=blush]{--paper:#fcf7f6;--card:#fff;--ink:#3a2a30;--muted:#7d6970;--clay:#a9485f;--clay-deep:#8a3a4f;--clay-soft:#f8e1e6;--sky:#a3a9c9;--sky-soft:#eeeff7;--sun:#d98d9c;--sun-soft:#fbe8ec;--kraft:#c9b3b9;--go:#4f7d54;--head:var(--serif)}@media (prefers-color-scheme:dark){:root[data-style=digital][data-palette=blush]:not([data-theme=light]){--paper:#241c1f;--card:#2f2428;--ink:#f1e4e7;--muted:#b39fa6;--clay:#e08a9e;--clay-deep:#c97286;--clay-soft:#4a2f37;--sky:#9a9fc0;--sky-soft:#33323f;--sun:#e3a4b0;--sun-soft:#43333a;--kraft:#7d6a70;--go:#7fae83}}:root[data-style=digital][data-palette=blush][data-theme=dark]{--paper:#241c1f;--card:#2f2428;--ink:#f1e4e7;--muted:#b39fa6;--clay:#e08a9e;--clay-deep:#c97286;--clay-soft:#4a2f37;--sky:#9a9fc0;--sky-soft:#33323f;--sun:#e3a4b0;--sun-soft:#43333a;--kraft:#7d6a70;--go:#7fae83}:root[data-style=digital][data-palette=gallery]{--paper:#f2f1ee;--card:#fff;--ink:#111;--muted:#5c5a55;--clay:#111;--clay-deep:#000;--clay-soft:#e6e4df;--sky:#8c8c8c;--sky-soft:#ebeae6;--sun:#e0b400;--sun-soft:#fbf0c2;--kraft:#b5b2ab;--go:#3f6f46;--head:var(--sans)}@media (prefers-color-scheme:dark){:root[data-style=digital][data-palette=gallery]:not([data-theme=light]){--paper:#111;--card:#1b1b1b;--ink:#f2f1ee;--muted:#a3a19b;--clay:#f2f1ee;--clay-deep:#fff;--clay-soft:#2c2c2c;--sky:#9a9a9a;--sky-soft:#262626;--sun:#ffd23f;--sun-soft:#3a3418;--kraft:#5a5854;--go:#7fae83}}:root[data-style=digital][data-palette=gallery][data-theme=dark]{--paper:#111;--card:#1b1b1b;--ink:#f2f1ee;--muted:#a3a19b;--clay:#f2f1ee;--clay-deep:#fff;--clay-soft:#2c2c2c;--sky:#9a9a9a;--sky-soft:#262626;--sun:#ffd23f;--sun-soft:#3a3418;--kraft:#5a5854;--go:#7fae83}html[data-style=digital]:not([data-palette=warm]),html[data-style=digital]:not([data-palette=warm]) body{background-image:none}*{box-sizing:border-box}html,body{background-color:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"240\" height=\"240\"><filter id=\"g\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"2\" seed=\"7\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.45 0 0 0 0 0.38 0 0 0 0 0.30 0 0 0 0.05 0\"/></filter><rect width=\"240\" height=\"240\" filter=\"url(%23g)\"/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"520\" height=\"520\"><filter id=\"m\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.035\" numOctaves=\"3\" seed=\"11\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.55 0 0 0 0 0.45 0 0 0 0 0.33 0 0 0 0.035 0\"/></filter><rect width=\"520\" height=\"520\" filter=\"url(%23m)\"/></svg>");margin:0;padding:0}body{overflow:hidden}#root{flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative}h1,h2,h3{font-family:var(--head);letter-spacing:.01em;margin:0;font-weight:500}.user-text,textarea,input[type=text],input[type=password]{font-family:var(--serif)}input[type=text],input[type=password]{width:100%;color:var(--ink);background:var(--card);border:1px solid color-mix(in srgb, var(--kraft) 55%, transparent);border-radius:10px;outline:none;padding:12px 14px;font-size:17px}input:focus{border-color:var(--clay)}:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.seg button:focus-visible{outline-offset:-3px}button.primary{width:100%;font-size:16px;font-weight:600;font-family:var(--sans);color:var(--card);background:var(--clay);cursor:pointer;box-shadow:0 2px 0 var(--clay-deep);border:none;border-radius:12px;padding:14px}button.primary:disabled{opacity:.45;cursor:default}button.ghost{color:var(--clay);cursor:pointer;background:0 0;border:none;padding:8px;font-size:15px}.sheet{background:var(--card);border-radius:12px;box-shadow:0 1px 3px #40352b1f}.row{border:none;border-bottom:1px solid color-mix(in srgb, var(--kraft) 28%, transparent);text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;padding:12px 2px;display:block}.swipe-row{position:relative;overflow:hidden}.swipe-actions{display:flex;position:absolute;top:0;bottom:1px;right:0}.swipe-actions button{background:color-mix(in srgb, var(--kraft) 22%, var(--bg));color:var(--ink);font-family:var(--sans);cursor:pointer;border:none;padding:0;font-size:12.5px}.swipe-actions button[data-danger]{background:var(--clay);color:var(--card)}.swipe-actions button:active{filter:brightness(.94)}.swipe-face{touch-action:pan-y;position:relative}.swipe-actions[data-shown=no]{visibility:hidden}.swipe-face[data-lifted=yes]{background:var(--rowbg,var(--paper))}.notecard{--rowbg:var(--card);background:var(--card);border:1px solid color-mix(in srgb, var(--kraft) 26%, transparent);border-radius:14px;margin-top:8px;overflow:hidden}.notecard .row{border-bottom:none;padding:13px 14px}.notecard .swipe-row+.swipe-row .row{border-top:1px solid color-mix(in srgb, var(--kraft) 26%, transparent)}.pill{background:var(--card);border:1px solid color-mix(in srgb, var(--kraft) 45%, transparent);z-index:3;border-radius:999px;align-items:center;gap:2px;padding:0 9px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #40352b29}.popover{background:var(--card);border:1px solid color-mix(in srgb, var(--kraft) 50%, transparent);border-radius:12px;padding:14px 16px;box-shadow:0 6px 20px #40352b2e}.iconbtn{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--muted);background:0 0;border:none;align-items:center;padding:8px;display:inline-flex}.seg{border:1px solid color-mix(in srgb, var(--kraft) 50%, transparent);border-radius:10px;flex-shrink:0;display:flex;overflow:hidden}.sheet-rows>*{flex-shrink:0}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:9px 0;font-size:13.5px}.seg button[data-active=true]{background:var(--clay);color:var(--card)}.wash{isolation:isolate;position:relative}.wash:before{content:"";z-index:-1;background:radial-gradient(55% 60% at 45% 45%, var(--wash-colour,var(--sky-soft)) 0%, transparent 72%), radial-gradient(45% 50% at 62% 58%, var(--wash-colour,var(--sky-soft)) 0%, transparent 78%);opacity:.9;filter:blur(1px);position:absolute;inset:-14px -20px}.hand-underline{padding-bottom:6px;display:inline-block;position:relative}.hand-underline:after{content:"";background:var(--clay);opacity:.7;border-radius:2px 40% 3px 50%;height:3px;position:absolute;bottom:0;left:-2px;right:6px;transform:rotate(-.6deg)}.torn{background:var(--card);filter:drop-shadow(0 2px 2px #40352b24);clip-path:polygon(0% 6%,3% 1%,9% 4%,16% 0%,24% 3%,33% 1%,41% 4%,50% 1%,59% 3%,68% 0%,76% 4%,85% 1%,93% 3%,100% 1%,100% 94%,97% 99%,90% 96%,82% 100%,73% 97%,63% 100%,54% 96%,45% 99%,36% 96%,27% 100%,18% 97%,9% 100%,3% 96%,0% 100%);padding:16px 18px}.screen{min-height:0;padding:28px 22px calc(104px + env(safe-area-inset-bottom,0px));scrollbar-gutter:stable;overflow-anchor:none;flex:1;overflow-y:auto}.nav{z-index:2;background:var(--card);border-top:1px solid color-mix(in srgb, var(--kraft) 38%, transparent);width:100%;max-width:480px;padding:6px 0 calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 6px #40352b0f}.nav a{text-align:center;color:var(--muted);flex:1;padding:6px 0;font-size:12px;text-decoration:none}.nav a.active{color:var(--clay);font-weight:700}.nav .glyph{justify-content:center;margin-bottom:2px;line-height:1;display:flex}.nav a{opacity:.62;transition:opacity .15s}.nav a.active{opacity:1}.muted{color:var(--muted)}@keyframes rn-twinkle{0%,to{opacity:.12;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1)rotate(18deg)}}@keyframes rn-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes rn-breathe{0%,to{border-color:color-mix(in srgb, var(--clay) 45%, transparent);transform:scale(1)}45%{border-color:var(--clay);transform:scale(1.08)}}@keyframes rn-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--clay) 45%, transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--clay) 0%, transparent)}}button.chip{font-family:var(--serif);color:var(--ink);background:var(--card);border:1px solid color-mix(in srgb, var(--kraft) 65%, transparent);cursor:pointer;border-radius:9px;padding:8px 16px;font-size:15px}button.chip[data-active=true]{background:var(--clay);border-color:var(--clay);color:var(--card)}.nav .mic{flex:0 0 84px;justify-content:center;align-items:flex-start;display:flex;position:relative}.nav.writingonly{box-shadow:none;pointer-events:none;padding-bottom:calc(14px + env(safe-area-inset-bottom));background:0 0;border-top:none;justify-content:center}.nav.writingonly .mic{pointer-events:auto;flex:none}.nav.writingonly .mic button{margin-top:0}.nav .mic button{border:3px solid var(--paper);background:var(--clay);width:64px;height:64px;color:var(--card);cursor:pointer;box-shadow:0 3px 8px color-mix(in srgb, var(--ink) 25%, transparent);border-radius:50%;justify-content:center;align-items:center;margin-top:-26px;padding:0;font-size:22px;display:inline-flex}.nav .mic .holdhint{white-space:nowrap;background:var(--ink);width:auto;height:auto;color:var(--paper);font:inherit;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb, var(--ink) 30%, transparent);border:0;border-radius:10px;margin:0;padding:8px 13px;font-size:13.5px;line-height:1.3;animation:.35s ease-out both rn-hint-in;display:block;position:absolute;bottom:calc(100% + 36px);left:50%;transform:translate(-50%)}.holdhint:after{content:"";border:6px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes rn-hint-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.nav .mic .holdhint{animation:none}}html[data-style=paper],html[data-style=paper][data-theme=dark]{--paper:#f6eddc;--card:#fdf6e9;--ink:#40352b;--muted:#85786a;--clay:#b85c44;--clay-deep:#9c4a36;--clay-soft:#f0dcd1;--sky:#8fb3c7;--sky-soft:#e3edf2;--sun:#e2b54e;--sun-soft:#f6e8c2;--kraft:#b09a7c}html[data-style=paper]{--leaf:#fbf4e4;--leaf-2:#f3e9d6;--ink-hand:#3a4a63;--desk:#2a2320;--rule:27px;--rule-ink:color-mix(in srgb, var(--sky) 30%, transparent);--cardface:#fdf8ec;--scrap:#f7ecd6;--slip:#fffdf5;--edge-a:#efe4cd;--edge-b:#e5d9be;--ribbon-1:#d8b25a;--ribbon-2:#c39a42;--hand:"Bradley Hand", "Segoe Print", "Snell Roundhand", cursive}html[data-style=paper][data-cover=indigo],html[data-style=paper][data-cover=indigo][data-theme=dark]{--clay:#4a6285;--clay-deep:#33486a}html[data-style=paper][data-cover=kraft],html[data-style=paper][data-cover=kraft][data-theme=dark]{--clay:#97703f;--clay-deep:#6f5029}html[data-style=paper][data-cover=plum],html[data-style=paper][data-cover=plum][data-theme=dark]{--clay:#7d4f66;--clay-deep:#5b364a}html[data-style=paper][data-cover=black],html[data-style=paper][data-cover=black][data-theme=dark]{--clay:#9d7731;--clay-deep:#74561f}html[data-style=paper][data-cover=brown],html[data-style=paper][data-cover=brown][data-theme=dark]{--clay:#8a5a2f;--clay-deep:#66401c;--leaf:#e4d2b3;--leaf-2:#d5c09c;--cardface:#ebdcbe;--scrap:#e3d2ab;--slip:#f2e8d1;--edge-a:#dbc9a4;--edge-b:#cbb68f;--rule-ink:transparent;--ribbon-1:#a1503a;--ribbon-2:#7c3524;--ink-hand:#3a4a63}html[data-style=paper][data-cover=black][data-surface=book],html[data-style=paper][data-cover=black][data-surface=book][data-theme=dark]{--leaf:#232327;--leaf-2:#1b1b1f;--ink:#e9e4d9;--muted:#928c82;--ink-hand:#c6d2dc;--desk:#0c0c0e;--cardface:#2a2a2f;--scrap:#2f2f34;--slip:#2c2c31;--card:#26262b;--edge-a:#232327;--edge-b:#1c1c20;--rule-ink:#e9e4d913;--ribbon-1:#a98a45;--ribbon-2:#7a6230;--clay:#b9974f;--clay-deep:#8a6d33;--sky:#7e8a96;--sun:#b9974f;--kraft:#5f5b54}#stage{perspective:1800px;perspective-origin:50% 45%;background-color:var(--desk);z-index:3;background-image:radial-gradient(120% 80% at 50% 0,#ffeecd1a,#0000 70%),url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"300\" height=\"300\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"2\" seed=\"4\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.9 0 0 0 0 0.85 0 0 0 0 0.75 0 0 0 0.05 0\"/></filter><rect width=\"300\" height=\"300\" filter=\"url(%23n)\"/></svg>");justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#book{width:min(420px,92vw);height:min(760px,100dvh - 34px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative}#book:after{content:"";filter:blur(6px);z-index:-1;background:radial-gradient(60% 100% at 50% 0,#0000008c,#0000 75%);height:26px;position:absolute;bottom:-14px;left:3%;right:-2%}#block{background:var(--leaf-2);box-shadow:2px 0 0 var(--edge-a), 4px 0 0 var(--edge-b), 6px 0 0 var(--edge-a), 8px 0 0 var(--edge-b), 0 18px 40px #00000080;border-radius:3px 8px 8px 3px;position:absolute;inset:0}#spine{z-index:40;pointer-events:none;background:linear-gradient(90deg,#3c2a205c,#3c2a201f 45%,#0000);border-radius:3px 0 0 3px;width:26px;position:absolute;top:0;bottom:0;left:0}#spine .stitch{opacity:.45;background:#4634288c;border-radius:2px;width:1.5px;height:11px;position:absolute;left:7px}.leaf{background:linear-gradient(90deg, #785f4629 0, #785f460d 16px, transparent 40px), var(--leaf);transform-origin:0;border-radius:3px 8px 8px 3px;position:absolute;inset:0;overflow:hidden}.leaf:before{content:"";pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"220\" height=\"220\"><filter id=\"g\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"2\" seed=\"9\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.44 0 0 0 0 0.36 0 0 0 0 0.28 0 0 0 0.07 0\"/></filter><rect width=\"220\" height=\"220\" filter=\"url(%23g)\"/></svg>");position:absolute;inset:0}#leafA{z-index:10}#leafB{z-index:9}#turner{z-index:30;will-change:transform;box-shadow:6px 0 22px #00000047}#turner .face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}#turner .back{backface-visibility:hidden;background:var(--leaf-2);border-radius:8px 3px 3px 8px;position:absolute;inset:0;transform:rotateY(180deg)}html[data-style=paper][data-cover=brown] .leaf,html[data-style=paper][data-cover=brown] #turner .back{background-color:var(--leaf);background-image:linear-gradient(90deg,#543c2238 0,#543c2212 20px,#0000 52px),url(/tex/rag-paper.webp);background-position:0,50%;background-repeat:no-repeat,no-repeat;background-size:auto 100%,cover}html[data-style=paper][data-cover=brown] .leaf:before{display:none}html[data-style=paper][data-cover=black] .leaf,html[data-style=paper][data-cover=black] #turner .back{background-color:var(--leaf);background-image:linear-gradient(90deg,#0000006b 0,#00000024 20px,#0000 52px),url(/tex/black-paper.webp);background-position:0,50%;background-repeat:no-repeat,no-repeat;background-size:auto 100%,cover}html[data-style=paper][data-cover=black] .leaf:before{display:none}html[data-style=paper][data-cover=black] #block{box-shadow:2px 0 0 var(--edge-a), 5px 0 0 var(--edge-b), 8px 0 0 var(--edge-a), 0 20px 44px #000000b3}html[data-style=paper][data-cover=brown] #block{box-shadow:3px 0 0 var(--edge-a), 6px 0 0 var(--edge-b), 9px 0 0 var(--edge-a), 12px 0 0 var(--edge-b), 0 20px 42px #00000080;border-radius:0}html[data-style=paper][data-cover=brown] .leaf,html[data-style=paper][data-cover=brown] #turner .back{clip-path:polygon(0% 0%,99.4% 0%,99.1% 2.4%,99.7% 4.6%,99% 7.1%,99.6% 9.4%,98.9% 11.8%,99.5% 14.1%,99.1% 16.5%,99.8% 18.8%,99% 21.2%,99.6% 23.5%,98.8% 25.9%,99.5% 28.2%,99.2% 30.6%,99.8% 32.9%,99% 35.3%,99.6% 37.6%,98.9% 40%,99.5% 42.3%,99.1% 44.7%,99.7% 47%,99% 49.4%,99.6% 51.7%,98.8% 54.1%,99.4% 56.4%,99.2% 58.8%,99.8% 61.1%,99% 63.5%,99.6% 65.8%,98.9% 68.2%,99.5% 70.5%,99.1% 72.9%,99.7% 75.2%,99% 77.6%,99.6% 79.9%,98.8% 82.3%,99.4% 84.6%,99.2% 87%,99.8% 89.3%,99% 91.7%,99.6% 94%,98.9% 96.4%,99.5% 98.2%,99% 99.4%,96% 99%,92% 99.6%,88% 99.1%,84% 99.7%,80% 99.2%,76% 99.8%,72% 99.3%,68% 99.7%,64% 99.2%,60% 99.8%,56% 99.3%,52% 99.6%,48% 99.1%,44% 99.7%,40% 99.2%,36% 99.8%,32% 99.3%,28% 99.6%,24% 99.1%,20% 99.7%,16% 99.2%,12% 99.8%,8% 99.3%,4% 99.6%,0% 99.2%);border-radius:0}.sheetbody{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--rule) - 1px), var(--rule-ink) calc(var(--rule) - 1px), var(--rule-ink) var(--rule));background-position:0 -1px;position:absolute;inset:44px 58px 44px 46px;overflow:hidden}.margin-line{background:color-mix(in srgb, var(--clay) 42%, transparent);width:1px;position:absolute;top:18px;bottom:20px;left:38px}.sheetbody p,.sheetbody h4,.sheetbody div{font-size:15.5px;line-height:var(--rule);margin:0}.sheetbody .hand{font-family:var(--serif);color:var(--ink-hand);font-size:15.5px;line-height:var(--rule)}.sheetbody .gist{font-family:var(--serif);color:var(--ink-hand);font-style:italic}.sheetbody .label{font-family:var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:11px;line-height:var(--rule)}.sheetbody .dateline{font-family:var(--hand), var(--serif);color:var(--clay);font-size:14px;line-height:var(--rule);border-bottom:1px solid color-mix(in srgb, var(--clay) 30%, transparent);justify-content:space-between;align-items:baseline;display:flex}.sheetbody .dateline .dl-right{align-items:baseline;gap:2px;display:inline-flex}.sheetbody .dateline .code{font-family:var(--sans);letter-spacing:.08em;color:var(--muted);cursor:pointer;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 55%, transparent);background:0 0;border:none;padding:0 2px;font-size:11.5px}.sheetbody .dateline .editpen{cursor:pointer;color:var(--muted);opacity:.8;background:0 0;border:none;padding:0 2px;font-size:12.5px}.sheetbody .dateline.flash{animation:2.2s ease-out .35s both pb-found}@keyframes pb-found{0%,45%{box-shadow:-10px 0 0 8px color-mix(in srgb, var(--sun) 42%, transparent), 10px 0 0 8px color-mix(in srgb, var(--sun) 42%, transparent)}to{box-shadow:-10px 0 0 8px #0000,10px 0 0 8px #0000}}.sheetbody .flag{color:var(--clay-deep);font-family:var(--serif);gap:8px;display:flex}.sheetbody .flag .tick{flex:none;font-size:13px}.sheetbody .themes{flex-wrap:wrap;gap:6px;display:flex}.sheetbody .themes span{font-family:var(--sans);color:var(--muted);border:1px solid color-mix(in srgb, var(--kraft) 60%, transparent);border-radius:8px;padding:0 7px;font-size:11px;line-height:19px}.sheetbody .cont{color:var(--muted);font-size:13px;font-style:italic;line-height:var(--rule)}.sheetbody .photo{width:74%;height:calc(var(--rule) * 4);background:var(--cardface);margin:4px 0 6px;padding:5px;position:relative;transform:rotate(-.8deg);box-shadow:0 3px 8px #40352b3d}.sheetbody .photo img{object-fit:cover;background:color-mix(in srgb, var(--kraft) 25%, transparent);width:100%;height:100%;display:block}.sheetbody .photo .corner{background:linear-gradient(135deg,#5a463273,#5a463229);width:15px;height:15px;position:absolute}.sheetbody .photo .tl{clip-path:polygon(0 0,100% 0,0 100%);top:-3px;left:-3px}.sheetbody .photo .tr{clip-path:polygon(100% 0,100% 100%,0 0);top:-3px;right:-3px}.sheetbody .photo .bl{clip-path:polygon(0 0,0 100%,100% 100%);bottom:-3px;left:-3px}.sheetbody .photo .br{clip-path:polygon(100% 0,100% 100%,0 100%);bottom:-3px;right:-3px}.sheetbody .clipped{line-height:var(--rule);font-family:var(--sans);align-items:center;gap:8px;font-size:13px;display:flex}.sheetbody .clipped .pin{filter:grayscale(.4);font-size:13px}.sheetbody .clipped .nm{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sheetbody .clipped .enc{letter-spacing:.1em;text-transform:uppercase;color:var(--sky);font-size:10.5px}.sheetbody .idxtitle{font-family:var(--serif);font-size:21px;line-height:var(--rule);justify-content:space-between;align-items:baseline;display:flex}.sheetbody .idxtitle .count{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.sheetbody .idxsearch{line-height:var(--rule)}.sheetbody .idxsearch input{width:100%;height:var(--rule);color:var(--ink-hand);font-family:var(--serif);background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"%238b7e70\" stroke-width=\"1.4\"><circle cx=\"6\" cy=\"6\" r=\"4.2\"/><path d=\"M9.2 9.2 L12.6 12.6\"/></svg>") 0 no-repeat;border:none;border-radius:0;outline:none;padding:0 0 0 20px;font-size:15px}.sheetbody .idxgap{height:var(--rule)}.sheetbody .idxday{font-family:var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600;line-height:var(--rule)}.sheetbody .entry{cursor:pointer}.sheetbody .entry .g{font-family:var(--serif);color:var(--ink-hand);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.sheetbody .entry .m{font-family:var(--sans);color:var(--muted);align-items:center;gap:8px;font-size:11.5px;display:flex}.sheetbody .entry .m .code{letter-spacing:.06em}.sheetbody .entry .m .code.pending{color:var(--clay);border:1px dashed var(--clay);border-radius:6px;padding:0 6px;font-size:10.5px}.sheetbody .entry .m .dot{background:var(--clay);border-radius:50%;width:6px;height:6px;display:inline-block}.sheetbody .entry .m .folio-ref{color:var(--clay);opacity:.8;margin-left:auto}.sheetbody .entry:active .g{opacity:.55}.folio{text-align:center;cursor:pointer;font-family:var(--serif);color:var(--muted);opacity:.75;background:0 0;border:none;padding:6px 0;font-size:12px;position:absolute;bottom:8px;left:0;right:0}.leaf .curl{z-index:5;pointer-events:none;background:linear-gradient(315deg,#00000024,#0000000a 42%,#0000 60%);border-radius:0 0 8px;width:62px;height:62px;position:absolute;bottom:0;right:0}.divider{justify-content:center;align-items:center;height:100%;display:flex}.divider .plate{text-align:center}.divider .plate .kind{font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;opacity:.6;font-size:11px}.divider .plate h2{font-family:var(--serif);margin:10px 0 0;font-size:34px;font-weight:500}.divider .plate .sub{font-family:var(--serif);opacity:.72;max-width:260px;margin-top:12px;font-size:14.5px;line-height:1.55}#tabs{z-index:45;flex-direction:column;gap:10px;display:flex;position:absolute;top:96px;right:-22px}#tabs button{background:linear-gradient(100deg, color-mix(in srgb, var(--tab-col) 58%, transparent), color-mix(in srgb, var(--tab-col) 80%, transparent));cursor:pointer;width:40px;height:92px;color:color-mix(in srgb, var(--tab-col) 38%, #221a12);font-family:var(--sans);letter-spacing:.07em;text-transform:uppercase;writing-mode:vertical-rl;-webkit-backdrop-filter:blur(1.5px)saturate(1.35);backdrop-filter:blur(1.5px)saturate(1.35);opacity:.82;border:none;border-radius:0 7px 7px 0;justify-content:center;align-items:center;font-size:9.5px;font-weight:600;transition:transform .18s,opacity .18s;display:flex;position:relative;overflow:hidden;transform:translate(-8px);box-shadow:1px 1px 3px #281c1238,inset 0 0 0 1px #ffffff59}#tabs button:before{content:"";pointer-events:none;background:linear-gradient(105deg,#ffffff8c 0 14%,#ffffff1f 26%,#fff0 46%,#ffffff38 88%,#ffffff0d 100%);position:absolute;inset:0}#tabs button:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff6b);border-radius:0 7px 7px 0;width:6px;position:absolute;top:0;bottom:0;right:0}#tabs button>*{z-index:1;position:relative}#tabs button[data-on=true]{opacity:1;transform:translate(4px)}html[data-style=paper][data-cover=brown] #tabs button.sectab{background:linear-gradient(100deg, color-mix(in srgb, var(--tab-col) 88%, #2b1c0e), color-mix(in srgb, var(--tab-col) 66%, #2b1c0e));-webkit-backdrop-filter:none;backdrop-filter:none;color:#f6ecd4;opacity:.96;box-shadow:1px 1px 3px #28180c57,inset 0 0 0 1px #fff0d224}html[data-style=paper][data-cover=brown] #tabs button.sectab:before{background:linear-gradient(105deg,#fff6e021 0 14%,#0000 42%),url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"90\" height=\"90\"><filter id=\"cl\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.75\" numOctaves=\"2\" seed=\"3\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.16 0 0 0 0 0.10 0 0 0 0 0.04 0 0 0 0.22 0\"/></filter><rect width=\"90\" height=\"90\" filter=\"url(%23cl)\"/></svg>")}html[data-style=paper][data-cover=brown] #tabs button.sectab:after{background:0 0}html[data-style=paper][data-cover=black] #tabs button{-webkit-backdrop-filter:blur(7px)saturate(.7);backdrop-filter:blur(7px)saturate(.7);color:#eee9dedb;opacity:.8;background:linear-gradient(100deg,#e8e4da26,#e8e4da17);box-shadow:1px 1px 4px #00000073,inset 0 0 0 1px #eee9de24}html[data-style=paper][data-cover=black] #tabs button[data-on=true]{color:#f3efe6;opacity:1;background:linear-gradient(100deg,#ece8de4d,#ece8de30)}html[data-style=paper][data-cover=black] #tabs button:before{background:linear-gradient(105deg,#ffffff1a 0 16%,#0000 44%),url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"110\" height=\"110\"><filter id=\"fg\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"3\" seed=\"7\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 0.96 0 0 0 0.10 0\"/></filter><rect width=\"110\" height=\"110\" filter=\"url(%23fg)\"/></svg>")}html[data-style=paper][data-cover=black] #tabs button:after{background:linear-gradient(90deg,#fff0,#ffffff24)}#tabs button.settab{opacity:.6;writing-mode:horizontal-tb;background:linear-gradient(100deg,#60564c57,#40383080);flex-direction:row;justify-content:center;align-items:center;gap:3px;height:34px;margin-top:4px;display:flex}#tabs button.settab:active{opacity:.95}#tabs button.settab i{z-index:1;background:color-mix(in srgb, var(--ink) 70%, transparent);border-radius:50%;width:3px;height:3px;display:block;position:relative}html[data-style=paper][data-cover=black] #tabs button.settab{background:linear-gradient(100deg,#c8c4bc1f,#c8c4bc12)}#ribbon{z-index:55;background:linear-gradient(180deg, var(--ribbon-1), var(--ribbon-2));clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%);cursor:pointer;opacity:.92;border:none;width:13px;height:340px;padding:0;position:absolute;top:-8px;left:17px;box-shadow:1px 0 4px #0000004d}#pencil{z-index:70;cursor:pointer;background:linear-gradient(160deg, color-mix(in srgb, var(--sun) 82%, #fff5d8), var(--sun));color:#4a3a16;border:none;border-radius:50%;width:52px;height:52px;padding:0;font-size:21px;line-height:52px;position:absolute;bottom:14px;right:14px;box-shadow:0 5px 14px #281c1273,inset 0 1px #ffffff80}#cardout{z-index:50;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#1e18146b;justify-content:center;align-items:center;padding:22px;display:flex;position:absolute;inset:0}#cardout .index{background:var(--cardface);background-image:repeating-linear-gradient(to bottom, transparent 0 25px, color-mix(in srgb, var(--sky) 24%, transparent) 25px 26px);border-radius:3px;width:100%;max-height:100%;padding:20px 20px 24px;overflow:auto;transform:rotate(-.5deg);box-shadow:0 14px 34px #0006}#cardout .index h3{font-family:var(--serif);margin:0;font-size:24px;font-weight:500;line-height:26px}#cardout .index .row{cursor:pointer;text-align:left;background:0 0;border:none;gap:10px;width:100%;padding:0;font-size:13.5px;line-height:26px;display:flex}#cardout .index .row .d{color:var(--muted);flex:0 0 46px;font-size:12px}#cardout .index .row .g{font-family:var(--serif);color:var(--ink-hand)}#cardout .index .openfile{cursor:pointer;color:var(--clay);font-family:var(--sans);background:0 0;border:none;margin-top:26px;padding:0;font-size:13px;line-height:26px}#cardout .index .slideback{text-align:center;font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);opacity:.8;margin-top:8px;font-size:10px;line-height:26px}.pocket-wrap{flex-direction:column;padding:30px 26px 34px 46px;display:flex;position:absolute;inset:0}.pocket-title{font-family:var(--serif);font-size:21px}.pocket-note{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.5}.aside{white-space:pre-line;font-family:var(--hand), var(--serif);color:color-mix(in srgb, var(--ink-hand) 70%, transparent);margin:26px 0 0 6px;font-size:15px;line-height:1.75;transform:rotate(-1.2deg)}.pocket{height:392px;margin-top:auto;position:relative}.pocket .card{background:var(--cardface);border:1px solid #785f4642;border-top:4px solid var(--sky);cursor:pointer;border-radius:5px 5px 2px 2px;height:214px;padding:9px 15px 0;transition:transform .22s cubic-bezier(.2,.8,.3,1);position:absolute;left:4px;right:4px;box-shadow:0 -3px 9px #00000024}.pocket .card:active{transform:translateY(-10px)}.pocket .card .code{font-family:var(--serif);font-size:19px;line-height:24px}.pocket .card .meta{color:var(--muted);font-size:11.5px}.pocket .front{z-index:40;background:linear-gradient(180deg, color-mix(in srgb, var(--kraft) 86%, #fff), color-mix(in srgb, var(--kraft) 94%, #000));clip-path:polygon(0 22%,18% 6%,50% 0,82% 6%,100% 22%,100% 100%,0 100%);border-radius:3px 3px 7px 7px;height:104px;position:absolute;bottom:0;left:-14px;right:-14px;box-shadow:0 -4px 12px #00000038,inset 0 2px #ffffff47}.pocket .front:after{content:"";background:#5a422a47;height:1px;position:absolute;bottom:10px;left:12px;right:12px}.pocket .front .caption{text-align:center;font-family:var(--sans);letter-spacing:.24em;text-transform:uppercase;color:color-mix(in srgb, var(--leaf) 88%, transparent);font-size:10px;position:absolute;bottom:20px;left:0;right:0}.board-wrap{flex-direction:column;padding:28px 20px 30px 40px;display:flex;position:absolute;inset:0}.board{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#c9a373,#ab7f52);border-radius:4px;flex:1;margin-top:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #5a3e2659,inset 0 2px 14px #00000040}.board:active{cursor:grabbing}.board-canvas{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.board-canvas:before{content:"";opacity:.7;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"160\" height=\"160\"><filter id=\"k\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.6\" numOctaves=\"4\" seed=\"21\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.35 0 0 0 0 0.22 0 0 0 0 0.10 0 0 0 0.45 0\"/></filter><rect width=\"160\" height=\"160\" filter=\"url(%23k)\"/></svg>");position:absolute;inset:0}.board svg{width:100%;height:100%;position:absolute;inset:0}.board .board-empty{text-align:center;font-family:var(--serif);color:#3c2816bf;justify-content:center;align-items:center;padding:30px;font-size:14px;line-height:1.6;display:flex;position:absolute;inset:0}.scrap{background:var(--scrap);cursor:pointer;font-family:var(--serif);color:var(--ink);text-align:center;border:none;border-radius:1px;max-width:44%;padding:6px 10px 7px;position:absolute;box-shadow:0 3px 7px #00000059}.scrap .n{font-family:var(--sans);color:var(--muted);letter-spacing:.08em;font-size:10px;display:block}.scrap:after{content:"";background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--clay) 78%, #fff), color-mix(in srgb, var(--clay-deep) 82%, #000));border-radius:50%;width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #00000073}.quieter{color:var(--muted);margin-top:10px;font-size:11.5px;line-height:1.5}.clip-wrap{flex-direction:column;padding:40px 24px 26px 44px;display:flex;position:absolute;inset:0}.when-line{font-family:var(--serif);color:var(--ink);margin-bottom:12px;font-size:14px}.when-line b{color:var(--clay);font-weight:500}.bundle{flex:1;min-height:0;margin-top:22px;position:relative}.bundle:after{content:"";z-index:5;background:linear-gradient(180deg, transparent, var(--leaf) 88%);pointer-events:none;height:46px;position:absolute;bottom:0;left:0;right:0}.slips{scrollbar-width:none;padding:6px 0 14px;position:absolute;inset:0;overflow:auto}.slips::-webkit-scrollbar{display:none}.slip{background:var(--slip);font-family:var(--serif);color:var(--ink);cursor:pointer;clip-path:polygon(0% 5%,5% 0%,14% 4%,26% 0%,38% 4%,51% 0%,63% 4%,76% 0%,88% 4%,100% 0%,100% 96%,90% 100%,78% 96%,66% 100%,54% 96%,42% 100%,29% 96%,17% 100%,6% 96%,0% 100%);margin-bottom:12px;padding:11px 14px 12px;font-size:14px;line-height:21px;position:relative;box-shadow:0 3px 8px #40352b42}.slip .who{font-family:var(--sans);letter-spacing:.1em;color:var(--clay);text-transform:uppercase;font-size:10.5px}.slip .when{color:var(--muted);margin-top:4px;font-size:11px}.tear{cursor:pointer;width:100%;font-family:var(--sans);letter-spacing:.04em;color:var(--paper);background:var(--clay);box-shadow:0 2px 0 var(--clay-deep);border:none;border-radius:3px;margin-top:10px;padding:12px;font-size:13.5px}.coverpick .swatches{flex-wrap:wrap;gap:10px;display:flex}.coverpick .sw{cursor:pointer;border:none;border-radius:2px 5px 5px 2px;width:34px;height:46px;padding:0;position:relative;box-shadow:0 2px 4px #281c1259}.coverpick .sw .plate{background:#f4e9d3eb;border-radius:1px;width:62%;height:26%;position:absolute;top:34%;left:50%;transform:translate(-50%)}.coverpick .sw.hide{box-shadow:0 2px 5px #140e0880}.coverpick .sw .tool{border:1px solid #c69e54bf;border-radius:1px;position:absolute;inset:5px 4px}.coverpick .sw[data-active=true]{outline:2px solid var(--clay);outline-offset:3px}.coverpick .premlab{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#a8813c;align-items:center;gap:8px;margin:13px 0 9px;font-size:9.5px;display:flex}.coverpick .premlab:after{content:"";background:linear-gradient(90deg,#a8813c73,#0000);flex:1;height:1px}.coverpick .premlab span{border:1px solid #a8813c8c;border-radius:4px;padding:2px 7px}html[data-style=paper]{--cover-1:#c1644a;--cover-2:#a34a35;--cover-3:#8d3f2d}html[data-style=paper][data-cover=indigo]{--cover-1:#4a5c78;--cover-2:#374761;--cover-3:#2a374d}html[data-style=paper][data-cover=kraft]{--cover-1:#a8875f;--cover-2:#8c6c46;--cover-3:#745738}html[data-style=paper][data-cover=plum]{--cover-1:#7c5064;--cover-2:#613c4e;--cover-3:#4c2e3d}#cover{z-index:60;transform-origin:0;cursor:pointer;background:linear-gradient(90deg, #0000004d 0 20px, #ffffff0d 26px, transparent 60px), linear-gradient(160deg, var(--cover-1), var(--cover-2) 55%, var(--cover-3));backface-visibility:hidden;border:none;border-radius:4px 10px 10px 4px;padding:0;transition:transform 1.05s cubic-bezier(.3,.5,.15,1),box-shadow .8s;position:absolute;inset:0;box-shadow:0 20px 46px #0000008c,inset 0 0 0 1px #ffffff12}#cover:before{content:"";border-radius:inherit;opacity:.55;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"180\" height=\"180\"><filter id=\"c\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.75 0.9\" numOctaves=\"3\" seed=\"12\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.15 0 0 0 0 0.08 0 0 0 0 0.05 0 0 0 0.30 0\"/></filter><rect width=\"180\" height=\"180\" filter=\"url(%23c)\"/></svg>");position:absolute;inset:0}#book.open #cover{pointer-events:none;transform:rotateY(-168deg);box-shadow:-14px 14px 40px #00000073}#cover.gone{visibility:hidden}.plateplate{text-align:center;color:#4a3b2e;clip-path:polygon(0% 4%,4% 0%,12% 3%,22% 0%,33% 3%,45% 0%,57% 3%,68% 0%,79% 3%,90% 0%,100% 4%,100% 95%,93% 99%,84% 96%,74% 100%,63% 96%,52% 99%,41% 96%,30% 100%,20% 96%,10% 99%,0% 95%);background:#f4e9d3;width:62%;padding:20px 16px 22px;position:absolute;top:34%;left:50%;transform:translate(-50%)rotate(-.7deg);box-shadow:0 2px 8px #00000059}.plateplate .brand{font-family:var(--serif);letter-spacing:.01em;font-size:25px;display:block}.plateplate .line{background:var(--cover-2);opacity:.75;border-radius:2px 40% 3px 50%;width:46px;height:2px;margin:10px auto;display:block;transform:rotate(-.8deg)}.plateplate .who{font-family:var(--hand), var(--serif);color:#6a584a;font-size:15px;display:block}#openhint{text-align:center;font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#ffecd69e;font-size:11.5px;animation:3.4s ease-in-out infinite pb-breathe;position:absolute;bottom:46px;left:0;right:0}@keyframes pb-breathe{0%,to{opacity:.45}50%{opacity:.95}}#elastic{z-index:61;pointer-events:none;background:linear-gradient(90deg,#3b3129,#57493c 40%,#2f2822);border-radius:2px;width:15px;transition:transform .5s 50ms,opacity .4s 50ms;position:absolute;top:-10px;bottom:-10px;right:46px;box-shadow:-3px 0 7px #0006,inset 1px 0 #ffffff14}#book.open #elastic{opacity:0;transform:translate(78px)rotate(4deg)}html[data-style=paper][data-cover=brown] #cover{background-color:var(--cover-2);background-image:linear-gradient(90deg,#0000006b 0 14px,#ffffff0d 22px,#0000 58px),url(/tex/leather-cover.webp);background-position:0,58%;background-repeat:no-repeat,no-repeat;background-size:auto 100%,cover;border-radius:8px 16px 16px 8px}html[data-style=paper][data-cover=black] #cover{background-color:#1d1c1b;background-image:linear-gradient(90deg,#0000008c 0 14px,#ffffff0b 22px,#0000 58px),url(/tex/black-cover.webp);background-position:0,58%;background-repeat:no-repeat,no-repeat;background-size:auto 100%,cover;border-radius:6px 12px 12px 6px}html[data-style=paper][data-cover=brown] #cover:before,html[data-style=paper][data-cover=black] #cover:before,html[data-style=paper][data-cover=brown] .plateplate,html[data-style=paper][data-cover=black] .plateplate,html[data-style=paper][data-cover=brown] #elastic,html[data-style=paper][data-cover=black] #elastic{display:none}html[data-style=paper][data-cover=brown] #openhint{color:#ffecd080}html[data-style=paper][data-cover=black] #openhint{color:#e6e0d473}.unlock-leaf .wash:before{display:none}.unlock-leaf{position:absolute;inset:0;overflow:auto}.unlock-leaf .screen{flex-direction:column;justify-content:center;min-height:100%;padding:34px 30px;display:flex}#measure{visibility:hidden;position:absolute;top:0;left:-9999px}@media (width<=540px){#book{width:100vw;height:100dvh}#book:after{display:none}#block,.leaf,#cover,#turner .back{border-radius:0}#block{box-shadow:none}.sheetbody{inset:38px 44px 40px 30px}.margin-line{left:21px}#ribbon{width:11px;left:9px}#tabs{gap:8px;top:78px;right:0}#tabs button{border-radius:0 0 0 6px;width:32px;height:88px;transform:translate(6px)}#tabs button[data-on=true]{transform:translate(0)}.pocket-wrap{padding:26px 22px 30px 30px}.board-wrap{padding:24px 18px 26px 28px}.clip-wrap{padding:34px 22px 22px 30px}.folio{bottom:calc(6px + env(safe-area-inset-bottom))}#pencil{bottom:calc(14px + env(safe-area-inset-bottom))}}