*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#f1f1f0;font-family:Inter,system-ui,sans-serif;color:#111}body.is-hovering{cursor:pointer}#glass{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.tag{position:absolute;left:0;top:0;will-change:transform,width,height;opacity:var(--tag-alpha, .55);transition:opacity .4s ease;--ink: #111;--ease: cubic-bezier(.2, .8, .2, 1)}.tag.is-hover{opacity:1}.tag.is-hidden{opacity:0}.tag svg{width:100%;height:100%;overflow:visible;display:block}.tag svg *{fill:none;stroke:var(--ink);stroke-linecap:round}.tag__ticks .tk,.tag__cross line{vector-effect:non-scaling-stroke}.tag__ring{stroke-width:var(--sw, 1);stroke-dasharray:101 101;stroke-dashoffset:101;transform-origin:50px 50px;transform:rotate(-90deg);transition:stroke-dashoffset .7s var(--ease)}.tag.is-hover .tag__ring,.tag:not(.is-hidden) .tag__ring{stroke-dashoffset:0}.tag__dash{stroke-width:var(--sw, 1);stroke-dasharray:.6 3.4;opacity:0;transform-origin:50px 50px;animation:tag-spin 14s linear infinite;transition:opacity .5s ease .15s}.tag.is-hover .tag__dash{opacity:.55}.tag__ticks .tk{stroke-width:1;opacity:0;transition:transform .55s var(--ease),opacity .3s ease}.tag__ticks .n{transform:translateY(-10px)}.tag__ticks .e{transform:translate(10px)}.tag__ticks .s{transform:translateY(10px)}.tag__ticks .w{transform:translate(-10px)}.tag.is-hover .tag__ticks .tk{opacity:1;transform:none;transition-delay:.12s}.tag__cross{stroke-width:1;transform-origin:50px 50px;transform:scale(0) rotate(45deg);transition:transform .5s var(--ease)}.tag.is-hover .tag__cross{transform:scale(1) rotate(0);animation:tag-pulse 1.6s ease-in-out .5s infinite}@keyframes tag-spin{to{transform:rotate(360deg)}}@keyframes tag-pulse{0%,to{transform:scale(1)}50%{transform:scale(.6)}}.hero{position:fixed;left:50%;top:50%;translate:-50% -50%;width:min(380px,calc(100vw - 32px));padding:10px 10px 14px;background:#fff;border-radius:18px;box-shadow:0 10px 40px #0000000f,0 1px 3px #0000000d;z-index:2;text-align:center}.hero.is-hidden{display:none}.hero__media{height:150px;border-radius:12px;background:radial-gradient(120% 90% at 20% 10%,#9cc3a4 0%,transparent 55%),radial-gradient(90% 80% at 85% 20%,#8fb6de 0%,transparent 60%),linear-gradient(160deg,#3f5a45,#1f2c24)}.hero__title{margin-top:16px;font-weight:400;font-size:15px;color:#777}.hero__title span{font-family:Silkscreen,monospace;color:#111}.hero__text{margin:10px auto 0;max-width:290px;font-size:10.5px;line-height:1.55;color:#666}.hero__foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:0 4px}.hero__dots{display:flex;gap:6px}.hero__dots i{width:16px;height:16px;border-radius:50%;background:#f1f1f1}.hero__btn{border:0;background:#111;color:#fff;font:500 10px Inter,sans-serif;padding:7px 12px;border-radius:999px;cursor:pointer}.lil-gui.root{z-index:10}.explain{position:fixed;left:16px;bottom:16px;z-index:5;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:16px 18px;background:#fffffff0;border-radius:12px;box-shadow:0 10px 40px #00000014,0 1px 3px #0000000f;font:12px/1.55 Inter,system-ui,sans-serif;color:#333;opacity:0;translate:0 8px;pointer-events:none;transition:opacity .3s ease,translate .3s ease}.explain.is-visible{opacity:1;translate:0 0;pointer-events:auto}.explain__title{font-family:Silkscreen,monospace;font-size:10px;letter-spacing:.08em;color:#999;margin-bottom:10px}.explain ol{list-style:none;display:grid;gap:6px}.explain li.is-next{opacity:.35}.explain__head{display:flex;align-items:center;gap:8px;font-weight:500;color:#111}.explain__head i{width:10px;height:10px;border-radius:3px;flex:none}.explain li p{margin:4px 0 6px 18px;color:#555}.explain__foot{margin-top:12px;padding-top:10px;border-top:1px solid #eee;color:#888;font-size:11px}.is-recording,.is-recording *{cursor:none!important}