.ai-mascot-stage{position:relative;min-height:0;width:100%;isolation:isolate}.ai-mascot-canvas{position:absolute;inset:0 0 42px;width:100%;height:calc(100% - 42px);touch-action:none;opacity:0;transition:opacity .4s}.ai-mascot-canvas--ready{opacity:1}.ai-mascot-stage__hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);min-height:32px;margin:0;padding:5px 8px;white-space:nowrap;text-align:center;font-size:11px;letter-spacing:.02em;color:var(--site-text-muted)}.ai-mascot-stage__hint:hover,.ai-mascot-stage__hint:focus-visible{color:var(--site-text-primary);text-decoration:underline;text-underline-offset:4px}.ai-mascot-stage__hint:disabled{opacity:.5}.ai-mascot-bubble{position:absolute;top:0;left:0;z-index:2;margin:0;padding:9px 14px;border-radius:14px;background:var(--site-text-primary);color:#0d0d0d;font-size:clamp(11px,1vw,13px);font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none;opacity:0;scale:.85;transform-origin:50% 100%;transition:opacity .18s,scale .26s cubic-bezier(.34,1.56,.64,1)}.ai-mascot-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;width:12px;height:12px;background:inherit;border-radius:2px;transform:translate(-50%) rotate(45deg)}.ai-mascot-bubble.is-visible{opacity:1;scale:1}.ai-mascot-stage__fallback{position:absolute;inset:50% 0 auto;text-align:center;color:var(--site-text-secondary);font-size:12px}@media(max-width:480px){.ai-mascot-canvas{bottom:58px;height:calc(100% - 58px)}.ai-mascot-stage__hint{bottom:18px;font-size:10px}}@media(max-height:540px){.ai-mascot-canvas{bottom:24px;height:calc(100% - 24px)}.ai-mascot-stage__hint{bottom:-4px;font-size:9px;min-height:26px}}@media(prefers-reduced-motion:reduce){.ai-mascot-canvas,.ai-mascot-bubble{transition:none}}.ai-lab-page{height:100svh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(104px,16vh,156px) clamp(20px,5vw,88px) max(22px,env(safe-area-inset-bottom));overflow:clip;background:var(--site-page-bg);color:var(--site-text-primary)}.ai-lab-page__intro{position:relative;z-index:1;display:grid;justify-items:center;gap:clamp(16px,2.4vh,26px);text-align:center}.ai-lab-page__spark{width:clamp(24px,3vw,36px);height:auto}.ai-lab-page__title{margin:0;font-family:var(--site-font-heading);font-size:clamp(38px,8.4vw,120px);font-weight:700;line-height:1;letter-spacing:-.055em;white-space:nowrap}.ai-lab-page__lead{margin:0;color:var(--site-text-secondary);font-size:clamp(10px,2.65vw,16px);line-height:1.5;white-space:nowrap}.ai-lab-page__topics{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;margin:-6px 0 0;padding:0;list-style:none;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--site-text-muted)}.ai-lab-page__topics li+li:before{content:"·";margin:0 10px;color:var(--site-accent)}.ai-lab-page__home{display:inline-flex;align-items:center;gap:8px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--site-text-secondary);transition:color .18s}.ai-lab-page__home svg{transition:transform .42s cubic-bezier(.22,1,.36,1)}.ai-lab-page__home:hover,.ai-lab-page__home:focus-visible{color:var(--site-text-primary)}.ai-lab-page__home:hover svg,.ai-lab-page__home:focus-visible svg{transform:translate(-4px)}.ai-lab-page__bottom,.ai-lab-page__actions{display:flex;align-items:center}.ai-lab-page__bottom{justify-content:space-between;gap:12px}.ai-lab-page__actions{gap:14px}.ai-lab-page__status{display:flex;align-items:center;gap:9px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--site-text-secondary);white-space:nowrap}.ai-lab-page__status span{width:5px;height:5px;border-radius:50%;background:var(--site-accent)}.ai-lab-page__pause{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--site-button-border);border-radius:50%;color:var(--site-text-secondary);transition:color .18s,border-color .18s}.ai-lab-page__pause:hover{color:var(--site-text-primary);border-color:var(--site-text-secondary)}.ai-lab-page__pause:focus-visible{color:var(--site-page-bg);background:var(--site-text-primary)}@media(max-width:480px){.ai-lab-page{padding-top:max(112px,16dvh)}.ai-lab-page__intro{gap:20px}.ai-lab-page__actions{gap:8px}.ai-lab-page__topics li+li:before{margin:0 6px}.ai-lab-page__topics{font-size:9px;letter-spacing:.1em}.ai-lab-page__status{font-size:9px;gap:6px}}@media(max-height:540px){.ai-lab-page{padding-top:78px;padding-bottom:12px}.ai-lab-page__intro{gap:10px}.ai-lab-page__spark{width:18px}.ai-lab-page__title{font-size:clamp(30px,7vw,52px)}.ai-lab-page__lead{font-size:11px}.ai-lab-page__pause{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.ai-lab-page__pause,.ai-lab-page__home,.ai-lab-page__home svg{transition:none}}
