html,body,#app{touch-action:none;width:100%;height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app{position:relative}canvas{display:block}.text-overlay{z-index:1;pointer-events:none;text-align:center;-webkit-user-select:none;user-select:none;background-color:#ffffffb3;border-radius:10px;max-width:400px;padding:20px;position:absolute;top:12%;right:10%}.text-overlay__title{color:#228a5f;text-shadow:5px 5px 5px #ffffff4d;margin:0 0 .5rem;font-size:2.5rem;font-weight:700;line-height:1.2}.text-overlay__subtitle{color:#228a5f;text-shadow:0 2px 3px #ffffff4d;margin:0;font-size:1.3rem;line-height:1.5}.text-overlay__link{color:#fff;letter-spacing:.03em;pointer-events:auto;background:linear-gradient(135deg,#00c46a,#00905c);border-radius:999px;justify-content:center;align-items:center;margin-top:1rem;padding:.55rem 1.4rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s,transform .15s;display:inline-flex;box-shadow:0 4px 16px #00905c59}.text-overlay__link:hover{background:linear-gradient(135deg,#00d972,#009f65);transform:translateY(-1px);box-shadow:0 6px 22px #00a06473}.text-overlay__link:active{transform:translateY(0)}@media (width<=480px){.text-overlay{box-sizing:border-box;-webkit-backdrop-filter:blur(6px);background-color:#ffffff80;border-radius:12px;width:100%;max-width:calc(100% - 32px);padding:10px 20px;inset:auto auto 10px 50%;transform:translate(-50%)}.text-overlay__title{font-size:1.5rem}.text-overlay__subtitle{font-size:1rem}.text-overlay__link{margin-top:.65rem;padding:.45rem 1.1rem;font-size:.85rem}}.ls{z-index:200;background:radial-gradient(at 50% 60%,#0d2218 0%,#060f0a 100%);justify-content:center;align-items:center;animation:.6s both ls-appear;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes ls-appear{0%{opacity:0}to{opacity:1}}.ls.ls--exit{animation:.75s forwards ls-disappear}@keyframes ls-disappear{0%{opacity:1;transform:scale(1)}60%{opacity:.9;transform:scale(1.04)}to{opacity:0;pointer-events:none;transform:scale(1.08)}}.ls-bubbles{pointer-events:none;position:absolute;inset:0}.ls-bubble{background:radial-gradient(circle at 35% 35%,#64ffb414,#0000 70%);border:1.5px solid #64ffb440;border-radius:50%;animation:linear infinite ls-bubble-rise;position:absolute;bottom:-80px}@keyframes ls-bubble-rise{0%{opacity:0;transform:translateY(0)scale(1)}8%{opacity:.55}85%{opacity:.2}to{opacity:0;transform:translateY(-110vh)scale(1.3)}}.ls-bubble--1{width:28px;height:28px;animation-duration:9s;animation-delay:0s;left:8%}.ls-bubble--2{width:18px;height:18px;animation-duration:12s;animation-delay:1.2s;left:20%}.ls-bubble--3{width:40px;height:40px;animation-duration:14s;animation-delay:.5s;left:35%}.ls-bubble--4{width:14px;height:14px;animation-duration:8s;animation-delay:2.4s;left:50%}.ls-bubble--5{width:32px;height:32px;animation-duration:11s;animation-delay:.8s;left:63%}.ls-bubble--6{width:22px;height:22px;animation-duration:13s;animation-delay:1.8s;left:76%}.ls-bubble--7{width:16px;height:16px;animation-duration:10s;animation-delay:3.1s;left:87%}.ls-bubble--8{width:46px;height:46px;animation-duration:16s;animation-delay:4.5s;left:45%}.ls-vortex{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ls-ring{border:1px solid #50ffa01f;border-radius:50%;animation:linear infinite ls-ring-spin;position:absolute}.ls-ring--1{width:320px;height:320px;animation-duration:12s}.ls-ring--2{border-color:#50ffa012;width:520px;height:220px;animation-duration:18s;animation-direction:reverse}.ls-ring--3{border-color:#50ffa00a;width:700px;height:140px;animation-duration:24s}@keyframes ls-ring-spin{0%{transform:rotate(0)rotateX(70deg)}to{transform:rotate(360deg)rotateX(70deg)}}.ls-content{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:0;padding:0 24px;display:flex;position:relative}.ls-co2-badge{color:#e8fff5;letter-spacing:.02em;isolation:isolate;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;font-size:1rem;font-weight:800;animation:2.5s ease-in-out infinite ls-badge-pulse;display:inline-flex;position:relative}.ls-co2-badge:before{content:"";z-index:-1;background:conic-gradient(#1aff8e,#00b860,#007a40,#1aff8e);border-radius:50%;animation:8s linear infinite ls-badge-rotate;position:absolute;inset:-3px}.ls-co2-badge:after{content:"";z-index:-1;background:#0d2218;border-radius:50%;position:absolute;inset:3px}@keyframes ls-badge-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ls-badge-pulse{0%,to{box-shadow:0 0 20px #1aff8e40}50%{box-shadow:0 0 44px #1aff8e8c}}.ls-title{letter-spacing:-.02em;color:#e8fff5;text-shadow:0 0 40px #50ffa066;margin:0 0 14px;font-size:clamp(1.8rem,6vw,3rem);font-weight:700;animation:.8s cubic-bezier(.22,1,.36,1) .2s both ls-title-in}@keyframes ls-title-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ls-fact{color:#c8ffe6b3;letter-spacing:.04em;min-height:1.5em;margin:0 0 28px;font-size:clamp(.85rem,3vw,1.05rem);transition:opacity .35s;animation:.8s cubic-bezier(.22,1,.36,1) .4s both ls-title-in}.ls-fact.ls-fact--fade{opacity:0}.ls-progress-track{background:#ffffff14;border-radius:4px;width:min(300px,80vw);height:4px;margin-bottom:10px;position:relative;overflow:hidden}.ls-progress-fill{background:linear-gradient(90deg,#00b860,#1aff8e);border-radius:4px;width:0%;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);box-shadow:0 0 10px #1aff8e99}.ls-percent{color:#c8ffe680;letter-spacing:.06em;margin-bottom:32px;font-size:.75rem;transition:opacity .4s;display:block}.ls-start-btn{color:#fff;letter-spacing:.04em;cursor:pointer;opacity:0;background:linear-gradient(135deg,#00c46a,#00905c);border:none;border-radius:50px;outline:none;align-items:center;gap:10px;padding:14px 36px;font-size:1.05rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .15s;display:inline-flex;position:relative;transform:translateY(16px)scale(.95);box-shadow:0 4px 24px #00b46480}.ls-start-btn--visible{animation:.55s cubic-bezier(.22,1,.36,1) forwards ls-btn-appear}@keyframes ls-btn-appear{to{opacity:1;transform:translateY(0)scale(1)}}.ls-start-btn--visible:after{content:"";border:2px solid #00ff8c66;border-radius:54px;animation:1.6s ease-in-out infinite ls-btn-pulse;position:absolute;inset:-4px}@keyframes ls-btn-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.08)}}.ls-start-btn:hover{background:linear-gradient(135deg,#00d972,#009f65);transform:translateY(-2px);box-shadow:0 6px 32px #00c86ea6}.ls-start-btn:active{transform:translateY(0)scale(.97)}.ls-start-btn__arrow{font-size:1.2em;line-height:1;transition:transform .2s}.ls-start-btn:hover .ls-start-btn__arrow{transform:translate(4px)}