.core-loop.section{--core-surface:#e1e1dd;--core-inset:#ececec;--core-motion:cubic-bezier(.22, .75, .18, 1);--core-travel:.96s;--core-pad:clamp(16px, 4svh, 42px);--core-heading:clamp(28px, 4.6svh, 44px);--core-room:calc(var(--landing-section-height,100svh - 126px) - var(--core-pad) * 2 - var(--core-heading) * 2.06 - 24px - 44px);padding-block:var(--core-pad);overflow:clip}.core-loop h2{z-index:2;font-size:var(--core-heading);position:relative}.core-loop>.wrap{container-type:inline-size}.core-scene{width:min(100%, 1040px, var(--core-room) * 1.81818);aspect-ratio:1000/550;isolation:isolate;margin:24px auto 0;position:relative;container-type:inline-size}.core-mascot{transform-origin:50% 65%;width:19%;transition:transform var(--core-travel) var(--core-motion), opacity .54s ease;background:0 0;border-radius:18px;padding:0;position:absolute;top:0;left:0}.core-mascot:disabled{cursor:default}.core-mascot:not(:disabled):hover>svg{filter:drop-shadow(0 3px 6px #fe670022)}.core-mascot>svg{width:100%;height:auto;overflow:visible}.core-mascot-primary{z-index:2;transform:translate(11.5cqw,9cqw)scale(1)}.core-mascot-secondary,.core-mascot-tertiary{opacity:0;pointer-events:none;transform:translate(11.5cqw,9cqw)scale(.65)}.core-loop[data-detail=false] .core-mascot-primary{transition-delay:.1s;transform:translate(11.5cqw,12cqw)scale(.76)}.core-loop[data-detail=false] .core-mascot-secondary{opacity:1;pointer-events:auto;transition-delay:.14s;transform:translate(40.5cqw,12cqw)scale(.76)}.core-loop[data-detail=false] .core-mascot-tertiary{opacity:1;pointer-events:auto;transition-delay:.2s;transform:translate(69.5cqw,12cqw)scale(.76)}.core-overview-arrow{width:3%;color:var(--accent);opacity:0;transition:opacity .28s ease, transform .5s var(--core-motion);position:absolute;top:18cqw;transform:scale(.65)}.core-overview-arrow-first{left:34%}.core-overview-arrow-last{left:63%}.core-loop[data-detail=false] .core-overview-arrow{opacity:1;transition-delay:.38s;transform:none}.core-overview-labels{opacity:0;transition:opacity .28s ease, transform .45s var(--core-motion);grid-template-columns:repeat(3,29%);justify-content:center;display:grid;position:absolute;inset:24.5cqw 0 auto;transform:translateY(-10px)}.core-overview-labels button{min-height:44px;color:var(--ink);background:0 0;padding:10px 0;font-size:clamp(13px,2.15cqw,25px);font-weight:500;transition:color .18s,transform .18s}.core-overview-labels button:hover{color:#b64300;transform:translateY(-2px)}.core-loop[data-detail=false] .core-overview-labels{opacity:1;transition-delay:.38s;transform:none}.core-navigation{background:var(--core-surface);opacity:1;width:42%;height:6.5cqw;min-height:52px;transition:opacity .34s ease .22s, transform .65s var(--core-motion) .12s;border-radius:20px;grid-template-columns:64px 1fr 64px;align-items:center;display:grid;position:absolute;top:31cqw;left:0;transform:none}.core-loop[data-detail=false] .core-navigation{opacity:0;pointer-events:none;transition-delay:0s;transform:translateY(-18px)scale(.96)}.core-navigation button{color:#000;border-radius:inherit;background:0 0;place-items:center;width:100%;height:100%;min-height:44px;padding:13px;transition:background .18s,transform .18s;display:grid}.core-navigation button:hover{background:#ffffff4d}.core-navigation button:active{transform:scale(.9)}.core-navigation button svg{width:28px;height:28px}.core-stage-label{color:#000;font-size:min(var(--core-heading) * .75, clamp(16px, 2.5cqw, 30px));letter-spacing:-.035em;font-weight:500;transition:color .25s;display:grid}.core-stage-label[data-muted=true]{color:#767673}.core-stage-label span,.core-action-caption span{opacity:0;transition:opacity .22s ease, transform .4s var(--core-motion);pointer-events:none;grid-area:1/1;transform:translateY(8px)}.core-stage-label span[data-active=true],.core-action-caption span[data-active=true]{opacity:1;transform:none}.core-action-caption{width:44%;font-size:min(var(--core-heading) * .8, clamp(17px, 2.9cqw, 30px));letter-spacing:-.03em;pointer-events:none;align-items:end;font-weight:500;line-height:1.15;display:grid;position:absolute;top:25.7cqw;left:-1%}.core-panel{aspect-ratio:750/800;background:var(--core-surface);opacity:1;width:50%;transition:opacity .42s ease .1s, transform var(--core-travel) var(--core-motion);border-radius:30px;position:absolute;top:0;right:0;overflow:clip;transform:none;container-type:inline-size}.core-loop[data-detail=false] .core-panel{opacity:0;pointer-events:none;transition-delay:0s;transform:translateY(28px)scale(.96)}.core-input{z-index:4;background:var(--core-inset);width:66%;height:8%;transition:transform .9s var(--core-motion);border-radius:999px;align-items:center;gap:8px;padding:0 1.4cqw 0 3.3cqw;display:flex;position:absolute;top:24%;left:17%;transform:none}.core-loop[data-choosing=true] .core-input{transform:translateY(-19.2cqw)}.core-input-text{letter-spacing:-.025em;color:#171717;white-space:pre;text-align:left;flex:1;min-width:0;font-size:3.15cqw;position:relative}.core-input-measure{visibility:hidden;white-space:pre;position:absolute}.core-input-letters{white-space:pre}.core-input-letters span{opacity:0;transition:opacity .1s linear,transform .15s ease-out;display:inline-block;transform:translateY(3px)}.core-input-letters span[data-visible=true]{opacity:1;transform:none}.core-caret{background:#2499f4;width:1.5px;height:84%;transition:transform .125s cubic-bezier(.16,1,.3,1);position:absolute;top:10%;left:1px}.core-send{color:#fff;background:#2499f4;border-radius:999px;flex:none;place-items:center;width:7.8cqw;height:5.9cqw;display:grid}.core-send svg{width:5.1cqw;height:5.1cqw}.core-keyboard{aspect-ratio:426/244;opacity:1;width:76%;transition:opacity .3s ease, transform .65s var(--core-motion);background:#d9d9da;border-radius:4cqw;position:absolute;top:38%;left:12%;transform:perspective(650px)rotateX(5deg)}.core-loop:not([data-state=write]) .core-keyboard{opacity:0;pointer-events:none;transform:perspective(650px)rotateX(5deg)translateY(-12px)scale(.94)}.core-key{left:var(--kx);top:var(--ky);width:var(--kw);height:var(--kh);color:#61615f;background:#ffffff80;border-radius:1.45cqw;place-items:center;font-size:4.3cqw;font-weight:500;line-height:1;transition:transform 95ms ease-out,background-color 95ms ease-out,filter 95ms ease-out;display:grid;position:absolute;transform:translateY(0)}.core-key[data-lit=true]{background:linear-gradient(#ffffff80 40% 51%,#ffa35ec4 100%);box-shadow:0 6px 13px #fe67001a}.core-key[data-pressed=true]{filter:brightness(1.12);transform:translateY(3px)}.core-space-anchor{z-index:2;aspect-ratio:631/142;transform-origin:0 0;width:74%;transition:transform var(--core-travel) var(--core-motion);position:absolute;top:47%;left:13%;transform:none}.core-loop[data-state=write] .core-space-anchor{transform:translate(19.15cqw,23.05cqw)scale(.482)}.core-loop[data-choosing=true] .core-space-anchor{transform:translateY(27cqw)}.core-space-key{z-index:2;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;border-radius:3cqw;width:100%;height:100%;padding:0;transition:transform .1s ease-out,filter .16s;display:block;position:relative;transform:translateY(0)}.core-space-key:disabled{cursor:default}.core-space-key img{pointer-events:none;width:100%;height:100%;transition:opacity .42s}.core-space-anchor[data-space-phase=holding] .core-space-key,.core-space-anchor[data-typing=true] .core-space-key{transform:translateY(6px)}.core-space-key:not(:disabled):hover{filter:brightness(1.025)}.core-space-plain{background:var(--core-inset);border-radius:inherit;opacity:0;transition:opacity .54s;position:absolute;inset:0;transform:perspective(90cqw)rotateX(18deg)}.core-loop[data-choosing=true] .core-space-key img{opacity:0}.core-loop[data-choosing=true] .core-space-plain{opacity:1}.core-space-glow{opacity:calc(.13 + var(--hold,0) * .09);filter:blur(17px);transform:scale(calc(1.015 + var(--hold,0) * .18), calc(1.08 + var(--hold,0) * .55));pointer-events:none;background:#fe6700;border-radius:3cqw;transition:opacity .18s,transform .18s;position:absolute;inset:5px 0 -5px}.core-loop:not([data-state=hold]) .core-space-glow{opacity:0;transform:scale(.95)}.core-space-wave{filter:blur(22px);opacity:0;pointer-events:none;background:#fe6700;border-radius:4cqw;position:absolute;inset:0;transform:scale(1)}.core-space-anchor[data-space-phase=triggered] .core-space-wave{opacity:calc(.17 * (1 - var(--wave,0)));transform:scale(calc(1 + var(--wave-size,0) * 1.8), calc(1 + var(--wave-size,0) * 8))}.core-actions{z-index:3;aspect-ratio:300/270;background:var(--core-inset);opacity:0;transform-origin:50% 100%;pointer-events:none;width:66%;transition:transform .85s var(--core-motion), opacity .4s ease;border-radius:5cqw;position:absolute;top:15.5%;left:17%;transform:translateY(18px)scaleY(.8)}.core-loop[data-choosing=true] .core-actions{opacity:1;pointer-events:auto;transition-delay:.12s;transform:none}.core-orbit{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.core-orbit path{fill:none;stroke:#d8d8d7;stroke-width:2.6px;opacity:0;transition:opacity .6s .18s}.core-loop[data-choosing=true] .core-orbit path{opacity:1}.core-orbit circle{fill:#e4e4e3}.core-orbit circle:last-child{fill:#d7d7d7}.core-action,.core-action-extra{aspect-ratio:1;opacity:0;width:18%;transition:transform .46s var(--core-motion), opacity .34s ease, box-shadow .46s ease;background:linear-gradient(145deg,#f2f2f2,#e8e8e8);border-radius:50%;place-items:center;padding:3.6%;display:grid;position:absolute;transform:scale(.8);box-shadow:inset 0 1px 2px #fff,0 6px 17px #0000000c}.core-action:after{content:"";border-radius:50%;width:max(100%,44px);height:max(100%,44px);position:absolute}.core-action svg{width:100%;height:100%}.core-action-ai{top:31%;left:15.02%}.core-action-memes{top:14.3%;left:41%}.core-action-skill{top:31%;left:66.98%}.core-action-extra-left{top:59.2%;left:12.81%}.core-action-extra-right{top:59.2%;left:69.19%}.core-action-extra svg{width:45%;height:45%}.core-action-extra path{fill:none;stroke:#171717;stroke-width:2.8px}.core-loop[data-choosing=true] .core-action,.core-loop[data-choosing=true] .core-action-extra{opacity:1;transition-delay:calc(.14s + var(--order,0) * 50ms);transform:scale(1)}.core-loop[data-choosing=true] .core-action[aria-pressed=true]{transition-delay:0s;transform:scale(1.22);box-shadow:inset 0 1px 3px #fff,0 8px 20px #fe67002e}.core-loop[data-choosing=true] .core-action:hover{transition-delay:0s;transform:scale(1.1)}.core-loop[data-choosing=true] .core-action[aria-pressed=true]:hover{transform:scale(1.25)}.core-loop[data-choosing=true] .core-action:active{transform:scale(1.06)}.core-dots{justify-content:center;width:100%;height:9%;min-height:32px;display:flex;position:absolute;bottom:0;left:0}.core-dots button{background:0 0;border-radius:50%;place-items:center;width:5%;min-width:28px;min-height:40px;padding:0;display:grid}.core-dots span{background:var(--core-inset);border-radius:50%;width:2.9cqw;height:2.9cqw;transition:background .22s,transform .22s;display:block}.core-dots button[aria-pressed=true] span{background:#c7c7c7}.core-dots button:hover span{transform:scale(1.2)}.core-playback{justify-content:center;height:44px;margin-top:0;display:flex}.core-playback button{min-height:44px;color:var(--muted);background:0 0;border-radius:12px;align-items:center;gap:5px;padding:10px 14px;font-size:12px;transition:background .18s,color .18s;display:flex}.core-playback button:hover{background:var(--core-surface);color:var(--ink)}.core-playback svg{width:17px;height:17px}.core-loop[data-running=false] *,.core-loop[data-running=false] :before{animation-play-state:paused}@media (max-width:800px) and (min-height:651px),(max-width:559px){.core-loop.section{--core-pad:clamp(12px, 2.5svh, 24px);--core-heading:clamp(28px, 4.6svh, 38px);--core-panel-width:min(100%, 360px, (var(--core-room) - 156px) * .9375)}.core-scene{--core-mobile-height:calc(156px + min(100cqw, 360px, (var(--core-room) - 156px) * .9375) * 1.06667);--core-overview-y:calc(var(--core-mobile-height) * .62 - 75px);width:100%;height:var(--core-mobile-height);aspect-ratio:auto;margin-top:24px}.core-mascot{width:90px}.core-mascot-primary{transform:translate(calc(50cqw - 45px))}.core-mascot-secondary,.core-mascot-tertiary{transform:translate(calc(50cqw - 45px))scale(.65)}.core-loop[data-detail=false] .core-mascot-primary{transform:translate(calc(16.67cqw - 45px), var(--core-overview-y))}.core-loop[data-detail=false] .core-mascot-secondary{transform:translate(calc(50cqw - 45px), var(--core-overview-y))}.core-loop[data-detail=false] .core-mascot-tertiary{transform:translate(calc(83.33cqw - 45px), var(--core-overview-y))}.core-overview-arrow{top:calc(var(--core-overview-y) + 33px);width:4%}.core-overview-arrow-first{left:31%}.core-overview-arrow-last{left:64%}.core-overview-labels{top:calc(var(--core-overview-y) + 75px);grid-template-columns:repeat(3,33%)}.core-overview-labels button{font-size:clamp(10px,3.1cqw,15px)}.core-navigation{border-radius:15px;grid-template-columns:44px 1fr 44px;width:min(100%,360px);height:44px;min-height:44px;top:100px;left:50%;transform:translate(-50%)}.core-loop[data-detail=false] .core-navigation{transform:translate(-50%)translateY(-12px)scale(.96)}.core-stage-label{font-size:17px}.core-action-caption{width:100%;font-size:18px;top:72px;left:0}.core-panel{width:var(--core-panel-width);border-radius:23px;top:156px;left:50%;right:auto;transform:translate(-50%)}.core-loop[data-detail=false] .core-panel{transform:translate(-50%)translateY(20px)scale(.97)}.core-playback{margin-top:0}}@media (min-width:560px) and (max-height:520px){.core-loop.section{--core-pad:12px;--core-heading:26px}.core-navigation{border-radius:12px;grid-template-columns:32px 1fr 32px;min-height:44px}.core-navigation button{padding:6px}.core-stage-label,.core-action-caption{font-size:13px}.core-action-caption{top:23cqw}.core-panel{border-radius:16px}}@media (prefers-reduced-motion:reduce){.core-loop *,.core-loop :before{transition-duration:80ms!important;transition-delay:0s!important;animation:none!important}.core-space-wave{display:none}.core-space-glow{transform:none}.core-playback{visibility:hidden}}
