:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mist:#d7f4eb;--deep:#071713;--aqua:#75d2bc}*{box-sizing:border-box}html,body,#app{background:var(--deep);min-height:100%;color:var(--mist);margin:0;font-family:PingFang SC,system-ui,sans-serif}body{background:radial-gradient(circle at 50% 45%,#173f35 0,#0b241e 28%,#071713 62%);min-height:100vh}button,input{font:inherit}main{grid-template-rows:auto 1fr auto;min-height:100vh;padding:26px clamp(20px,5vw,70px);display:grid}header{color:#93afa6;align-items:center;gap:16px;display:flex}header .mark{width:44px;height:44px;color:var(--mist);border:1px solid #5b7c72;border-radius:50%;place-items:center;font-family:Songti SC,serif;font-size:24px;display:grid}header p{letter-spacing:.16em;margin:0;font-size:13px}.full{color:#a8c4bb;cursor:pointer;background:0 0;border:1px solid #36564d;border-radius:40px;margin-left:auto;padding:8px 13px}.stage{place-items:center;min-height:460px;display:grid;position:relative}.halo{aspect-ratio:1;width:min(44vw,360px);transition:transform var(--dur) cubic-bezier(.43,.08,.24,1);transform:scale(var(--scale));filter:drop-shadow(0 0 45px #5dd6b538);place-items:center;display:grid}.halo:not(.active){transform:scale(.6)}.orb{background:radial-gradient(circle at 38% 33%,#d5fff3 0,#8ce0ca 14%,#3c9e87 48%,#174c40 72%);border-radius:50%;width:100%;height:100%;box-shadow:inset -20px -25px 50px #0d3028,inset 10px 10px 35px #ffffff47,0 0 0 1px #6cbda7}.readout{text-align:center;text-shadow:0 2px 15px #071713;position:absolute}.readout span{letter-spacing:.18em;color:#b3d0c7;font-size:12px}.readout h1{letter-spacing:.25em;margin:10px 0 0;font:32px Songti SC,serif}.readout strong{font-size:70px;font-weight:300;line-height:1}.readout p{color:#c1dbd3;max-width:240px;margin:5px 0;font-size:13px}footer{border-top:1px solid #28483f;flex-wrap:wrap;align-items:center;gap:28px;padding-top:20px;display:flex}.seg{border:1px solid #35584e;border-radius:14px;padding:4px;display:flex}.seg button{color:#809c93;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 16px}.seg button.on{color:#e5fff8;background:#183b32}.seg small{font-size:10px;display:block}footer label{color:#a1bbb3;align-items:center;gap:10px;font-size:13px;display:flex}footer label button{color:#fff;cursor:pointer;background:0 0;border:1px solid #34574d;border-radius:50%;width:28px;height:28px}footer b{text-align:center;min-width:20px;font-size:20px}.switch input{display:none}.switch i{background:#29483f;border-radius:20px;width:42px;height:24px;position:relative}.switch i:after{content:"";background:#739188;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+i{background:#388e78}.switch input:checked+i:after{background:#d8fff4;left:21px}.primary{background:var(--mist);color:#09221b;cursor:pointer;border:0;border-radius:50px;margin-left:auto;padding:13px 25px;font-weight:700}@media (width<=700px){main{padding:18px 16px}.stage{min-height:420px}.halo{width:280px}footer{justify-content:center;gap:16px}.primary{width:100%;margin-left:0}header p{display:none}}