@font-face{font-family:Zen Maru Gothic;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/zen-maru-gothic-latin-500-normal-SHJzRquW.woff2)format("woff2"),url(/assets/zen-maru-gothic-latin-500-normal-D59FZFUh.woff)format("woff")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/zen-maru-gothic-latin-700-normal-CSiy1nnP.woff2)format("woff2"),url(/assets/zen-maru-gothic-latin-700-normal-Cb4EHpDE.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/zen-maru-kana-500.woff2)format("woff2");unicode-range:U+30A0-30FF,U+30FB}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/zen-maru-kana-700.woff2)format("woff2");unicode-range:U+30A0-30FF,U+30FB}:root{--paper:#eef3f9;--paper-2:#dfeaf6;--card:#fff;--ink:#131c26;--ink-2:#5c6a78;--sky:#1e8fd5;--sky-deep:#16719f;--sky-soft:#a9d6f2;--sky-tint:#1e8fd51a;--nose:#cf4438;--nose-tint:#cf44381a;--line:#dde7f1;--line-2:#c6d6e6;--tone:#1a568617;--shadow-sm:0 1px 2px #1432520d;--shadow:0 1px 2px #1432520a, 0 14px 34px -22px #14325280;--shadow-lg:0 30px 70px -34px #14325280;--r-lg:22px;--r-xl:30px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.32, .72, 0, 1);--shell:min(1020px, 100% - 48px);--font-display:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, "SFMono-Regular", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-display);color:var(--ink-2);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:500;line-height:1.6}[data-theme=dark]{--paper:#0a1119;--paper-2:#101b26;--card:#131e29;--ink:#e7eff7;--ink-2:#8d9daf;--sky:#5cb8ee;--sky-deep:#86ccf5;--sky-soft:#2a6f9b;--sky-tint:#5cb8ee21;--nose:#e87a6d;--nose-tint:#e87a6d21;--line:#e7eff71c;--line-2:#e7eff733;--tone:#96c8f012;--shadow-sm:0 1px 2px #00000059;--shadow:0 1px 2px #00000059, 0 16px 38px -24px #000000e6;--shadow-lg:0 30px 70px -34px #000000f2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);min-height:100svh;overflow-x:hidden}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(120% 100% at 18% 0%, var(--paper-2) 0%, transparent 68%);height:70vh;position:fixed;inset:0 0 auto}body:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(var(--tone) 1px, transparent 1.1px);background-size:7px 7px;position:fixed;inset:-50%;transform:rotate(12deg);-webkit-mask-image:radial-gradient(90% 70% at 22% 34%,#000 0%,#0000 72%);mask-image:radial-gradient(90% 70% at 22% 34%,#000 0%,#0000 72%)}#root{z-index:1;position:relative}::selection{background:var(--sky-tint);color:var(--ink)}:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:10px}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}h1,h2{color:var(--ink);letter-spacing:-.02em;font-weight:700;line-height:1.14}::view-transition-old(root){animation:none}::view-transition-new(root){animation:bell-wipe .62s var(--ease-soft)}@keyframes bell-wipe{0%{clip-path:circle(0 at var(--vt-x,50%) var(--vt-y,0))}to{clip-path:circle(var(--vt-r,150vmax) at var(--vt-x,50%) var(--vt-y,0))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{opacity:0}.shell.ready{opacity:1;transition:opacity .5s}.collar{z-index:60;height:0;position:fixed;top:0;left:0;right:0}.collar-line{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--nose) 45%, transparent) 34%, var(--nose) 82%);transform-origin:100%;height:2px;animation:collar-draw .85s var(--ease-soft) .1s backwards;position:absolute;top:0;left:0;right:0}@keyframes collar-draw{0%{transform:scaleX(0)}}.collar-bell{flex-direction:column;align-items:center;display:flex;position:absolute;top:0;right:clamp(20px,5vw,64px)}.thread{background:var(--nose);transform-origin:top;width:1.5px;height:14px;animation:thread-drop .5s var(--ease-soft) .5s backwards}@keyframes thread-drop{0%{transform:scaleY(0)}}.bell{filter:drop-shadow(0 5px 11px #78580c42);width:40px;height:40px;animation:bell-drop .9s var(--ease) .45s backwards;transition:transform .35s var(--ease), filter .3s ease;border-radius:50%;display:block}@keyframes bell-drop{0%{opacity:0;transform:translateY(-26px)rotate(-24deg)}}.bell-svg{width:100%;height:100%;display:block}.bell:hover{filter:drop-shadow(0 8px 15px #78580c57);transform:rotate(-9deg)scale(1.04)}.bell:active{animation:ring .6s var(--ease)}@keyframes ring{0%,to{transform:rotate(0)}22%{transform:rotate(-15deg)}52%{transform:rotate(11deg)}78%{transform:rotate(-5deg)}}.riin{font-family:var(--font-display);letter-spacing:.1em;color:var(--nose);white-space:nowrap;pointer-events:none;animation:riin 1.4s var(--ease-soft) .15s forwards;font-size:.8rem;font-weight:700;position:absolute;top:12px;right:40px}@keyframes riin{0%{opacity:0;transform:translate(0)rotate(-5deg)scale(.86)}22%{opacity:1}to{opacity:0;transform:translate(-22px,-20px)rotate(-13deg)scale(1.08)}}.hero{align-items:center;min-height:100svh;padding:104px 0 88px;display:grid;position:relative}.hero-inner{z-index:1;width:fit-content;max-width:var(--shell);grid-template-columns:252px minmax(0,auto);align-items:center;gap:clamp(30px,5vw,62px);margin-inline:auto;display:grid;position:relative}.sticker{perspective:1000px;animation:rise 1s var(--ease) .15s backwards;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.96)}}.sticker-frame{background:var(--card);border-radius:var(--r-xl);box-shadow:0 0 0 1px var(--line), var(--shadow-lg);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s var(--ease), box-shadow .45s var(--ease);padding:9px;position:relative;overflow:hidden}.sticker:hover .sticker-frame{box-shadow:0 0 0 1px var(--line), var(--shadow-lg), 0 0 0 7px var(--sky-tint)}.sticker-frame img{aspect-ratio:1;object-fit:cover;border-radius:22px;width:100%;height:auto;display:block}[data-theme=dark] .sticker-frame img{filter:brightness(.94)saturate(.98)}.sheen{pointer-events:none;transition:transform .95s var(--ease-soft);background:linear-gradient(104deg,#0000 40%,#ffffff80 50%,#0000 60%);position:absolute;inset:0;transform:translate(-125%)}.sticker:hover .sheen{transform:translate(125%)}.hero-copy{min-width:0}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sky-deep);align-items:center;gap:11px;margin-bottom:20px;font-size:.66rem;animation:.8s .7s backwards fade;display:flex}.eyebrow .kana{font-family:var(--font-display);letter-spacing:.08em;text-transform:none;font-size:.82rem;font-weight:500}.eyebrow .tick{opacity:.5;background:currentColor;width:14px;height:1px}@keyframes fade{0%{opacity:0}}.bubble{background:var(--card);max-width:100%;box-shadow:0 0 0 1px var(--line), var(--shadow);animation:pop .65s var(--ease) .5s backwards;border-radius:26px;padding:17px 30px 20px;display:inline-block;position:relative}@keyframes pop{0%{opacity:0;transform:scale(.94)translateY(6px)}}.bubble:before,.bubble:after{content:"";border-style:solid;position:absolute;top:46%}.bubble:before{border-width:10px 14px 10px 0;border-color:transparent var(--line) transparent transparent;left:-14px}.bubble:after{border-width:9px 13px 9px 0;border-color:transparent var(--card) transparent transparent;left:-12.6px}.bubble h1{white-space:nowrap;font-size:clamp(1.72rem,4.5vw,2.9rem);font-weight:700}.bubble h1 em{color:var(--sky);font-style:normal}.caret{vertical-align:-.06em;background:var(--nose);border-radius:2px;width:2.5px;height:.86em;margin-left:5px;animation:1.05s step-end infinite blink;display:inline-block}.caret.rest{opacity:.28}@keyframes blink{50%{opacity:0}}.tagline{color:var(--ink-2);margin:22px 0 30px;font-size:clamp(1rem,2vw,1.12rem)}.tagline .ch{white-space:pre;opacity:0;filter:blur(7px);transition:opacity .5s,filter .5s,transform .5s;display:inline-block;transform:translateY(5px)}.tagline .ch.in{opacity:1;filter:blur();transform:none}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);font-family:var(--font-display);box-shadow:var(--shadow-sm);transform:translate(var(--mx,0px), calc(var(--my,0px) - var(--lift,0px)));transition:transform .3s var(--ease-soft), box-shadow .3s var(--ease), border-color .25s ease, background .25s ease, color .25s ease;border-radius:999px;align-items:center;gap:9px;padding:12px 22px;font-size:.92rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{--lift:2px;border-color:var(--line-2);box-shadow:var(--shadow)}.btn:active{--lift:0px;box-shadow:var(--shadow-sm)}.btn-primary{background:var(--sky);color:#fff;box-shadow:inset 0 1px 0 #ffffff3d, 0 10px 24px -14px var(--sky);border-color:#0000}.btn-primary:hover{background:color-mix(in srgb, var(--sky) 90%, #000);box-shadow:inset 0 1px 0 #ffffff3d, 0 14px 28px -14px var(--sky);border-color:#0000}[data-theme=dark] .btn-primary{color:#071019}[data-theme=dark] .btn-primary:hover{background:color-mix(in srgb, var(--sky) 88%, #fff)}.btn.wide{justify-content:center;width:100%}.btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.arrow{transition:transform .28s var(--ease)}.btn:hover .arrow{transform:translate(2px,-2px)}.actions{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);flex-wrap:wrap;gap:12px;display:flex;transform:translateY(10px)}.actions.in{opacity:1;transform:none}.socials{gap:4px;margin-top:28px;list-style:none;display:flex}.socials li{opacity:0;transform:translateY(10px)}.socials.in li{animation:fade-up .5s var(--ease) forwards;animation-delay:calc(var(--i) * 70ms)}@keyframes fade-up{to{opacity:1;transform:none}}.socials a,.socials button{width:40px;height:40px;color:var(--ink-2);transition:color .25s ease, background .3s var(--ease), transform .3s var(--ease);border-radius:13px;place-items:center;text-decoration:none;display:grid;position:relative}.socials a:hover,.socials button:hover{color:var(--sky);background:var(--sky-tint);transform:translateY(-2px)}.socials svg{fill:currentColor;width:18px;height:18px}.tip{background:var(--ink);color:var(--paper);font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s var(--ease);border-radius:8px;padding:3px 9px;font-size:.6rem;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px)}.socials a:hover .tip,.socials button:hover .tip,.socials a:focus-visible .tip,.socials button:focus-visible .tip{opacity:1;transform:translate(-50%)}.baseline{width:var(--shell);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2);opacity:0;justify-content:space-between;gap:14px;font-size:.62rem;transition:opacity .9s .2s;display:flex;position:absolute;bottom:28px;left:50%;translate:-50%}.baseline.in{opacity:1}.live{background:var(--nose);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:9px;animation:2.6s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.25}}.overlay{z-index:100;-webkit-backdrop-filter:blur(10px);background:#0c1a2870;place-items:center;padding:20px;animation:.25s fade;display:grid;position:fixed;inset:0}.dcard{background:var(--card);border-radius:var(--r-lg);width:min(330px,100%);box-shadow:0 0 0 1px var(--line), var(--shadow-lg);animation:card-in .4s var(--ease);position:relative;overflow:hidden}@keyframes card-in{0%{opacity:0;transform:scale(.96)translateY(10px)}}.dclose{z-index:2;color:#fff;width:28px;height:28px;transition:background .2s ease, transform .2s var(--ease);background:#0c1a2852;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.dclose:hover{background:#0c1a288c;transform:scale(1.06)}.dclose svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:13px;height:14px}.dbanner{background:linear-gradient(112deg, var(--sky-soft) 0%, var(--paper-2) 62%, var(--nose-tint) 100%);border-bottom:1px solid var(--line);height:86px}.davatar{width:84px;margin:-44px auto 0;position:relative}.davatar img{border:4px solid var(--card);object-fit:cover;width:84px;height:84px;box-shadow:var(--shadow-sm);border-radius:50%;display:block}.dstatus{border:3px solid var(--card);background:#46a05e;border-radius:50%;width:16px;height:16px;position:absolute;bottom:3px;right:3px}.dbody{text-align:center;padding:14px 24px 24px}.dbody h2{font-size:1.2rem}.dbody p{margin:6px 0 16px;font-size:.86rem}@media (width<=880px){.hero-inner{grid-template-columns:1fr;justify-items:start;gap:32px}.sticker{width:168px}.bubble{margin-top:10px}.bubble:before,.bubble:after{top:auto;left:38px}.bubble:before{border-width:0 10px 14px;border-color:transparent transparent var(--line) transparent;bottom:100%}.bubble:after{border-width:0 9px 13px;border-color:transparent transparent var(--card) transparent;bottom:calc(100% - 1.4px)}.bubble h1{white-space:normal}}@media (width<=560px){:root{--shell:min(1020px, 100% - 32px)}.hero{padding:92px 0 76px}.eyebrow{flex-direction:column;align-items:flex-start;gap:5px}.eyebrow .tick,.baseline-right{display:none}}@media (prefers-reduced-motion:reduce){.caret,.live{animation:none!important}.sticker-frame{transform:none}.sheen{display:none}}