@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/caa77eaf0c6cae2c-s.31vfkycla13v0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/6260001f568fa40d-s.0c4siir8-ephk.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/2aa781f449db21e3-s.p.1pg2nifvadz06.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:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_c11ef589-module__WbhkWW__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_c11ef589-module__WbhkWW__variable{--f-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_6b9c8dd4-module__gMst1G__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_6b9c8dd4-module__gMst1G__variable{--f-body:"Inter", "Inter Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.0rgnxg2b64rzs.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.3cb5lpr2l6xud.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1u30mmyq6lnsd.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.40sczeszzbjw1.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:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.1yd4_i3e35931.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.1qc6dx89jd2qv.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.29yke99gs9qpn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.1i-sca43-qwng.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.0oace-s_gkfks.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:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_bdc55e7d-module__7H8QRa__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_bdc55e7d-module__7H8QRa__variable{--f-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
@font-face{font-family:Qwigley;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7765c5e8ab5dd5ac-s.0vadjqjwp_pt3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Qwigley;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b719efbffa844dae-s.1y2jhsrqqw4zq.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Qwigley;font-style:normal;font-weight:400;font-display:swap;src:url(../media/87717ab8f66f8a87-s.p.3eu5009uy5586.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:Qwigley Fallback;src:local(Arial);ascent-override:132.68%;descent-override:88.45%;line-gap-override:0.0%;size-adjust:56.53%}.qwigley_2028bf40-module__HTWZDW__className{font-family:Qwigley,Qwigley Fallback;font-style:normal;font-weight:400}.qwigley_2028bf40-module__HTWZDW__variable{--f-hand:"Qwigley", "Qwigley Fallback"}
:root{--ground:#080d16;--ink:#edf2f8;--slate:#7f8ea3;--blue:#3189d0;--blue-lo:#2b7cbd;--blue-hi:#3f97dc;--hair:#edf2f821;--display:var(--f-display), "Inter", system-ui, sans-serif;--body:var(--f-body), system-ui, -apple-system, sans-serif;--mono:var(--f-mono), ui-monospace, monospace;--hand:var(--f-hand), cursive;--out:cubic-bezier(.16, .84, .28, 1);--pen:cubic-bezier(.35, .08, .3, 1);--gutter:max(6.5%, 48px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow:hidden}
.ground{z-index:0;background:radial-gradient(70% 60% at 20% 40%,#3189d026,#0000 64%),radial-gradient(55% 55% at 96% 60%,#1b5c9329,#0000 70%),radial-gradient(130% 105% at 26% 46%,#0000 40%,#0000008c 100%);position:fixed;inset:0}.grain{z-index:8;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='190' height='190' filter='url(%23g)'/%3E%3C/svg%3E");background-size:190px 190px;position:fixed;inset:0}.letterhead{top:30px;left:var(--gutter);z-index:7;align-items:center;gap:14px;display:flex;position:fixed}.letterhead img{filter:brightness(0)invert();opacity:.85;width:auto;height:clamp(34px,4vw,52px);display:block}.letterhead .note{border-left:1px solid var(--hair);font:400 clamp(8.5px, .92vw, 10px) / 1.5 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--slate);padding-left:14px}.meta{z-index:7;left:var(--gutter);white-space:nowrap;border-top:1px solid var(--hair);width:min(46%,34rem);font:400 clamp(8px, .9vw, 10px) / 1 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--slate);justify-content:space-between;align-items:baseline;gap:20px;padding-top:13px;display:flex;position:fixed;bottom:22px}.meta b{color:var(--ink);font-weight:500}.pane{z-index:4;padding-left:var(--gutter);align-items:center;padding-right:52%;display:flex;position:fixed;inset:0;overflow-y:auto}.pane>.measure{width:100%;min-width:280px}h1{font-family:var(--display);font-variation-settings:"opsz" 64;letter-spacing:-.03em;color:var(--ink);text-wrap:balance;font-weight:600;line-height:1.03}.eyebrow{font:500 clamp(9px, 1vw, 11px) / 1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}.gate h1{max-width:13ch;font-size:clamp(23px,3.6vw,44px)}.gate .sub{color:var(--slate);max-width:30ch;margin:15px 0 28px;font-size:clamp(12px,1.45vw,16px);line-height:1.7}.field{width:min(320px,100%);position:relative}.field input{width:100%;color:var(--ink);border:1px solid var(--hair);font:500 clamp(13px, 1.45vw, 15px) / 1 var(--mono);letter-spacing:.24em;background:#edf2f80b;border-radius:9px;padding:15px 46px 15px 16px;transition:border-color .18s,box-shadow .18s,background .18s}.field input::placeholder{color:#55627a;letter-spacing:.24em}.field input:focus-visible{border-color:var(--blue);background:#3189d00f;outline:none;box-shadow:0 0 0 3px #3189d029}.field .eye{color:#6c7b91;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:9px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.field .eye:hover{color:var(--blue)}.btn{cursor:pointer;color:#fff;background:linear-gradient(180deg, var(--blue-hi), var(--blue) 55%, var(--blue-lo));font:600 clamp(12px, 1.35vw, 15px) / 1 var(--body);transition:filter .18s ease, transform .18s var(--out);border:0;border-radius:9px;box-shadow:inset 0 1px #ffffff3d,0 1px 2px #0006}.btn:hover{filter:brightness(1.08)}.btn:focus-visible{outline-offset:3px;outline:2px solid #7fc0f5}#unlock{margin-top:12px;padding:14px 26px}.error{font:400 clamp(11px, 1.2vw, 13px) / 1.5 var(--body);color:#ff9c9c;max-width:30ch;margin-top:13px}.error[hidden]{display:none}.gate{transition:opacity .55s ease, transform .55s var(--out)}.letter{opacity:0;pointer-events:none}body.is-open .letter{opacity:1;pointer-events:auto}body.is-open .gate{opacity:0;pointer-events:none;transform:translateY(-16px)}.stroke{background:var(--blue);border-radius:2px;width:80px;height:2px;margin-bottom:20px}.mark img{filter:brightness(0)invert();opacity:.93;width:auto;height:clamp(24px,3.2vw,42px);display:block}.letter h1{max-width:14ch;margin:26px 0 18px;font-size:clamp(25px,4.2vw,52px)}.lede{color:var(--slate);max-width:33ch;margin:0 0 8px;font-size:clamp(12.5px,1.5vw,17px);line-height:1.74}.lede em{color:var(--ink);font-style:normal;font-weight:500}.signature{align-items:center;gap:16px;margin-top:22px;display:flex}.signature .bar{background:var(--hair);width:1px;height:clamp(22px,2.8vw,34px)}.signature .studio img{filter:brightness(0)invert();opacity:.78;width:auto;height:clamp(24px,3vw,38px);display:block}.hand{transform-origin:0;clip-path:inset(0 100% -40% 0);padding-right:14px;transform:rotate(-3deg)}.hand .name{font-family:var(--hand);color:#edf2f8eb;white-space:nowrap;font-size:clamp(40px,4.6vw,58px);line-height:.9;display:block}.hand .flourish{width:clamp(120px,14vw,178px);height:auto;margin:-14px 0 0 2px;display:block;overflow:visible}.hand .flourish path{fill:none;stroke:#edf2f8cc;stroke-width:2.1px;stroke-linecap:round}body.is-running .hand{animation:write 1.35s var(--pen) 1.68s forwards}@keyframes write{to{clip-path:inset(0 -10% -30% 0)}}.mark,.letter h1,.letter .lede,.signature,#cta,.stage{opacity:0;transform:translateY(10px)}.stroke{width:0}.ground{opacity:.4}.stage{transform:translateY(26px)scale(.985)}body.is-running .ground{animation:2.2s ease-out .1s forwards lift}body.is-running .stroke{animation:draw .9s var(--out) .22s forwards}body.is-running .mark{animation:rise 1s var(--out) .6s forwards}body.is-running .letter h1{animation:rise .9s var(--out) 1s forwards}body.is-running #bodyOne{animation:rise .9s var(--out) 1.18s forwards}body.is-running #bodyTwo{animation:rise .9s var(--out) 1.32s forwards}body.is-running .signature{animation:rise .7s var(--out) 1.55s forwards}body.is-running .stage{animation:settle 1.5s var(--out) 1.95s forwards}body.is-running #cta{animation:rise .9s var(--out) 2.6s forwards}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes settle{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes draw{to{width:80px}}@keyframes lift{to{opacity:1}}@media (max-width:780px){.stage--aside{display:none}.pane>.measure{max-width:100%}.meta{width:calc(100% - var(--gutter) - 6%)}}@media (prefers-reduced-motion:reduce){.mark,.letter h1,.letter .lede,.signature,#cta,.stage,.ground{opacity:1;transform:none;animation:none!important}.stroke{width:80px;animation:none!important}.hand{clip-path:none;animation:none!important}.gate,.stage,#cta,.btn{transition:none}}#cta,#contactCta{align-items:center;gap:11px;margin-top:26px;padding:14px 24px;display:inline-flex}#contactCta{text-decoration:none}#contactCta:hover{transform:translate(3px)}#contactCta svg{transition:transform .18s var(--out)}#contactCta:hover svg,#cta:hover{transform:translate(3px)}#cta svg{transition:transform .18s var(--out)}#cta:hover svg{transform:translate(3px)}.landing .stroke{width:80px;animation:none}.landing h1{max-width:13ch;margin-bottom:20px;font-size:clamp(25px,4.2vw,52px)}.landing .lede{max-width:34ch}.letter .lede,.gate .sub{max-width:38ch}.letter h1{max-width:15ch}.meta{width:fit-content;min-width:150px;padding-right:30px}@media (max-width:780px){.pane{padding-right:6%}.meta{width:calc(100% - var(--gutter) - 6%)}}
.stage{z-index:2;opacity:0;background:#0b1017;transition:opacity .35s;position:fixed;overflow:hidden}.stage iframe{transform-origin:0 0;border:0;display:block}.stage--aside{border:1px solid var(--hair);border-right:0;border-radius:10px 0 0 10px;inset:12% -6% 12% 52%}.stage--aside iframe{pointer-events:none;width:1440px;height:1000px;position:absolute;top:0;left:0}.stage--aside .stage-veil{pointer-events:none;background:linear-gradient(90deg,#080d1680,#080d161f 40%,#0000),linear-gradient(#080d162e,#0000 30%,#080d1647);position:absolute;inset:0}.stage--full{z-index:60;opacity:1;background:#0b0f14;border:0;border-radius:0;padding-top:52px;inset:0}.stage--full iframe{pointer-events:auto;background:#fff;width:100%;height:100%;position:relative;transform:none}.stage--full .stage-veil{display:none}.stage--full.is-tablet iframe,.stage--full.is-mobile iframe{border-radius:16px;height:calc(100% - 36px);margin:18px auto;box-shadow:0 24px 60px #0000008c}.stage--full.is-tablet iframe{max-width:834px}.stage--full.is-mobile iframe{border-radius:26px;max-width:390px}.review-bar{z-index:61;border-bottom:1px solid var(--hair);background:#0a121d;justify-content:space-between;align-items:center;gap:1rem;height:52px;padding:0 .9rem;display:none;position:fixed;top:0;left:0;right:0}body.is-reviewing .review-bar{display:flex}.rb-left{align-items:center;gap:.6rem;min-width:0;display:flex}.rb-left img{filter:brightness(0)invert();opacity:.8;width:auto;height:20px}.rb-label{color:var(--slate);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.rb-devices{background:#edf2f80d;border-radius:10px;gap:.2rem;padding:.2rem;display:flex}.device{width:36px;height:30px;color:var(--slate);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background .15s,color .15s;display:grid}.device:hover{color:var(--ink)}.device.is-active{background:var(--blue);color:#fff}.device:focus-visible{outline-offset:2px;outline:2px solid #7fc0f5}.rb-right{align-items:center;gap:.7rem;display:flex}.rb-page{font:400 .72rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--slate);white-space:nowrap;text-overflow:ellipsis;max-width:190px;overflow:hidden}.rb-page b{color:var(--ink);font-weight:500}.rb-back{border:1px solid var(--hair);color:var(--ink);font:500 .82rem/1 var(--body);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;transition:border-color .2s;display:inline-flex}.rb-back:hover{border-color:var(--blue)}.rb-back:focus-visible{outline-offset:2px;outline:2px solid #7fc0f5}@media (max-width:620px){.rb-label{display:none}.rb-page{max-width:96px}}.notes{z-index:62;display:none;position:fixed;bottom:1.3rem;right:1.3rem}body.is-reviewing .notes{display:block}.note-tab{cursor:pointer;color:#fff;background:linear-gradient(180deg, var(--blue-hi), var(--blue) 55%, var(--blue-lo));font:600 .92rem/1 var(--body);border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.25rem;display:inline-flex;box-shadow:inset 0 1px #ffffff3d,0 10px 26px -8px #3189d0b3}.note-tab:hover{filter:brightness(1.08)}.note-tab:focus-visible{outline-offset:3px;outline:2px solid #7fc0f5}.note-badge{min-width:20px;height:20px;color:var(--blue);font:700 .72rem/1 var(--body);background:#fff;border-radius:999px;place-items:center;padding:0 5px;display:inline-grid}.note-badge[hidden]{display:none}.note-panel{border:1px solid var(--hair);transform-origin:100% 100%;opacity:0;visibility:hidden;width:min(340px,90vw);max-height:76vh;transition:transform .35s var(--out), opacity .35s ease, visibility .35s ease;background:#0b1520;border-radius:16px;padding:1.2rem 1.15rem;position:absolute;bottom:calc(100% + .7rem);right:0;overflow-y:auto;transform:translateY(12px)scale(.98);box-shadow:0 26px 64px #0009}.notes.is-open .note-panel{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.note-head{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.note-head strong{font-family:var(--display);font-size:1.05rem;font-weight:600}.note-x{color:var(--slate);cursor:pointer;background:0 0;border:0;padding:.2rem;font-size:1.15rem;line-height:1}.note-x:hover{color:var(--ink)}.note-hint{color:var(--slate);margin-bottom:.9rem;font-size:.8rem;line-height:1.45}.note-page,.note-text{width:100%;font:inherit;color:var(--ink);border:1px solid var(--hair);background:#edf2f80b;border-radius:10px;margin-bottom:.55rem;padding:.6rem .7rem}.note-page{font:400 .8rem/1.4 var(--mono);letter-spacing:.06em}.note-text{resize:vertical;min-height:76px;font-size:.92rem}.note-page:focus-visible,.note-text:focus-visible{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #3189d02e}.note-add{cursor:pointer;width:100%;font:600 .9rem/1 var(--body);color:var(--ink);background:#3189d029;border:1px solid #3189d066;border-radius:10px;padding:.65rem;transition:background .2s}.note-add:hover{background:#3189d047}.note-count{font:400 .68rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin:.9rem 0 .5rem}.note-list{flex-direction:column;gap:.45rem;margin:.9rem 0 0;list-style:none;display:flex}.note-list li{border:1px solid var(--hair);background:#edf2f80a;border-radius:9px;align-items:flex-start;gap:.5rem;padding:.5rem .6rem;font-size:.85rem;line-height:1.4;display:flex}.note-list li .body{color:var(--ink);flex:1}.note-list li .pg{font:400 .66rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:.15rem;display:block}.note-list li button{color:var(--slate);cursor:pointer;background:0 0;border:0;padding:0 .1rem;font-size:1rem;line-height:1}.note-list li button:hover{color:#ff9c9c}.note-send{width:100%;margin-top:.5rem;padding:.8rem}.note-send:disabled{opacity:.5;cursor:default;filter:none}.note-status{text-align:center;min-height:1.1rem;color:var(--slate);margin-top:.7rem;font-size:.82rem}.note-status.is-ok{color:#7fe0a8}.note-status.is-bad{color:#ff9c9c}
