:root{--bg:#f7f6f2;--dot:#cfcbc1;--ink:#232220;--muted:#77736b;--pen:#2f5bd3;--red:#e5484d;--y:#fff1a8;--p:#ffd3e2;--b:#cfe8ff;--g:#d5f5d0;--o:#ffe0c2}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);overscroll-behavior:none;font:14px/1.45 Inter,system-ui,sans-serif}:focus-visible{outline:3px solid var(--pen);outline-offset:3px;border-radius:4px}#vp{background-image:radial-gradient(var(--dot) 1.2px, transparent 1.3px);cursor:grab;touch-action:none;position:fixed;inset:0;overflow:hidden}#vp.panning{cursor:grabbing}#world{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.it{transform:rotate(var(--r,0deg));position:absolute}.drag-me{cursor:grab;transition:box-shadow .2s,transform .2s}.drag-me.dragging{cursor:grabbing;transform:rotate(0)scale(1.04);box-shadow:0 30px 40px -18px #0006}svg.layer{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}svg.layer path{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}svg.layer .blue{stroke:var(--pen)}svg.layer .red{stroke:var(--red)}svg.layer .spoke{stroke-width:2px;stroke:#bdb8ad}svg.layer text{fill:var(--muted);font:700 26px Caveat,cursive}.title{letter-spacing:-.01em;white-space:nowrap;font:700 110px/.9 Caveat,cursive}.title u{background:linear-gradient(#0000 62%,#ffe36e 62% 88%,#0000 88%);text-decoration:none}.sub{color:var(--muted);max-width:540px;margin-top:14px;font:500 34px/1.2 Caveat,cursive}.head{color:var(--pen);white-space:nowrap;font:700 46px Caveat,cursive}.head small{color:var(--muted);margin-left:8px;font-size:26px}.sticky{background:var(--c,var(--y));width:250px;min-height:220px;padding:18px 18px 16px;box-shadow:0 1px 1px #00000014,0 12px 18px -10px #00000047}.sticky:before{content:"";background:#ffffff8c;width:90px;height:26px;margin-left:-45px;position:absolute;top:-12px;left:50%;transform:rotate(-3deg);box-shadow:0 1px 2px #00000014}.sticky small{letter-spacing:.12em;text-transform:uppercase;color:#0000008c;font:600 11px Inter,sans-serif}.sticky h3{margin:4px 0 6px;font:700 40px/1 Caveat,cursive}.sticky p{font:500 23px/1.1 Caveat,cursive}.sticky .tags{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.sticky .tags span{background:#fff9;border-radius:99px;padding:2px 7px;font:600 11px Inter,sans-serif}.sticky .links{gap:12px;margin-top:10px;font:700 24px/1 Caveat,cursive;display:flex}.sticky .stat{background:var(--ink);color:#fff;text-align:center;border-radius:50%;padding:6px 12px;font:700 22px/1 Caveat,cursive;position:absolute;bottom:-22px;right:-18px;transform:rotate(8deg)}.sticky .stat small{color:#bbb;letter-spacing:.08em;font:600 9px Inter,sans-serif;display:block}.sticky a{color:inherit}.sticky.mine{--c:#e9e4ff}.sticky.mine p{cursor:text;-webkit-user-select:text;user-select:text;outline:none;min-height:120px}.sticky.mine .x{cursor:pointer;color:#00000073;background:0 0;border:0;font:700 22px Caveat,cursive;position:absolute;top:6px;right:8px}.polaroid{background:#fff;width:220px;padding:12px 12px 44px;box-shadow:0 16px 24px -12px #00000059}.polaroid img{aspect-ratio:1;object-fit:cover;filter:saturate(.9)contrast(1.05);pointer-events:none;background:#ddd;width:100%;display:block}.polaroid span{text-align:center;font:700 28px Caveat,cursive;position:absolute;bottom:8px;left:0;right:0}.tape{background:#ffec96bf;width:110px;height:30px;position:absolute;top:-14px;left:55px;transform:rotate(-6deg)}.card{background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 0 0 1px #0000000f,0 16px 30px -18px #0000004d}.card h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;font:700 13px Inter,sans-serif;display:flex}.todo{margin-top:10px;list-style:none}.todo label{cursor:pointer;align-items:flex-start;gap:12px;padding:6px 0;font:600 28px/1.1 Caveat,cursive;display:flex}.todo input{appearance:none;border:2.5px solid var(--ink);cursor:pointer;border-radius:5px;flex:none;width:22px;height:22px;margin-top:4px;position:relative}.todo input:checked:after{content:"✓";color:var(--red);font:700 30px Caveat,cursive;position:absolute;top:-12px;left:1px}.todo input:checked+span{text-decoration:line-through;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);color:var(--muted);text-decoration-thickness:2px}.todo small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font:600 11px Inter,sans-serif;display:block}.gh{grid-template-rows:repeat(7,9px);grid-auto-flow:column;justify-content:start;gap:2px;margin:14px 0 12px;display:grid}.gh i{background:#eeece6;border-radius:2px;width:9px}.gh i.gh-pad{background:0 0}.gh i[data-l="1"]{background:#bcd3ff}.gh i[data-l="2"]{background:#7ea3f5}.gh i[data-l="3"]{background:#3f6fe0}.gh i[data-l="4"]{background:#1f45a8}.big{margin-top:8px;font:700 44px/1 Caveat,cursive}.big span{color:var(--muted);margin-left:6px;font:500 15px Inter,sans-serif}.ev{border-top:1px dashed #ddd;margin-top:10px;list-style:none}.ev li{border-bottom:1px dashed #ddd;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;display:flex}.ev li b{white-space:nowrap;font-weight:600}.ev li span{color:var(--muted);white-space:nowrap}.ev li .msg{text-overflow:ellipsis;color:var(--ink);flex:1;overflow:hidden}.form label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:12px;font:600 11px Inter,sans-serif;display:block}.form input,.form textarea{border:2px solid var(--ink);background:var(--bg);width:100%;color:var(--ink);resize:none;-webkit-user-select:text;user-select:text;border-radius:8px;margin-top:4px;padding:8px 10px;font:500 15px/1.4 Inter,sans-serif;display:block}.form button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:14px;padding:6px 20px 10px;font:700 26px/1 Caveat,cursive}.form button:hover{background:var(--pen)}.form .hint{color:var(--muted);margin-top:8px;font-size:12px}.card .more{color:var(--pen);margin-top:12px;font:700 26px/1 Caveat,cursive;display:inline-block}.bubble{text-align:center;border:3px solid var(--ink);background:#fff;border-radius:50%;place-items:center;font:700 24px/1 Caveat,cursive;display:grid;transform:translate(-50%,-50%)}.bubble small{color:var(--muted);margin-top:3px;font:600 11px Inter,sans-serif;display:block}.bubble.core{background:var(--ink);color:#fff;font-size:36px}.contact{text-align:center;-webkit-user-select:text;user-select:text;width:420px}.contact a{color:var(--ink);font:700 46px Caveat,cursive;text-decoration:none;display:inline-block}.contact a.small{font-size:30px}.contact a:hover{color:var(--pen)}.contact p{color:var(--muted);font:500 28px Caveat,cursive}.peer{pointer-events:none;z-index:9000;transition:transform 1.8s cubic-bezier(.5,0,.25,1);position:absolute;top:0;left:0}.peer svg{filter:drop-shadow(0 2px 3px #00000040);display:block}.peer .tag{background:var(--red);color:#fff;white-space:nowrap;border-radius:4px 12px 12px;padding:4px 10px;font:600 13px Inter,sans-serif;position:absolute;top:20px;left:20px}.peer .tag em{font-style:normal;font-weight:400;display:block}.ui{z-index:10;position:fixed}.top{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;top:16px;left:16px;box-shadow:0 0 0 1px #0000000f,0 8px 20px -10px #0003}.top img{background:#ddd;border-radius:8px;width:32px;height:32px}.top b{font-weight:600}.top span{color:var(--muted);margin-top:-2px;font-size:12px;display:block}.top span:before{content:"";vertical-align:1px;background:#2fa84f;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.live{background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:flex;top:16px;right:16px;box-shadow:0 0 0 1px #0000000f}.live i{background:var(--red);color:#fff;border:2px solid #fff;border-radius:13px;place-items:center;min-width:26px;height:26px;padding:0 5px;font:700 11px Inter,sans-serif;display:grid}.live i+i{background:var(--pen);margin-left:-14px}.bar{scrollbar-width:none;background:#fff;border-radius:14px;gap:2px;max-width:calc(100vw - 32px);padding:5px;display:flex;bottom:16px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 0 0 1px #0000000f,0 12px 28px -12px #0000004d}.bar::-webkit-scrollbar{display:none}.bar button{cursor:pointer;color:var(--ink);white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:8px 11px;font:500 13px Inter,sans-serif}.bar button:hover{background:#f0efeb}.bar button.on{background:var(--ink);color:#fff}.bar button:focus-visible{outline-offset:-3px}.bar .sep{background:#e6e4de;flex:none;width:1px;margin:6px 4px}.bar .z{min-width:52px;color:var(--muted);font-variant-numeric:tabular-nums}.bar [hidden]{display:none}.mini{cursor:pointer;background:#fff;border-radius:10px;width:180px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 12px 28px -12px #0000004d}.mini i{background:#e3e0d8;border-radius:1px;position:absolute}.mini .view{border:2px solid var(--pen);background:#2f5bd314;border-radius:2px;position:absolute}.tip{color:var(--muted);pointer-events:none;max-width:280px;font-size:12px;bottom:18px;left:16px}.plain{z-index:20;background:var(--bg);max-width:560px;min-height:100%;margin:0 auto;padding:80px 24px;position:relative}.plain h1{font-size:32px}.plain p{margin-top:12px;font-size:16px}.plain a{color:var(--pen)}@media (width<=1100px){.tip{display:none}}@media (width<=759px){.mini,.live,.bar .zoom{display:none}.bar{bottom:12px}.top{top:12px;left:12px}}@media (prefers-reduced-motion:reduce){.peer,.drag-me{transition:none}}.gh:empty,.ev:empty{display:none}