@font-face{font-family:Pug Note;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/kalam-latin-400.BthBl_aR.woff2)format("woff2")}.note{--note-paper:#0b172a;--note-paper-soft:#0d1b32;--note-blue:#89a7ff;--note-blue-deep:#253e86;--note-ink:#f4f4f6;--note-muted:#8295bd;isolation:isolate;border:1px solid var(--note-blue-deep);background:repeating-linear-gradient(-45deg, var(--note-blue) 0 13px, var(--note-paper) 13px 26px, var(--note-blue-deep) 26px 39px, var(--note-paper) 39px 52px);box-shadow:0 14px 34px color-mix(in srgb, var(--note-paper) 16%, transparent);border-radius:22px;margin-top:56px;padding:8px;position:relative;overflow:clip}.note__paper{background:linear-gradient(125deg, var(--note-paper), var(--note-paper-soft));min-height:342px;color:var(--note-ink);border-radius:14px;padding:32px 38px;font-family:Pug Note,Segoe Print,cursive;position:relative;overflow:clip}.note__body{width:100%}.note__thanks{width:fit-content;color:var(--note-blue);letter-spacing:0;text-underline-offset:3px;text-decoration-skip-ink:auto;margin:0 0 14px;font:400 40px/1.25 Pug Note,Segoe Print,cursive;text-decoration:underline 2px}.note__lead{color:var(--note-ink);margin:0;font-size:19px;line-height:1.5}.note__discord{width:62%;max-width:630px;margin-top:23px}.note__discord-title{color:var(--note-blue);letter-spacing:0;margin:0;font:400 25px/1.35 Pug Note,Segoe Print,cursive}.note__list{color:var(--note-ink);gap:7px;margin:14px 0 0;padding:0;font-size:20px;line-height:1.5;list-style:none;display:grid}.note__list li{align-items:flex-start;gap:14px;display:flex}.note__list-icon{width:27px;height:27px;color:var(--note-blue);flex:0 0 27px;margin-top:1px;overflow:visible}.note__list strong{color:var(--note-blue);font-weight:inherit;text-underline-offset:3px;text-decoration-skip-ink:auto;text-decoration:underline 1px}.note__personal{width:fit-content;max-width:29%;color:var(--note-blue);font-size:18px;line-height:1.4;position:absolute;top:51%;left:53%}.note__personal p{margin:0 0 10px}.note__video-row{align-items:flex-start;gap:8px;padding-left:5px;display:flex}.note__video-arrow{flex:0 0 32px;width:32px;height:32px}.note__video-link{border:1.5px dashed var(--note-blue);min-height:38px;color:var(--note-blue);font:inherit;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:3px 14px;text-decoration:none;transition:box-shadow .16s,background-color .16s;display:inline-flex}.note__video-link svg{width:19px;height:19px}.note__video-label{transform:translateY(1px)}.note__video-link:hover{background:color-mix(in srgb, var(--note-blue) 10%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--note-blue) 25%, transparent)}.note__hello{color:var(--note-ink);pointer-events:none;font-size:18px;line-height:1.2;position:absolute;bottom:183px;right:36px;transform:rotate(-8deg)}.note__hello svg{width:22px;height:22px;margin:4px 0 0 46px;display:block}.note__sign{align-items:center;gap:8px;display:flex;position:absolute;bottom:34px;right:235px;transform:rotate(-5deg)}.note__signature{color:var(--note-ink);font-family:Caveat,Segoe Script,cursive;font-size:48px;font-weight:600;line-height:1.1;display:block}.note__paw{width:28px;height:28px;color:var(--note-blue)}.note__controls{z-index:2;gap:2px;display:flex;position:absolute;top:29px;right:112px}.note__close,.note__sound{width:36px;height:36px;color:var(--note-muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .16s,color .16s,background-color .16s;display:grid}.note:hover .note__controls button,.note__controls button:focus-visible{opacity:1}.note__controls button:hover{color:var(--note-ink);background:color-mix(in srgb, var(--note-blue) 12%, transparent)}.note__close .ico,.note__sound svg{width:18px;height:18px}.note__sound-muted,.note__sound[hidden],.note__sound[aria-pressed=true] .note__sound-on{display:none}.note__sound[aria-pressed=true] .note__sound-muted{display:block}.note button:focus-visible,.note a:focus-visible{outline:2px solid var(--note-blue);outline-offset:3px;opacity:1}.note__player{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px 16px 0 0;width:224px;height:218px;padding:0;position:absolute;bottom:-20px;right:10px;overflow:visible}.note__player img{transform-origin:50% 100%;width:calc(100% - 20px);max-width:none;height:auto;margin-inline:10px;transition:transform .28s cubic-bezier(.2,.8,.3,1);display:block;transform:translateY(14px)rotate(-3deg)}.note__player:not(:disabled):hover img,.note__player:focus-visible img{transform:translateY(6px)rotate(0)}.note__player:disabled{cursor:default}.note-fireworks{z-index:60;pointer-events:none;position:fixed;inset:0}.note__stamp{background:var(--note-blue-deep);width:64px;height:64px;color:var(--note-blue);filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--note-paper) 40%, transparent));padding:6px;position:absolute;top:25px;right:28px;mask-image:radial-gradient(circle at 0,#0000 4px,#000 4.7px),radial-gradient(circle at 100%,#0000 4px,#000 4.7px),radial-gradient(circle at 50% 0,#0000 4px,#000 4.7px),radial-gradient(circle at 50% 100%,#0000 4px,#000 4.7px);mask-size:100% 11px,100% 11px,11px 100%,11px 100%;mask-repeat:repeat-y,repeat-y,repeat-x,repeat-x;mask-composite:intersect}.note__stamp-print{border:1px solid var(--note-blue);background:var(--note-blue-deep);width:100%;height:100%;box-shadow:inset 0 0 0 2px var(--note-paper), inset 0 0 0 3px var(--note-blue);place-items:center;display:grid}.note__logo{width:44px;height:44px;display:block}.note-replay{z-index:80;border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:44px;color:var(--color-ink);box-shadow:0 6px 20px color-mix(in srgb, var(--color-ink) 12%, transparent);font:600 13px var(--font-body);cursor:pointer;border-radius:12px;padding:10px 16px;position:fixed;bottom:18px;right:18px}.note-replay[hidden]{display:none}.note-replay:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.note-replay:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}@media (width<=1150px){.note__paper{min-height:420px;padding-bottom:116px}.note__discord{width:75%;max-width:620px}.note__personal{width:auto;max-width:calc(100% - 460px);top:auto;bottom:38px;left:38px}.note__hello{right:20px}.note__sign{bottom:36px;right:225px}.note__signature{font-size:40px}}@media (width>=769px) and (width<=900px){.note__paper{padding-bottom:144px}}@media (width<=768px){.note__paper{padding:96px 28px 144px}.note__discord{width:auto;max-width:none}.note__thanks{font-size:35px}.note__personal{width:fit-content;max-width:none;margin-top:24px;position:relative;top:auto;bottom:auto;left:auto}.note__sign{bottom:55px;left:28px;right:auto}.note__hello{bottom:158px;right:30px}.note__player{width:190px;height:185px}}@media (width<=480px){.note{border-radius:18px;margin-top:36px;padding:6px}.note__paper{border-radius:12px;padding:86px 21px 178px}.note__thanks{margin-bottom:15px;font-size:clamp(26px,7.7vw,30px)}.note__lead{font-size:18px;line-height:1.55}.note__discord{margin-top:24px}.note__discord-title{font-size:22px;line-height:1.35}.note__list{gap:12px;font-size:18px;line-height:1.45}.note__list li{gap:12px}.note__list-icon{flex-basis:24px;width:24px;height:24px}.note__personal{margin-top:25px;font-size:18px}.note__controls{top:26px;right:88px}.note__stamp{width:54px;height:54px;padding:5px;top:22px;right:20px}.note__logo{width:34px;height:34px}.note__sign{gap:7px;bottom:41px;left:21px}.note__signature{font-size:clamp(24px,16vw - 28px,32px)}.note__paw{width:clamp(18px,5.6vw,21px);height:clamp(18px,5.6vw,21px)}.note__hello{font-size:16px;bottom:111px;right:20px}.note__player{width:140px;height:135px;bottom:-13px;right:2px}}@media (hover:none),(pointer:coarse){.note__controls button{width:44px;height:44px}.note__video-link{min-height:44px}}@media (prefers-reduced-motion:reduce){.note__controls button,.note__player img,.note__video-link{transition:none}.note__player:hover img,.note__player:focus-visible img{transform:translateY(14px)rotate(-3deg)}}.note-dismiss{z-index:100;pointer-events:none;perspective:1400px;position:fixed;inset:0;overflow:clip}.note-dismiss__letter{box-sizing:border-box;transform-origin:50%;backface-visibility:hidden;will-change:transform;margin:0;animation:.76s linear both note-dismiss-flight;position:absolute}.note-dismiss__letter .note__controls{visibility:hidden}@keyframes note-dismiss-flight{0%{animation-timing-function:cubic-bezier(.22,.8,.28,1);transform:translate(0,0)rotateX(0)rotateY(0)rotate(0)scale(1)}25%{animation-timing-function:cubic-bezier(.55,0,.85,.5);transform:translate3d(-10px,14px,-55px)rotateX(5deg)rotateY(-2deg)rotate(-2deg)scale(.94)}to{transform:translate3d(var(--note-dismiss-flight-x), var(--note-dismiss-flight-y), -160px) rotateX(7deg) rotateY(4deg) rotateZ(-14deg) scale(.76)}}
