@font-face{font-family:Special Elite;font-style:normal;font-weight:400;font-display:swap;src:url(../media/09d59b9ec7493ab1-s.1t23271dk9abp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Special Elite;font-style:normal;font-weight:400;font-display:swap;src:url(../media/748b8b5301d2bdb2-s.p.0obcy7v14u1cn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Special Elite Fallback;src:local(Arial);ascent-override:60%;descent-override:25.33%;line-gap-override:0.0%;size-adjust:117.2%}._22qfZa_className{font-family:Special Elite,Special Elite Fallback;font-style:normal;font-weight:400}._22qfZa_variable{--font-type:"Special Elite", "Special Elite Fallback"}
@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7f6e389592deb6d0-s.41kzji7o-jdsp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(../media/87d3ffffac5dafea-s.p.1e8puyswpvmbr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(../media/69c6d7b79c8b79fe-s.2lhqjbmzqepkg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5f440d3eea613716-s.p.15zaksznb5cf5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime Fallback;src:local(Arial);ascent-override:58.08%;descent-override:25.41%;line-gap-override:0.0%;size-adjust:134.5%}.e7k-7W_className{font-family:Courier Prime,Courier Prime Fallback;font-style:normal}.e7k-7W_variable{--font-mono:"Courier Prime", "Courier Prime Fallback"}
:root{--bg:#f7f4ee;--paper:#fffefb;--grid:#f1ece2;--ink:#2a201a;--body:#574a40;--ink-soft:#6f5e4f;--ink-faint:#a8977f;--brown:#3a2a1e;--muted:#b8a891;--rust:#b0623c;--ochre:#c9963a;--line:#3b2f271f;--shadow:0 1px 2px #3b2f2712, 0 12px 28px -16px #3b2f274d;--type:var(--font-type), "Courier New", monospace;--mono:var(--font-mono), "Courier New", monospace;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--sq:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg);min-height:100svh;color:var(--ink);font-family:var(--mono);overscroll-behavior-y:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}::selection{background:#c9963a4d}.grid{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:var(--sq) var(--sq);background-position:-1px var(--grid-y,4px);background-attachment:local}.typed{font-family:var(--type)}.typed .w{white-space:nowrap}.typed .c{display:inline-block}.mono{font-family:var(--mono);font-size:13px}.link{font-family:var(--mono);color:var(--ink-soft);align-items:center;gap:6px;min-height:44px;padding:10px 6px;font-size:13px;display:inline-flex}.link:active{opacity:.55}.link.rust{color:var(--rust)}.login{place-items:center;min-height:100svh;padding:24px;display:grid}.login form{text-align:center;width:min(320px,100%)}.login .mark{font-family:var(--type);color:var(--ink-soft);margin:0 0 28px;font-size:30px}.login input{border:0;border-bottom:1px solid var(--ink-faint);text-align:center;width:100%;font-family:var(--type);letter-spacing:.2em;background:0 0;border-radius:0;outline:none;padding:10px 0;font-size:20px}.login input:focus{border-bottom-color:var(--ink)}.login .hint{min-height:22px;color:var(--ink-faint);margin-top:14px}.shake{animation:.35s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.tabs{z-index:20;font-family:var(--mono);align-items:center;font-size:13px;display:flex;position:fixed}.tabs button{color:var(--muted);padding:14px}.tabs button[aria-current=true]{color:var(--brown);font-weight:700}.tabs .icon{color:var(--muted);place-items:center;display:grid}@media (max-width:979px){.tabs{padding-bottom:var(--safe-b);-webkit-backdrop-filter:blur(8px);background:#f7f4eef5;justify-content:center;gap:6px;bottom:0;left:0;right:0}}@media (min-width:980px){.tabs{box-shadow:var(--shadow);background:#fffefbf2;border-radius:999px;padding:0 8px;bottom:18px;left:50%;transform:translate(-50%)}}.drafts{padding:calc(56px + var(--safe-t)) 16px calc(90px + var(--safe-b));grid-template-columns:1fr 1fr;gap:14px;max-width:900px;margin:0 auto;display:grid;position:relative}@media (min-width:640px){.drafts{grid-template-columns:repeat(3,1fr);gap:22px;padding-top:72px}}.share-btn{top:calc(8px + var(--safe-t));width:44px;height:44px;color:var(--brown);border-radius:50%;place-items:center;display:grid;position:absolute;right:8px}.share-btn:active{background:#3b2f270f}@media (min-width:980px){.drafts{grid-template-columns:repeat(4,1fr)}}.note{aspect-ratio:1;text-align:left;box-shadow:var(--shadow);--sq:13px;border-radius:2px;flex-direction:column;padding:14px 13px 12px;transition:transform .18s;display:flex;position:relative;overflow:hidden}.note:nth-child(4n+2){transform:rotate(.7deg)}.note:nth-child(4n+3){transform:rotate(-.8deg)}.note:nth-child(4n){transform:rotate(.4deg)}.note:active{transform:scale(.97)}.note h3{font-family:var(--type);font-synthesis:weight;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.note p{font-family:var(--type);white-space:pre-line;color:var(--ink-soft);flex:1;margin:0;font-size:12.5px;line-height:1.6;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.note .when{color:var(--ink-faint);margin-top:6px;font-size:10.5px}.note.blank{box-shadow:none;color:var(--ink-soft);background:0 0;border:1.5px dashed #d5cab8;justify-content:center;align-items:center;transform:none}.note.blank .plus{font-size:26px;line-height:1;font-family:var(--type);margin-bottom:6px}.feed{scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch;height:100svh;overflow-y:auto}.page{scroll-snap-align:start;min-height:100svh;padding:calc(24px + var(--safe-t)) 10px calc(84px + var(--safe-b));justify-content:center;align-items:center;display:flex}.spread{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.margin{width:min(100%,400px);position:relative}.spread>.paper{order:-1}.margin.empty{display:none}@media (min-width:980px){.page{padding:56px 24px 96px}.spread{grid-template-columns:1fr auto 1fr;align-items:start;gap:40px;display:grid}.margin{width:230px}.margin.empty{display:block}.margin.left{order:0;justify-self:end}.margin.right{order:2;justify-self:start}.spread>.paper{order:1}}.paper{box-shadow:var(--shadow);padding:calc(var(--sq) * 3) 20px calc(var(--sq) * 3);border-radius:2px;width:100%;position:relative}@media (min-width:640px){.paper{width:max-content;min-width:calc(var(--sq) * 20);max-width:min(100%, calc(var(--sq) * 36));padding:calc(var(--sq) * 3) calc(var(--sq) * 3) calc(var(--sq) * 3)}.paper .body{font-size:16.5px}.paper h2{font-size:23px}}.meta{font-family:var(--mono);font-size:12px;line-height:var(--sq);color:var(--ink-faint);letter-spacing:.04em;margin-bottom:calc(var(--sq) * 2);padding-right:36px}.paper h2{font-family:var(--type);font-synthesis:weight;color:var(--ink);font-size:21px;font-weight:700;line-height:calc(var(--sq) * 2);margin:0 0 calc(var(--sq) * 2);text-wrap:balance}.paper h2:has(+.sub){margin-bottom:0}.sub{font-family:var(--mono);font-size:12px;line-height:calc(var(--sq) * 2);color:var(--ink-faint);margin:0 0 calc(var(--sq) * 2)}.paper .body{font-family:var(--type);font-size:15px;line-height:calc(var(--sq) * 2);white-space:pre-wrap;color:var(--body);text-shadow:0 0 .5px #574a404d;margin:0}.dots-btn{width:40px;height:40px;color:var(--ink-faint);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:8px}.dots-btn:active,.dots-btn[aria-expanded=true]{color:var(--brown)}.menu{z-index:10;background:var(--paper);border-radius:4px;min-width:180px;padding:6px 0;animation:.14s ease-out pop;position:absolute;top:48px;right:10px;box-shadow:0 2px 4px #3b2f2714,0 16px 32px -12px #3b2f2759}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.menu button{text-align:left;width:100%;font-family:var(--mono);color:var(--brown);padding:12px 18px;font-size:13.5px;display:block}.menu button:active{background:var(--bg)}.menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.art{pointer-events:none;position:absolute;inset:0}.art svg{position:absolute;top:0;left:0;overflow:visible}.pin{-webkit-user-select:none;user-select:none;position:absolute}.pin img{object-fit:cover;-webkit-user-drag:none;filter:drop-shadow(0 2px 3px #3b2f272e);width:100%;height:100%;display:block}.art .clip{filter:drop-shadow(0 1.5px 1px #50370a59);pointer-events:none;width:17px;height:43px;position:absolute;top:-24px}.empty-feed{min-height:100svh;color:var(--ink-faint);text-align:center;place-items:center;padding:24px;font-size:13px;display:grid}.sheet{z-index:40;animation:.22s ease-out rise;position:fixed;inset:0;overflow-y:auto}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.sheet{--grid-y:calc(4px + var(--safe-t))}.sheet .bar{z-index:2;height:calc(48px + var(--safe-t));padding:var(--safe-t) 10px 0;background:linear-gradient(var(--paper) 70%, transparent);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.sheet .bar .saved{color:var(--ink-faint);font-size:11px}.sheet .write{max-width:600px;padding:var(--sq) 26px calc(60px + var(--safe-b));margin:0 auto}.paper.editing input.title{width:100%;font-family:var(--type);font-synthesis:weight;font-size:23px;font-weight:700;line-height:calc(var(--sq) * 2);height:calc(var(--sq) * 2);color:var(--ink);background:0 0;border:0;outline:none;margin:0;padding:0}.paper.editing input.subtitle{width:100%;font-family:var(--mono);font-size:12px;line-height:calc(var(--sq) * 2);height:calc(var(--sq) * 2);margin:0 0 calc(var(--sq) * 2);color:var(--ink-soft);background:0 0;border:0;outline:none;padding:0}.paper.editing textarea{resize:none;width:100%;font-family:var(--type);font-size:16.5px;line-height:calc(var(--sq) * 2);min-height:calc(var(--sq) * 12);color:var(--body);background:0 0;border:0;outline:none;padding:0;display:block}.paper.editing ::placeholder{color:var(--ink-faint);opacity:.8}.paper.editing{width:100%}@media (min-width:640px){.paper.editing{width:min(100%, calc(var(--sq) * 36));max-width:none}}.paper-foot{margin:calc(var(--sq) * 2) 0 0 -6px}.paper-foot .link{color:var(--ink-faint)}.sheet ::placeholder{color:var(--ink-faint);opacity:.8}.sheet .tear{color:var(--ink-faint);margin-top:40px;margin-left:-6px}.scrim{z-index:60;background:#3b2f2747;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}@media (min-width:980px){.scrim{align-items:center}}@keyframes fade{0%{opacity:0}}.dialog{width:min(440px,100%);margin:12px;margin-bottom:calc(12px + var(--safe-b));background-color:var(--paper);border-radius:4px;padding:24px 22px 14px;animation:.2s ease-out rise;box-shadow:0 20px 40px -12px #3b2f2773}.dialog h4{font-family:var(--type);margin:0 0 8px;font-size:21px;font-weight:400}.dialog p{color:var(--ink-soft);margin:0 0 16px;font-size:14px;line-height:1.55}.dialog .actions{flex-direction:column;align-items:stretch;gap:8px;margin-top:4px;display:flex}.dialog .quiet{margin-top:6px;font-size:12.5px}.btn{font-family:var(--mono);text-align:center;background:var(--brown);color:var(--paper);border-radius:999px;padding:13px 18px;font-size:13.5px;text-decoration:none}.btn.ghost{color:var(--ink-soft);background:0 0}.btn.line{color:var(--brown);box-shadow:inset 0 0 0 1px var(--muted);background:0 0}.btn:active{opacity:.7}.sharelink{background:var(--bg);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:4px;margin-bottom:14px;padding:12px;font-size:12.5px}.studio{z-index:50;background-color:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.studio .canvas{flex:1;overflow-y:auto}.studio .page{padding-bottom:32px}.studio .margin{outline-offset:0;background:#fffefb80;border-radius:3px;outline:1.5px dashed #d8cdbb}.studio .margin.field{outline-color:var(--ochre);background:#fffefbb3}@media (min-width:980px){.spread.solo{justify-content:center;align-items:flex-start;gap:48px;display:flex}.spread.solo .field{width:260px}}.dialog .actions.sides{flex-direction:row}.dialog .actions.sides .btn{flex:1}.studio .margin .label{color:var(--ink-faint);font-size:11px;position:absolute;top:-22px;left:2px}.studio .margin.field .label{color:#9a7424;pointer-events:none;top:10px;left:12px}.studio .pin{cursor:grab;touch-action:none}.edit-bar{padding:var(--safe-t) 10px 0;min-height:calc(48px + var(--safe-t));border-bottom:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;display:flex}.edit-bar .saved{color:var(--ink-faint);font-size:11px}.side-toggle{display:flex}.tools .row{flex-wrap:wrap}.studio .drawing .margin{touch-action:none;cursor:crosshair}.studio .art{pointer-events:auto}.studio .canvas.moving .art svg{pointer-events:none}.studio .canvas.moving .pin{cursor:grab}.studio .pin.sel{outline:1.5px dashed var(--ochre);outline-offset:6px}.handle{background:var(--paper);width:30px;height:30px;box-shadow:0 0 0 1.5px var(--ochre), 0 2px 6px #00000026;color:#9a7424;touch-action:none;z-index:5;border-radius:50%;place-items:center;margin:-15px 0 0 -15px;font-size:14px;display:grid;position:absolute}.tools{border-top:1px solid var(--line);padding:8px 10px calc(8px + var(--safe-b));background:#fffefbf7;flex-direction:column;gap:4px;display:flex}.tools .row{justify-content:space-between;align-items:center;gap:2px;width:100%;max-width:640px;margin:0 auto;display:flex}.tools .swatches{gap:10px;padding:6px 4px;display:flex}.swatch{border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 2px #ffffff80}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--brown)}.tool{color:var(--muted);min-height:40px;padding:10px 7px;font-size:12.5px}.tool[aria-pressed=true]{color:var(--brown);font-weight:700}.tool.done{color:var(--paper);background:var(--brown);border-radius:999px;min-height:0;padding:8px 16px;font-weight:400}.cover{text-align:center;padding:calc(var(--sq) * 6) calc(var(--sq) * 4)}.cover h1{font-family:var(--type);margin:0 0 var(--sq);font-size:clamp(34px,10vw,52px);font-weight:400;line-height:1.15}.cover .by{color:var(--ink-soft);font-size:13px}.scroll-hint{left:0;right:0;bottom:calc(28px + var(--safe-b));text-align:center;color:var(--ink-faint);pointer-events:none;font-size:11px;animation:2.4s ease-in-out infinite bob;position:fixed}@keyframes bob{50%{transform:translateY(5px)}}.subscribe form{margin-top:var(--sq);flex-direction:column;gap:12px;display:flex}.subscribe input{border:0;border-bottom:1px solid var(--ink-faint);font-family:var(--mono);background:0 0;border-radius:0;outline:none;padding:12px 0;font-size:16px}.subscribe input:focus{border-bottom-color:var(--ink)}.subscribe .msg{color:var(--rust);min-height:20px;font-size:12.5px}@media (min-width:980px){.subscribe.paper{max-width:calc(var(--sq) * 26)}}.pill{right:16px;bottom:calc(16px + var(--safe-b));z-index:20;color:var(--brown);box-shadow:var(--shadow);background:#fffefbf2;border-radius:999px;padding:11px 16px;font-size:12.5px;text-decoration:none;position:fixed}.studio .margin.empty{background:0 0;outline:none}