@property --capsule-accent{syntax:"<color>";inherits:true;initial-value:#a9ff63}@property --capsule-glow-angle{syntax:"<angle>";inherits:true;initial-value:0deg}.web-suzu{z-index:70;pointer-events:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--capsule-accent:#a9ff63;width:min(360px,100vw - 16px);height:284px;transition:--capsule-accent var(--capsule-accent-duration,12s) ease-in-out;font-family:inherit;position:fixed;top:50%;right:0;transform:translateY(-50%)}.web-suzu *,.web-suzu :before,.web-suzu :after{box-sizing:border-box}.web-suzu__frame{border-radius:10px 0 0 10px;max-width:100%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.web-suzu__halo{z-index:-1;border-radius:inherit;background:var(--capsule-accent);filter:blur(var(--capsule-halo-blur,12px));opacity:var(--capsule-halo-opacity,.7);transform:translate(var(--capsule-halo-x,0px), var(--capsule-halo-y,0px)) scale(var(--capsule-halo-scale,1));transition:opacity var(--capsule-halo-duration,10s) ease-in-out, filter var(--capsule-halo-duration,10s) ease-in-out, transform var(--capsule-halo-duration,10s) ease-in-out;pointer-events:none;position:absolute;inset:-4px}.dark .web-suzu__halo{opacity:var(--capsule-halo-opacity,.85)}.web-suzu__frame[data-speaking=true] .web-suzu__halo{opacity:.2}.web-suzu__shell{color:#fff;border-radius:inherit;isolation:isolate;pointer-events:auto;background:#000;position:absolute;inset:0;overflow:hidden;box-shadow:0 6px 20px #0002}.web-suzu__sweep{border-radius:inherit;background:conic-gradient(from var(--capsule-glow-angle), transparent 0deg, var(--capsule-accent) 40deg, var(--capsule-accent) 75deg, var(--capsule-accent) 100deg, transparent 130deg);opacity:0;pointer-events:none;padding:1.5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.web-suzu__frame[data-speaking=true] .web-suzu__sweep{opacity:1;animation:3s linear infinite web-suzu-glow}@keyframes web-suzu-glow{to{--capsule-glow-angle:360deg}}.web-suzu button{color:inherit;font:inherit;cursor:pointer}.web-suzu button:focus-visible{outline-offset:-3px;outline:2px solid #cbb5f5}.web-suzu button:disabled{cursor:default;opacity:.35}.web-suzu__rest{background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.web-suzu__eye,.web-suzu__mouth{transition:fill .3s,filter .3s}svg[data-speaking=true] .web-suzu__eye,svg[data-speaking=true] .web-suzu__mouth{fill:#c9a8ff;filter:drop-shadow(0 0 4px #b98cffe6)}svg[data-angry=true] .web-suzu__eye,svg[data-angry=true] .web-suzu__mouth{fill:#ff3030;filter:drop-shadow(0 0 4px #ff3030e6)}svg[data-angry=true]{animation:.11s linear infinite web-suzu-tremble}@keyframes web-suzu-tremble{0%,to{translate:0}25%{translate:-1.6px .5px}50%{translate:1.4px -.6px}75%{translate:-1px -.4px}}svg[data-fury=true]{animation:80ms linear infinite web-suzu-fury-tremble}@keyframes web-suzu-fury-tremble{0%,to{translate:0}25%{translate:-2.6px .8px}50%{translate:2.4px -.9px}75%{translate:-1.8px -.6px}}.web-suzu__smoke circle{fill:#e6e1ee;opacity:0;transform-box:fill-box;transform-origin:50%;pointer-events:none}svg[data-fury=true] .web-suzu__smoke circle{animation:1.2s ease-out infinite backwards web-suzu-smoke}@keyframes web-suzu-smoke{0%{opacity:0;transform:translateY(4px)scale(.45)}22%{opacity:.85}to{opacity:0;transform:translate(var(--dx,0px), -44px) scale(2.1)}}@media (prefers-reduced-motion:reduce){svg[data-angry=true],svg[data-fury=true]{animation:none}svg[data-fury=true] .web-suzu__smoke circle{opacity:.45;animation:none}}.web-suzu__character .web-suzu__eye{fill:var(--capsule-accent)}.web-suzu__character{z-index:2;pointer-events:none;width:36px;height:48px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.web-suzu__message{padding:18px 52px 18px 18px;transition:opacity .14s;position:absolute;inset:0}.web-suzu__frame:not([data-phase=rest]) .web-suzu__rest,.web-suzu__frame:not([data-phase=message]) .web-suzu__message{opacity:0;pointer-events:none}.web-suzu__header{justify-content:space-between;align-items:center;gap:8px;height:28px;display:flex}.web-suzu__source{color:#e5e5e9;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.web-suzu__demo-dot{background:#c8a6f2;border-radius:50%;width:5px;height:5px}.web-suzu__demo-label{color:#7f7a8a;letter-spacing:.08em;font-size:8px;font-weight:500}.web-suzu__header>button{color:#a1a1aa;background:#ffffff0d;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.web-suzu__header>button:hover{color:#fff;background:#ffffff1f}.web-suzu__project{color:#8d8799;margin-top:1px;font-size:10px;display:block}.web-suzu__text{letter-spacing:-.01em;min-height:78px;max-height:90px;margin:22px 0 16px;font-size:16px;font-weight:400;line-height:1.45;overflow-y:auto}.web-suzu__actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.web-suzu__actions>button{background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:32px;height:32px;padding:0 10px;font-size:11px;display:inline-flex}.web-suzu__audio-status{color:#9a92a7;flex-basis:100%;margin-top:3px;font-size:10px}.web-suzu__demos{gap:5px;margin-top:14px;display:flex}.web-suzu__demos button{color:#a9a1b6;background:0 0;border:1px solid #ffffff12;border-radius:8px;flex:1;height:26px;font-size:10px}.web-suzu__demos button:hover,.web-suzu__demos button[aria-pressed=true]{color:#dfc8fc;background:#cbb5f516;border-color:#cbb5f533}.web-suzu__teaser{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#eadcf9;pointer-events:none;background:#000c;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;line-height:1.2;animation:4.5s both web-suzu-teaser;display:flex;position:absolute;bottom:calc(50% + 38px);right:8px}@keyframes web-suzu-teaser{0%{opacity:0;transform:translateY(5px)}15%,75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.web-suzu__halo,.web-suzu__frame[data-speaking=true] .web-suzu__sweep,.web-suzu__teaser{animation:none}.web-suzu,.web-suzu__message,.web-suzu__halo,.web-suzu__sweep{transition:none}}.web-suzu__frame{transform-origin:100%;transition:border-radius .18s}.web-suzu[data-travelling=true] .web-suzu__frame{border-radius:16px;animation:1.1s linear both web-suzu-stick}@keyframes web-suzu-stick{0%{transform:translateY(-50%)scale(1)}12%{transform:translateY(-50%)scale(.94,1.05)rotate(-2deg)}32%{transform:translateY(-50%)scale(1.025,.98)rotate(-3deg)}70%{transform:translateY(-50%)scale(1)rotate(1deg)}86%{transform:translateY(-50%)scale(1.04,.97)rotate(0)}94%{transform:translateY(-50%)scale(.99,1.015)}to{transform:translateY(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.web-suzu__frame{transition:none}.web-suzu[data-travelling=true] .web-suzu__frame{animation:none}}.suzu-companion-host{z-index:70;pointer-events:none;position:fixed;inset:0}.suzu-companion-host[data-attached=true]{position:absolute}.suzu-companion-host>.web-suzu{max-width:calc(100% - 16px);position:absolute;top:50%;right:0}.gradient-ascii-container{width:100%;height:100%;position:relative;overflow:hidden}.gradient-ascii-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.suzu-states{color:#fff;background:#0c0913;padding:72px 24px 36px;scroll-margin-top:64px}.suzu-states-wave{pointer-events:none;opacity:.38;position:absolute;inset:0}.suzu-states-content{max-width:1280px;margin:0 auto;position:relative}.suzu-states-eyebrow{color:#b7a9cc;margin-bottom:16px;font-size:14px}.suzu-states h2{letter-spacing:-.035em;font-size:clamp(38px,5vw,72px);font-weight:500;line-height:1.08}.suzu-states-intro{color:#b8b0c5;margin-top:20px;font-size:20px}.suzu-states-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:36px;margin:28px 0 30px;display:grid}.suzu-states-character{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}#suzu-state-anchor{width:200px;height:200px}.suzu-states-copy{transition:color .9s}.suzu-states-status{text-transform:uppercase;letter-spacing:.12em;justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex}.suzu-states h3{color:#fff;margin-top:16px;font-size:clamp(24px,2.6vw,34px);font-weight:500;line-height:1.2}.suzu-states-description{color:#c1b9cc;max-width:370px;min-height:52px;margin:14px auto 0;font-size:17px;line-height:1.55}.suzu-states-message{text-align:left;background:#17131fef;border-radius:20px;width:min(100%,370px);min-height:128px;margin-top:24px;padding:18px 22px;box-shadow:0 8px 36px #0003}.suzu-states-source{color:#e3ddea;align-items:center;gap:8px;font-size:12px;display:flex}.suzu-states-source img{width:16px;height:16px}.suzu-states-source span{color:#aaa0b8}.suzu-states-message>p{margin-top:12px;font-size:18px;line-height:1.4}.suzu-states-reply{color:#cbc0de;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.suzu-states-computer{min-width:0}.suzu-states-screen-label{z-index:5;pointer-events:none;background:#121017ed;border-left:2px solid;border-radius:10px;width:43%;padding:10px 12px;transition:border-color .9s;position:absolute;top:52%;right:13%}.suzu-states-screen-label>span{align-items:center;gap:5px;font-size:clamp(8px,.9vw,12px);transition:color .9s;display:flex}.suzu-states-screen-label p{margin-top:5px;font-size:clamp(9px,1vw,13px);line-height:1.4}.suzu-states-caption{text-align:center;color:#b9aec9;margin-top:16px;font-size:13px}.suzu-states-caption span{color:#91859f;margin-top:5px;font-size:11px;display:block}.suzu-states-controls{justify-content:center;align-items:center;gap:24px;display:flex}.suzu-states-choices{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,760px);display:grid}.suzu-states-choices button{color:#bfb5cc;cursor:pointer;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;gap:10px;padding:18px 12px;font-size:15px;display:flex;position:relative}.suzu-states-choices button:hover{color:#fff;background:#ffffff06}.suzu-states button:focus-visible,.suzu-states a:focus-visible{outline-offset:5px;border-radius:8px;outline:2px solid #d1b9ff}.suzu-states-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.suzu-states-progress{transform-origin:0;background:currentColor;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.suzu-states-progress.is-running{animation:linear both suzu-state-progress}.suzu-states-pause{cursor:pointer;background:#ffffff08;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.suzu-states-hint{text-align:center;color:#a69ab7;margin-top:22px;font-size:12px}.hero-mascot[data-position=scene] .web-suzu__eye{fill:var(--scene-color);filter:drop-shadow(0 0 5px var(--scene-color));transition:fill .9s,filter .9s}.hero-mascot[data-position=scene] svg{transform:scale(1)}.hero-mascot[data-position=scene] .hero-mascot-glow{display:none}@keyframes suzu-state-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=767px){.suzu-states{padding:64px 20px 40px}.suzu-states-intro{font-size:17px}.suzu-states-columns{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:24px;margin-bottom:28px}#suzu-state-anchor{width:190px;height:190px}.suzu-states-description{min-height:54px;font-size:16px}.suzu-states-controls{gap:10px}.suzu-states-choices button{flex-direction:column;gap:8px;padding:14px 4px;font-size:12px}.suzu-states-pause{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.suzu-states *,.hero-mascot[data-position=scene] .web-suzu__eye{transition:none!important;animation:none!important}}.suzu-states :is(.suzu-states-eyebrow,.suzu-states-intro,.suzu-states-status,.suzu-states-description,.suzu-states-source,.suzu-states-reply,.suzu-states-caption,.suzu-states-caption span,.suzu-states-hint),.suzu-states .suzu-states-message>p,.suzu-states .suzu-states-choices button{font-size:var(--site-copy-size)}@media (width<=420px){.suzu-states-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
