:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{color:#000;background:#fff;margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}:root{--fg:#1f2028;--muted:#7d8090;--surface:#fff;--hair:#1f202817;--accent:#ff8a00;--accent-fg:#fff;--st:#e5484d;--scrim:#14151c61;--shadow:0 1px 2px #1f20280f, 0 8px 20px #1f20281a;--shadow-lift:0 4px 8px #1f202814, 0 22px 44px #1f202833;--b-cream:#fff7e8;--b-snow:#fff;--b-egg:#fff1c4;--b-yolk:#ffdf85;--b-sky:#d3eaff;--b-mint:#c9f4df;--b-blush:#ffdae6;--b-lilac:#e3d9ff;--b-ink:#16171d;--b-navy:#101b30;--b-plum:#22152b;--b-forest:#10231b;--b-cocoa:#241a14;--dot:#1f20281c;--n-yellow:#ffe57a;--m-yellow:#ff78005c;--n-pink:#ffc3d2;--m-pink:#ff286e47;--n-mint:#a6edc8;--m-mint:#00a05f4d;--n-sky:#b9d6ff;--m-sky:#1464ff42;--n-lilac:#d5c6ff;--m-lilac:#6432ff42;--n-peach:#ffc9a0;--m-peach:#ff500a4d;--n-paper:#fff;--m-paper:#ffbe008c;--n-lemon:#fff5a6;--m-lemon:#fa06;--n-coral:#ffb4a6;--m-coral:#ff3c2847;--n-aqua:#a6edf0;--m-aqua:#0096af4d;--n-lime:#d8f49a;--m-lime:#64aa0052;--n-sand:#eee0c8;--m-sand:#c8821e57;--font-display:"Fredoka", "Nunito", ui-rounded, system-ui, sans-serif;--font-hand:"Patrick Hand", "Comic Sans MS", "Chalkboard SE", ui-rounded, cursive;--font-body:"Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif}body.dark{--fg:#ecedf2;--muted:#9295a3;--surface:#1c1d23;--hair:#ffffff17;--accent:#ffa634;--accent-fg:#1b1306;--st:#ff7a7e;--scrim:#0000008c;--shadow:0 1px 2px #00000059, 0 8px 20px #00000059;--shadow-lift:0 4px 8px #0006, 0 22px 44px #0000008c;--dot:#ffffff14;--n-yellow:#4a3f12;--m-yellow:#ffc42866;--n-pink:#4a2130;--m-pink:#ff6e9666;--n-mint:#173d2c;--m-mint:#3cdc9657;--n-sky:#1c3050;--m-sky:#5aa0ff6b;--n-lilac:#30265a;--m-lilac:#a082ff6b;--n-peach:#4a2c16;--m-peach:#ff965066;--n-paper:#26272f;--m-paper:#ffc42861;--n-lemon:#44411a;--m-lemon:#ffe63c61;--n-coral:#4a2420;--m-coral:#ff786466;--n-aqua:#143c40;--m-aqua:#3cdce65c;--n-lime:#2e3c12;--m-lime:#b4f03c5c;--n-sand:#3a3226;--m-sand:#f0be6e5c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body.b-cream{--board:var(--b-cream)}body.b-snow{--board:var(--b-snow)}body.b-egg{--board:var(--b-egg)}body.b-yolk{--board:var(--b-yolk)}body.b-sky{--board:var(--b-sky)}body.b-mint{--board:var(--b-mint)}body.b-blush{--board:var(--b-blush)}body.b-lilac{--board:var(--b-lilac)}body.b-ink{--board:var(--b-ink)}body.b-navy{--board:var(--b-navy)}body.b-plum{--board:var(--b-plum)}body.b-forest{--board:var(--b-forest)}body.b-cocoa{--board:var(--b-cocoa)}html{background:var(--b-cream);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{--board:var(--b-cream);background-color:var(--board);background-image:radial-gradient(var(--dot) 1.2px, transparent 1.6px);color:var(--fg);font-family:var(--font-body);padding-left:max(clamp(16px, 4vw, 64px), env(safe-area-inset-left,0px));padding-right:max(clamp(16px, 4vw, 64px), env(safe-area-inset-right,0px));-webkit-font-smoothing:antialiased;box-sizing:border-box;min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));background-size:22px 22px;padding-block:0 40px;font-size:15px;line-height:1.5;transition:background-color .3s}[hidden]{display:none!important}body.locked{overflow:hidden}body.dragging,body.dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.c-yellow{--note:var(--n-yellow);--mk:var(--m-yellow)}.c-pink{--note:var(--n-pink);--mk:var(--m-pink)}.c-mint{--note:var(--n-mint);--mk:var(--m-mint)}.c-sky{--note:var(--n-sky);--mk:var(--m-sky)}.c-lilac{--note:var(--n-lilac);--mk:var(--m-lilac)}.c-peach{--note:var(--n-peach);--mk:var(--m-peach)}.c-paper{--note:var(--n-paper);--mk:var(--m-paper)}.c-lemon{--note:var(--n-lemon);--mk:var(--m-lemon)}.c-coral{--note:var(--n-coral);--mk:var(--m-coral)}.c-aqua{--note:var(--n-aqua);--mk:var(--m-aqua)}.c-lime{--note:var(--n-lime);--mk:var(--m-lime)}.c-sand{--note:var(--n-sand);--mk:var(--m-sand)}.wrap{max-width:none;margin:0}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 20px;padding-block:26px 16px;display:flex}.top h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:34px;font-weight:600;line-height:1.1}.count{color:var(--muted);margin-top:2px;font-size:13px;font-weight:700}.tools{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.search{background:var(--surface);height:42px;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;width:240px;max-width:100%;padding:0 16px;display:flex}.search svg{color:var(--muted);flex:none}.search input{min-width:0;font:inherit;color:var(--fg);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--muted)}.pill{background:var(--surface);height:42px;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.pill:hover{color:var(--accent)}.boardpick{background:var(--surface);max-width:100%;box-shadow:var(--shadow);border-radius:999px;flex-wrap:wrap;align-items:center;gap:7px;height:42px;padding:0 12px;display:flex}.boardpick span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-right:2px;font-size:12px;font-weight:800}.bp{width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--hair);border-radius:50%;position:relative}.bp[aria-pressed=true]:after{content:"";border:2px solid var(--accent);border-radius:50%;position:absolute;inset:-4px}.bp-cream{background:var(--b-cream)}.bp-snow{background:var(--b-snow)}.bp-egg{background:var(--b-egg)}.bp-yolk{background:var(--b-yolk)}.bp-sky{background:var(--b-sky)}.bp-mint{background:var(--b-mint)}.bp-blush{background:var(--b-blush)}.bp-lilac{background:var(--b-lilac)}.bp-ink{background:var(--b-ink)}.bp-navy{background:var(--b-navy)}.bp-plum{background:var(--b-plum)}.bp-forest{background:var(--b-forest)}.bp-cocoa{background:var(--b-cocoa)}.bp-ink,.bp-navy,.bp-plum,.bp-forest,.bp-cocoa{box-shadow:inset 0 0 0 1.5px #ffffff1f}.bp-sep{background:var(--hair);width:1px;height:20px;margin:0 3px}.tip{color:var(--fg);opacity:.75;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.tip button{color:var(--accent);padding:2px 4px;font-weight:800}.board{min-height:70vh;position:relative}.card{box-sizing:border-box;background:var(--note);box-shadow:var(--shadow);cursor:grab;-webkit-user-select:none;user-select:none;transform:rotate(var(--tilt,0deg));border-radius:18px;flex-direction:column;padding:8px 11px 10px;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;position:absolute}.card:hover{box-shadow:var(--shadow-lift);transform:rotate(0)translateY(-2px)}.card.lifted{box-shadow:var(--shadow-lift);transition:box-shadow .2s;transform:rotate(2deg)scale(1.04)}.card.pinned{cursor:pointer}.card.dim{opacity:.22}.card.hit{box-shadow:0 0 0 3px var(--accent), var(--shadow-lift)}.card.away{visibility:hidden}.c-head{touch-action:none;align-items:center;gap:2px;height:30px;margin:0 -6px 2px;display:flex}.grip{color:color-mix(in srgb, var(--fg) 30%, transparent);place-items:center;width:26px;height:26px;display:grid}.c-head .sp{flex:1}.c-btn{width:30px;height:30px;color:color-mix(in srgb, var(--fg) 55%, transparent);border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.c-btn:hover{background:color-mix(in srgb, var(--fg) 9%, transparent);color:var(--fg)}.c-btn.del:hover{color:var(--st)}.pinbtn{opacity:0}.card:hover .pinbtn,.card:focus-within .pinbtn,.card.pinned .pinbtn{opacity:1}.card.pinned .pinbtn{color:var(--accent)}@media (hover:none){.pinbtn{opacity:1}}.c-body{flex:1;min-height:0;overflow:hidden}.card.sized .c-body{-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),#0000);mask-image:linear-gradient(#000 calc(100% - 26px),#0000)}.card h3{font-family:var(--font-display);overflow-wrap:anywhere;margin:0 0 6px;font-size:17px;font-weight:600;line-height:1.3}.card ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.card .more{color:var(--muted);margin-top:4px;font-size:12px;font-weight:700}.card .empty{color:var(--muted);font-style:italic}.card footer{color:color-mix(in srgb, var(--fg) 50%, transparent);font-variant-numeric:tabular-nums;margin-top:8px;font-size:11.5px;font-weight:700}.rz{cursor:nwse-resize;touch-action:none;width:22px;height:22px;color:color-mix(in srgb, var(--fg) 35%, transparent);border-radius:0 0 16px;place-items:center;display:grid;position:absolute;bottom:2px;right:2px}.rz:hover{color:var(--fg)}.card.pinned .rz{display:none}.l{min-width:0;font-family:var(--font-hand);letter-spacing:.01em;align-items:flex-start;gap:8px;font-size:17px;line-height:1.35;display:flex}.ln{overflow-wrap:anywhere;white-space:pre-wrap;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat;border-radius:3px}.ln.mk{background-image:linear-gradient(100deg, transparent 0 0.8%, var(--mk) 2% 98%, transparent 99.2%);background-position:0 55%;background-size:100% 96%;border-radius:6px 3px 7px 4px;margin:0 -1px;padding:0 4px}.ln.sk{text-decoration-line:line-through;-webkit-text-decoration-color:var(--st);text-decoration-color:var(--st);text-decoration-skip-ink:none;color:color-mix(in srgb, var(--fg) 55%, transparent);text-decoration-thickness:2px}.l .ln{min-width:0}.l:not([data-check="0"]) .box,.l:not([data-check="0"]) .ln{cursor:pointer}.l:not([data-check="0"]) .ln{position:relative}.l:not([data-check="0"]) .ln:after{content:"";position:absolute;inset:-3px -8px -3px -10px}.row:not([data-check="0"]) .txt:not(:focus){cursor:pointer}.ln{transition:color .2s}[data-check="2"] .ln,[data-check="2"] .ln.sk{color:color-mix(in srgb, var(--fg) 55%, transparent)}.box{border:2px solid color-mix(in srgb, var(--fg) 38%, transparent);color:#0000;border-radius:6px;flex:none;place-items:center;width:18px;height:18px;margin-top:2px;transition:background .2s,border-color .2s,color .2s,transform .15s;display:grid}.box:active{transform:scale(.88)}.box svg{width:11px;height:11px}[data-check="2"]>.box,[data-check="2"]>.gut>.box{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.empty-state{text-align:center;color:var(--fg);opacity:.7;padding:60px 0;font-weight:600}.empty-state strong{font-family:var(--font-display);margin-bottom:4px;font-size:20px;display:block}.fab{right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));background:var(--accent);width:58px;height:58px;color:var(--accent-fg);box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 50%, transparent);z-index:9000;border-radius:50%;place-items:center;transition:transform .15s;display:grid;position:fixed}.fab:hover{transform:scale(1.06)}.fab:active{transform:scale(.96)}.scrim{background:var(--scrim);z-index:9500;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}@media (min-width:700px){.scrim{align-items:center;padding:24px}}.sheet{background:var(--note);width:100%;max-width:600px;height:92%;max-height:92%;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:26px 26px 0 0;flex-direction:column;animation:.28s cubic-bezier(.2,.9,.3,1.1) rise;display:flex;box-shadow:0 -10px 40px #0003}@media (min-width:700px){.sheet{border-radius:26px;height:min(720px,100%)}}.sh-top{padding:12px 12px 4px;padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));align-items:center;gap:8px;display:flex}.sh-top .spacer{flex:1}.icon-btn{width:40px;height:40px;color:var(--fg);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--hair)}.icon-btn.on{color:var(--accent)}.done-btn{color:var(--fg);background:color-mix(in srgb, var(--surface) 55%, transparent);border-radius:999px;padding:8px 14px;font-weight:800}.done-btn:hover{background:var(--surface)}.sh-date{color:color-mix(in srgb, var(--fg) 55%, transparent);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.sh-body{flex:1;min-height:0;padding:4px 22px 24px;overflow-y:auto}#noteTitle{width:100%;color:var(--fg);font-family:var(--font-display);background:0 0;border:0;outline:0;padding:6px 0 10px;font-size:24px;font-weight:600}#noteTitle::placeholder{color:color-mix(in srgb, var(--fg) 40%, transparent)}.row{cursor:text;align-items:flex-start;gap:10px;padding:3px 0;display:flex;position:relative}.row .gut{flex:none;padding-top:5px;display:none}.row[data-check="1"] .gut,.row[data-check="2"] .gut{display:block}.row .gut .box{width:20px;height:20px}.row .tw{min-width:0;font-family:var(--font-hand);letter-spacing:.01em;flex:1;font-size:20px;line-height:1.5}.row .txt{caret-color:var(--accent);outline:0}.row .txt:empty{min-width:2px;display:inline-block}.row:only-child .txt:empty:before,.row.active .txt:empty:before{content:"Write something…";color:color-mix(in srgb, var(--fg) 40%, transparent);pointer-events:none}.row.active:before{content:"";background:var(--accent);border-radius:4px;width:4px;height:calc(100% - 18px);min-height:12px;position:absolute;top:9px;left:-12px}.sh-tools{border-top:1px solid var(--hair);gap:10px;padding:10px 14px 12px;display:grid}.swatches{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.sw{background:var(--note);width:26px;height:26px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--fg) 18%, transparent);border-radius:50%;position:relative}.sw[aria-pressed=true]:after{content:"";border:2px solid var(--fg);border-radius:50%;position:absolute;inset:-4px}.styles{background:color-mix(in srgb, var(--surface) 55%, transparent);border-radius:16px;grid-template-columns:repeat(4,1fr) 1px repeat(3,1fr);gap:6px;padding:5px;display:grid}.st{color:color-mix(in srgb, var(--fg) 60%, transparent);border-radius:12px;justify-items:center;gap:1px;padding:6px 2px;font-size:11px;font-weight:800;display:grid}.st .pv{font-family:var(--font-display);color:var(--fg);place-items:center;height:22px;font-size:17px;font-weight:600;line-height:1.3;display:grid}.st[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow)}.pv-mark span{background:var(--mk);border-radius:5px 3px 6px 4px;padding:0 3px}.pv-strike span{text-decoration:line-through;-webkit-text-decoration-color:var(--st);text-decoration-color:var(--st);text-decoration-thickness:2px}.kbd-hint{text-align:center;color:color-mix(in srgb, var(--fg) 50%, transparent);font-size:11px;font-weight:700}@media (hover:none){.kbd-hint{display:none}}.c-sunset{--note:linear-gradient(180deg, #ff1e00 8%, #ff9e00 100%);--mk:#ffffff57;--fg:#fff;--st:#4a1200;--surface:#4610003d;--hair:#ffffff3d;--accent:#fff;--accent-fg:#ff4a00}.sheet.themed{position:relative}.themed{overflow:hidden}.card.c-sunset,.sheet.c-sunset{color:var(--fg);text-shadow:0 1px 2px #5a140059;background:#3e3e44;overflow:hidden}.card.themed .c-head,.card.themed .c-body,.card.themed footer,.sheet.themed>.sh-top,.sheet.themed>.sh-body,.sheet.themed>.sh-tools{z-index:1;position:relative}.card.themed .rz{z-index:2}.card.c-sunset h3{padding-right:44px}.sheet.c-sunset #noteTitle{padding-right:70px}.card.c-sunset .c-btn,.card.c-sunset .grip,.sheet.c-sunset .icon-btn{color:#501200d9;text-shadow:none}.card.c-sunset .grip{color:#ffffffb3}.card.c-sunset .c-btn:hover,.sheet.c-sunset .icon-btn:hover{color:#4a1000;background:#ffffff73}.card.c-sunset.pinned .pinbtn,.sheet.c-sunset .icon-btn.on{color:#4a1000}.sw.c-sunset{background:radial-gradient(circle at 74% 28%,#fff7ee 0 17%,#ffffff47 18% 32%,#0000 33%),linear-gradient(135deg,#0000 60%,#484848 60.5%),linear-gradient(225deg,#0000 72%,#3a3a3a 72.5%),linear-gradient(#ff1e00,#ff9e00)}.scene{pointer-events:none;z-index:0;border-radius:inherit;display:none;position:absolute;inset:0;overflow:hidden;container-type:size}.themed>.scene{display:block}.scene{--u:min(.5cqw, 1.6px)}.scene .sky{background:linear-gradient(#ff1e00 8%,#ff5200 55%,#ff9e00 100%);position:absolute;inset:0}.scene .ring{width:calc(var(--d) * var(--u));height:calc(var(--d) * var(--u));right:calc((34 - var(--d) / 2) * var(--u));top:calc((34 - var(--d) / 2) * var(--u));background:#ffffff21;border-radius:50%;position:absolute;box-shadow:0 0 10px 2px #00000014}.scene .r1{--d:165;--dl:.95s}.scene .r2{--d:135;--dl:.85s}.scene .r3{--d:105;--dl:.75s}.scene .r4{--d:79;--dl:.65s}.scene .core{--d:52;--dl:.55s;background:#fff7ee;box-shadow:0 0 22px 4px #ffffff73}.scene .mtn{width:calc(var(--h) * 2);height:calc(var(--h) * 2);left:calc(var(--x) - var(--h));bottom:calc(var(--h) * -1.4142);background:#484848;position:absolute;transform:scaleX(.78)rotate(45deg)}.scene .mtn.sh{box-shadow:0 0 20px #000000b3}.scene .m1{--h:64cqh;--x:24cqw;z-index:1;--dl:.1s}.scene .m2{--h:40cqh;--x:calc(24cqw + 36cqh);z-index:0;--dl:.22s;background:#5a5a5a}.scene .m3{--h:25cqh;--x:90cqw;z-index:2;--dl:.34s}.play>.scene .sky{animation:.75s cubic-bezier(.22,.9,.25,1) both skyIn}.play>.scene .ring{animation:.7s cubic-bezier(.3,1.5,.5,1) both ringIn;animation-delay:var(--dl)}.play>.scene .mtn{animation:.85s cubic-bezier(.2,.85,.25,1) both mtnIn;animation-delay:var(--dl)}@keyframes skyIn{0%{transform:translateY(-101%)}}@keyframes ringIn{0%{opacity:0;transform:scale(0)}}@keyframes mtnIn{0%{translate:0 100cqh}}.c-prism{--note:linear-gradient(42deg, #fff, #fc726e);--mk:#ffdd57b8;--fg:#2b1513;--st:#b0201c;--surface:#fff9;--hair:#2b151324;--accent:#e8504b;--accent-fg:#fff}.card.c-prism,.sheet.c-prism{color:var(--fg);text-shadow:0 0 4px #fffffff2,0 0 1px #fff;background:#fff}.card.c-prism .c-btn,.sheet.c-prism .icon-btn{color:#2b1513bf}.sw.c-prism{background:linear-gradient(60deg,#28282852 0 30%,#0000 30%),linear-gradient(-60deg,#0000 64%,#14141447 64%),linear-gradient(120deg,#0000 45%,#ffffff8c 45% 60%,#0000 60%),linear-gradient(42deg,#fff,#fc726e)}.scene .prism-bg{background:linear-gradient(42deg,#fff 0%,#ffe3dd 30%,#fda195 62%,#fc726e 100%) 0 100%/170% 170%;animation:28s ease-in-out infinite alternate prismShift;position:absolute;inset:0}.scene .tris{opacity:.3;width:750px;height:917px;animation:70s ease-in-out infinite alternate triDrift;position:absolute;top:0;left:0}.scene .tris polygon{transform-box:fill-box;transform-origin:50%}@keyframes prismShift{to{background-position:100% 0}}@keyframes triDrift{to{transform:translate(-50px,-41.67px)}}.play>.scene .tris polygon{animation:.55s cubic-bezier(.3,1.45,.5,1) both triIn;animation-delay:var(--d)}@keyframes triIn{0%{opacity:0;transform:scale(0)rotate(-90deg)}}.c-zigzag{--zz:linear-gradient(135deg, #0000 18.75%, #f3f3f3 0 31.25%, #0000 0), repeating-linear-gradient(45deg, #f3f3f3 -6.25% 6.25%, #141414 0 18.75%);--note:#141414;--fg:#fff;--mk:#ffc40099;--st:#ff6b6b;--surface:#141414b8;--hair:#ffffff2e;--accent:#f3f3f3;--accent-fg:#141414}.card.c-zigzag,.sheet.c-zigzag{color:var(--fg);text-shadow:0 1px 3px #000000f2,0 0 2px #000000f2;background:#141414;border:3px solid #141414}.card.c-zigzag{box-shadow:#8e8e8e4d 0 30px 30px -10px, var(--shadow)}.sw.c-zigzag{background-color:#141414;background-image:linear-gradient(135deg,#0000 18.75%,#f3f3f3 0 31.25%,#0000 0),repeating-linear-gradient(45deg,#f3f3f3 -6.25% 6.25%,#141414 0 18.75%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.scene .zz-base{background:#f3f3f3;position:absolute;inset:0}.scene .bars{position:absolute;top:0;left:0}.scene .bars polygon{fill:#141414}.scene .zz-shade{background:#14141485;position:absolute;inset:0}.c-zigzag [data-check="2"] .ln,.c-zigzag [data-check="2"] .ln.sk{color:#ffffffb8}.card.c-zigzag footer,.sheet.c-zigzag .sh-date,.sheet.c-zigzag .kbd-hint{color:#ffffffd1}.play>.scene .bar{animation:zIn var(--t) cubic-bezier(.3, .7, .35, 1) both;animation-delay:var(--d)}@keyframes zIn{0%{transform:translate(820px)}}.c-aura{--note:#222;--fg:#e5e7eb;--mk:#a855f78c;--st:#fdba74;--surface:#ffffff1a;--hair:#ffffff29;--accent:#c084fc;--accent-fg:#1a1a1a}.card.c-aura,.sheet.c-aura{color:var(--fg);background:#222;border:1px solid #fff6}.card.c-aura h3,.sheet.c-aura #noteTitle{letter-spacing:-.01em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:600}.card.c-aura footer,.sheet.c-aura .sh-date{color:#ffffff80;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.sw.c-aura{background:radial-gradient(circle,#fdba74 0 16%,#a855f7 42%,#0000 64%),#222;box-shadow:inset 0 0 0 2px #c084fc}.scene .au-frame{background:#c084fc;padding:4px;position:absolute;inset:0}.scene .au-panel{background:#222;border-radius:12px 100px 40px 12px;width:100%;height:100%}.scene .au-orb{--os:min(32cqw, 36cqh);left:calc(50% - var(--os) / 2);top:calc(50% - var(--os) / 2);width:var(--os);height:var(--os);background:linear-gradient(45deg,#a855f7,#fdba74);border-radius:50%;animation:12s linear infinite auSpin;position:absolute}.scene .au-glass{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#18141e2e;position:absolute;inset:0}@keyframes auSpin{to{transform:rotate(360deg)}}.play>.scene .au-frame{animation:.5s both auFade}.play>.scene .au-panel{animation:1s cubic-bezier(.5,0,.2,1) .15s both auMorph}.play>.scene .au-orb{animation:1s cubic-bezier(.2,.8,.3,1) .35s both auBloom,12s linear infinite auSpin}@keyframes auFade{0%{opacity:0}}@keyframes auMorph{0%{border-radius:12px}}@keyframes auBloom{0%{opacity:0;scale:0}}.sw.c-midnight{background:linear-gradient(344deg,#282837 15%,#101012 85%);box-shadow:inset 0 0 0 1.5px #ffffff24}.sw.c-plum{background:linear-gradient(344deg,#46224e 15%,#101012 85%);box-shadow:inset 0 0 0 1.5px #ffffff24}.sw.c-ocean{background:linear-gradient(344deg,#163858 15%,#101012 85%);box-shadow:inset 0 0 0 1.5px #ffffff24}.sw.c-forest{background:linear-gradient(344deg,#184230 15%,#101012 85%);box-shadow:inset 0 0 0 1.5px #ffffff24}.sw.c-ember{background:linear-gradient(344deg,#582618 15%,#101012 85%);box-shadow:inset 0 0 0 1.5px #ffffff24}.c-midnight{--note:linear-gradient(344deg, #282837 0%, #101012 50%);--mk:#8c8cff66;--accent:#a5a6ff}.c-plum{--note:linear-gradient(344deg, #46224e 0%, #101012 50%);--mk:#dc78ff61;--accent:#e3a2ff}.c-ocean{--note:linear-gradient(344deg, #163858 0%, #101012 50%);--mk:#50aaff66;--accent:#7cc4ff}.c-forest{--note:linear-gradient(344deg, #184230 0%, #101012 50%);--mk:#46dc965c;--accent:#6ee7b7}.c-ember{--note:linear-gradient(344deg, #582618 0%, #101012 50%);--mk:#ff8c466b;--accent:#ffad7a}.c-midnight,.c-plum,.c-ocean,.c-forest,.c-ember{--fg:#f9f9f9;--st:#ff7a7e;--surface:#ffffff14;--hair:#ffffff1f;--accent-fg:#111114}.card.c-midnight,.sheet.c-midnight,.card.c-plum,.sheet.c-plum,.card.c-ocean,.sheet.c-ocean,.card.c-forest,.sheet.c-forest,.card.c-ember,.sheet.c-ember{color:var(--fg)}.card.c-midnight,.card.c-plum,.card.c-ocean,.card.c-forest,.card.c-ember{box-shadow:4px 6px 14px #00000036, var(--shadow)}.c-waves{--note:#4a3e85;--fg:#fff;--mk:#cdb9ff80;--st:#ffb3c6;--surface:#ffffff1f;--hair:#fff3;--accent:#e4dcff;--accent-fg:#3a2c6e}.c-goldwaves{--note:#a67a08;--fg:#fff;--mk:#fff4be73;--st:#6b2a00;--surface:#ffffff24;--hair:#ffffff3d;--accent:#fff0b8;--accent-fg:#5a3e00}.card.c-waves,.sheet.c-waves{color:var(--fg);text-shadow:0 1px 3px #1e0f4699;background:#4a3e85}.card.c-goldwaves,.sheet.c-goldwaves{color:var(--fg);text-shadow:0 1px 3px #46280099;background:#a67a08}.c-crimson{--note:#000;--fg:#fff;--mk:#ff50506b;--st:#ff6b6b;--surface:#ffffff14;--hair:#ffffff24;--accent:#f2f2f2;--accent-fg:#3a0505}.card.c-crimson,.sheet.c-crimson{color:var(--fg);text-shadow:0 1px 3px #000000e6;background:#000}.sw.c-crimson{background:linear-gradient(165deg,#0000 40%,#e6dcdcb3 50%,#0000 60%),radial-gradient(at 60% 120%,#8a100c,#2a0303 55%,#000 80%)}.sw.c-waves{background:linear-gradient(160deg,#0000 46%,#ebe4ffbf 54%,#0000 64%),linear-gradient(30deg,#3e2f6e,#5a4c93 50%,#9aa4d6)}.sw.c-goldwaves{background:linear-gradient(160deg,#0000 46%,#fff4c8cc 54%,#0000 64%),linear-gradient(30deg,#7a4e00,#a67a08 50%,#e0b64e)}.scene .wv-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.c-ace{--note:#fafafa;--fg:#141414;--mk:#c8102e33;--st:#c8102e;--surface:#ffffffb3;--hair:#0000001a;--accent:#141414;--accent-fg:#fff}.card.c-ace,.sheet.c-ace{color:var(--fg);background:#fafafa;border:1px solid #00000014}.card.c-ace{box-shadow:6px 7px 0 #00000029, var(--shadow);border-radius:14px}.card.c-ace .c-head,.card.c-ace .c-body,.card.c-ace footer{padding-left:26px}.sheet.c-ace .sh-body{padding-left:52px}.sw.c-ace{background:radial-gradient(circle at 50% 46%,#141414 0 22%,#0000 23%),linear-gradient(135deg,#fff,#e4e4e4);box-shadow:inset 0 0 0 1.5px #00000040}.scene .ac-flip{perspective:900px;position:absolute;inset:0}.scene .ac-inner{transform-style:preserve-3d;position:absolute;inset:0}.scene .ac-face,.scene .ac-back{backface-visibility:hidden;border-radius:inherit;position:absolute;inset:0}.scene .ac-face{background:linear-gradient(135deg,#fff 0%,#f6f6f6 45%,#e2e2e2 100%)}.scene .ac-back{background:repeating-linear-gradient(45deg,#ffffff38 0 2px,#0000 2px 12px),repeating-linear-gradient(-45deg,#ffffff38 0 2px,#0000 2px 12px),#1d2b5c;transform:rotateY(180deg);box-shadow:inset 0 0 0 7px #fff,inset 0 0 0 9px #1d2b5c,inset 0 0 0 10px #fff9}.scene .ac-big{aspect-ratio:100/115;filter:blur(1.4px);opacity:.26;width:min(62cqw,58cqh);position:absolute;top:52%;left:50%;translate:-50% -50%}.scene .ac-idx{color:#141414;filter:blur(.9px);opacity:.85;justify-items:center;padding:2px;font-family:Georgia,Times New Roman,serif;font-weight:700;line-height:1.15;display:grid;position:absolute}.scene .ac-idx b{font-size:22px}.scene .ac-idx svg{width:15px;margin-top:2px}.scene .ac-tl{top:12px;left:8px}.scene .ac-br{bottom:26px;right:8px;transform:rotate(180deg)}.sheet .scene .ac-idx b{font-size:30px}.sheet .scene .ac-idx svg{width:20px}.sheet .scene .ac-tl{top:64px;left:16px}.sheet .scene .ac-br{bottom:182px;right:18px}.play>.scene .ac-inner{animation:.9s cubic-bezier(.3,.1,.2,1) both acFlip}.play>.scene .ac-big{animation:.7s cubic-bezier(.25,.8,.3,1) .55s both acSpade}@keyframes acFlip{0%{transform:rotateY(180deg)}}@keyframes acSpade{0%{opacity:0;scale:.7}}.ln.h1,.ln.h2,.ln.h3,.ln.h4{font-family:var(--font-display);letter-spacing:-.005em;font-weight:600;line-height:1.22}.ln.h1{font-size:1.55em}.ln.h2{font-size:1.32em}.ln.h3{font-size:1.15em}.ln.h4{text-transform:uppercase;letter-spacing:.08em;font-size:.82em}.ln.tc-red{color:color-mix(in srgb, #e5484d 80%, var(--fg))}.ln.tc-orange{color:color-mix(in srgb, #f08c00 80%, var(--fg))}.ln.tc-green{color:color-mix(in srgb, #2f9e44 80%, var(--fg))}.ln.tc-blue{color:color-mix(in srgb, #1c7ed6 80%, var(--fg))}.ln.tc-purple{color:color-mix(in srgb, #7048e8 80%, var(--fg))}.ln.tc-pink{color:color-mix(in srgb, #d6336c 80%, var(--fg))}.txtbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;display:flex}.hseg{background:color-mix(in srgb, var(--surface) 55%, transparent);border-radius:12px;gap:2px;padding:4px;display:flex}.hb{min-width:36px;height:30px;font-family:var(--font-display);color:color-mix(in srgb, var(--fg) 62%, transparent);border-radius:9px;padding:0 7px;font-size:13px;font-weight:600}.hb[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow)}.tcolors{align-items:center;gap:7px;display:flex}.tcb{background:var(--c);width:22px;height:22px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--fg) 16%, transparent);border-radius:50%;position:relative}.tcb[data-c=""]{background:var(--fg)}.tcb[aria-pressed=true]:after{content:"";border:2px solid var(--fg);border-radius:50%;position:absolute;inset:-4px}.sh-tools{padding:10px 12px 12px;position:relative}.tb-sep{background:var(--hair);align-self:stretch;width:1px;margin:6px 0}.st .tc-dot,.st .nc-dot{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--fg) 20%, transparent);border-radius:50%;display:block}.st .tc-dot{background:var(--fg)}.st .nc-dot{background:var(--note)}.st[aria-expanded=true]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow)}.pop{z-index:5;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--hair);box-shadow:var(--shadow-lift);border-radius:18px;justify-items:center;gap:8px;padding:10px 12px 12px;animation:.16s ease-out popIn;display:grid;position:absolute;bottom:calc(100% + 6px);left:12px;right:12px}.pop:not(.pop-wide){width:max-content;max-width:calc(100% - 24px);left:auto;right:12px}.pop-t,.sw-h{letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb, var(--fg) 55%, transparent);font-size:11px;font-weight:800}.sw-group{justify-items:start;gap:7px;width:100%;display:grid}.sw-row{flex-wrap:wrap;gap:9px;display:flex}.pop .swatches{justify-content:stretch;gap:12px;width:100%;display:grid}@keyframes popIn{0%{opacity:0;transform:translateY(6px)}}.puff{z-index:9450;pointer-events:none;background:radial-gradient(circle at 35% 35%, #fff, color-mix(in srgb, var(--fg) 18%, #fff) 70%);border-radius:50%;position:fixed;box-shadow:0 2px 6px #00000014}.spark{z-index:9450;pointer-events:none;background:var(--accent);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);border-radius:2px;width:9px;height:9px;position:fixed}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));background:var(--fg);color:var(--surface);z-index:9800;box-shadow:var(--shadow-lift);border-radius:999px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 10px 10px 18px;font-size:14px;font-weight:700;animation:.25s toastIn;display:flex;position:fixed;transform:translate(-50%)}.toast button{color:var(--accent);border-radius:999px;padding:4px 10px;font-weight:800}html{touch-action:none;overscroll-behavior:none}html,body{overflow:hidden}.canvas{z-index:0;cursor:grab;position:fixed;inset:0}.wrap{pointer-events:none;position:relative}.top,.tip{z-index:1;position:relative}.tools>*,.tip button,.card{pointer-events:auto}.board{transform-origin:0 0;transform:var(--view,translate(0px, 0px) scale(1))}body.space-pan .canvas,body.space-pan .card{cursor:grab}.zoombar{z-index:9000;left:calc(20px + env(safe-area-inset-left,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));background:var(--surface);height:42px;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:2px;padding:0 4px;display:flex;position:fixed}.zb{width:34px;height:34px;color:var(--fg);border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.zb:hover{background:var(--hair);color:var(--accent)}.zb-pct{font-variant-numeric:tabular-nums;border-radius:999px;width:auto;min-width:54px;padding:0 6px;font-size:13px;font-weight:800}.zb-sep{background:var(--hair);width:1px;height:20px;margin:0 3px}.backto{z-index:9000;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));animation:.25s toastIn;position:fixed;transform:translate(-50%)}@media (max-width:560px){.backto{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}.acct{position:relative}.acct-g{flex:none}html[data-acct=in] .acct-in{justify-content:center;gap:0;width:42px;padding:0;font-size:0}html[data-acct=in] .acct-in .acct-g{display:none}.acct-btn{background:var(--surface);width:42px;height:42px;box-shadow:var(--shadow);border-radius:50%;place-items:center;padding:3px;transition:box-shadow .15s;display:grid;position:relative}.acct-btn:hover,.acct-btn[aria-expanded=true]{box-shadow:0 0 0 2px var(--accent), var(--shadow)}.acct-btn img,.acct-initial{object-fit:cover;border-radius:50%;width:36px;height:36px}.acct-initial{background:var(--accent);color:var(--accent-fg);font-family:var(--font-display);place-items:center;font-size:17px;font-weight:600;display:grid}.acct-btn[data-s=offline]:after,.acct-btn[data-s=error]:after{content:"";background:var(--muted);width:11px;height:11px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;bottom:0;right:0}.acct-btn[data-s=error]:after{background:var(--st)}.acct-pop{z-index:9200;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--hair);width:260px;box-shadow:var(--shadow-lift);border-radius:18px;gap:12px;padding:14px 16px 16px;animation:.16s ease-out acctIn;display:grid;position:absolute;top:calc(100% + 8px);right:0}.acct-who{gap:1px;min-width:0;display:grid}.acct-who b{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;line-height:1.3;overflow:hidden}.acct-who span{color:var(--muted);overflow-wrap:anywhere;font-size:13px;font-weight:600}.acct-status{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.acct-status i{background:#2f9e44;border-radius:50%;flex:none;width:8px;height:8px}.acct-status[data-s=syncing] i{background:var(--accent);animation:.8s ease-in-out infinite alternate acctPulse}.acct-status[data-s=offline] i{background:var(--muted)}.acct-status[data-s=error] i{background:var(--st)}.acct-out{background:color-mix(in srgb, var(--fg) 7%, transparent);border-radius:999px;height:38px;font-size:14px;font-weight:800;transition:background .15s,color .15s}.acct-out:hover{color:var(--st);background:color-mix(in srgb, var(--fg) 11%, transparent)}@keyframes acctIn{0%{opacity:0;transform:translateY(-6px)}}@keyframes acctPulse{to{opacity:.35}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}