:root{color-scheme:light;--ink: rgba(6, 14, 32, .98);--inkSoft: rgba(6, 14, 32, .82);--bgA: rgba(40, 165, 255, .46);--bgB: rgba(120, 225, 255, .4);--bgC: rgba(255,255,255,.6);--glassBgA: rgba(255,255,255,.8);--glassBgB: rgba(255,255,255,.6);--glassBorder: rgba(255,255,255,.92);--shadow: 0 40px 110px rgba(0, 90, 150, .2);--inner: inset 0 1px 0 rgba(255,255,255,.78);--blobBlur: 44px;--blobSat: 1.18;--blobContrast: 1.03;--blobOpacity: .58;--bubbleOpacity: .34;--grainOpacity: .06}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow:hidden;color:var(--ink);background:radial-gradient(1200px 900px at 25% 18%,var(--bgA),rgba(255,255,255,0) 60%),radial-gradient(1100px 800px at 75% 78%,var(--bgB),rgba(255,255,255,0) 62%),radial-gradient(920px 720px at 55% 35%,var(--bgC),rgba(255,255,255,0) 58%),linear-gradient(180deg,#fff,#effbff 45%,#d4f1ff)}.bg{position:fixed;top:-24%;right:-24%;bottom:-24%;left:-24%;pointer-events:none;z-index:0;filter:saturate(var(--blobSat)) contrast(var(--blobContrast));transform:translateZ(0)}.blob{position:absolute;width:46vmax;height:46vmax;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ffffffd1,#fff0 58%),radial-gradient(circle at 70% 60%,#3cb9ffb3,#fff0 62%),radial-gradient(circle at 40% 85%,#befaff9e,#fff0 68%);opacity:var(--blobOpacity);filter:blur(var(--blobBlur));mix-blend-mode:multiply;transform:translateZ(0);animation:drift 11.5s cubic-bezier(.34,1.56,.64,1) infinite;will-change:transform,filter}.blob.b2{width:60vmax;height:60vmax;opacity:calc(var(--blobOpacity) - .12);animation-duration:15s;animation-direction:reverse}.blob.b3{width:40vmax;height:40vmax;opacity:calc(var(--blobOpacity) - .14);animation-duration:17s}@keyframes drift{0%{transform:translate(-8%,-6%) scale(1) rotate(0)}20%{transform:translate(14%,9%) scale(1.13) rotate(8deg)}40%{transform:translate(-4%,16%) scale(.98) rotate(-7deg)}60%{transform:translate(12%,5%) scale(1.1) rotate(6deg)}80%{transform:translate(-7%,12%) scale(1.02) rotate(-5deg)}to{transform:translate(-8%,-6%) scale(1) rotate(0)}}.bubble{position:absolute;width:18vmax;height:18vmax;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ffffffe0,#fff0 65%),radial-gradient(circle at 70% 60%,#6edcff75,#fff0 70%);opacity:var(--bubbleOpacity);filter:blur(16px);mix-blend-mode:overlay;animation:bob 7.6s cubic-bezier(.34,1.56,.64,1) infinite;will-change:transform}.bubble.b1{left:7%;top:62%;animation-duration:7.6s}.bubble.b2{left:70%;top:8%;width:14vmax;height:14vmax;opacity:calc(var(--bubbleOpacity) - .06);animation-duration:9.2s}.bubble.b3{left:80%;top:60%;width:12vmax;height:12vmax;opacity:calc(var(--bubbleOpacity) - .12);animation-duration:10.2s}.bubble.b4{left:40%;top:10%;width:10vmax;height:10vmax;opacity:calc(var(--bubbleOpacity) - .14);animation-duration:8.4s}@keyframes bob{0%{transform:translateZ(0) scale(1) rotate(0)}25%{transform:translate3d(-26px,-28px,0) scale(1.08,.94) rotate(-4deg)}50%{transform:translate3d(20px,-10px,0) scale(.94,1.08) rotate(3deg)}75%{transform:translate3d(-14px,20px,0) scale(1.06,.95) rotate(-3deg)}to{transform:translateZ(0) scale(1) rotate(0)}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:var(--grainOpacity);background-image:radial-gradient(circle at 20% 30%,#ffffffb3 0,#ffffffb3 1px,#fff0 1px,#fff0),radial-gradient(circle at 70% 60%,#ffffff73 0,#ffffff73 1px,#fff0 1px,#fff0),radial-gradient(circle at 45% 80%,#fff6 0,#fff6 1px,#fff0 1px,#fff0);background-size:260px 260px,300px 300px,340px 340px;animation:grainMove 9s ease-in-out infinite;mix-blend-mode:multiply}@keyframes grainMove{0%{transform:translateZ(0)}50%{transform:translate3d(-12px,12px,0)}to{transform:translateZ(0)}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:2;background:radial-gradient(900px 650px at 50% 40%,#ff002838,#ff002800 60%),radial-gradient(1200px 900px at 50% 70%,#ff00281f,#ff002800 70%);transition:opacity .12s ease;mix-blend-mode:multiply}body.critical:before{opacity:1;animation:criticalPulse .52s ease-in-out infinite}@keyframes criticalPulse{0%,to{opacity:.32}50%{opacity:.76}}canvas#fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}header{position:fixed;left:0;right:0;top:16px;z-index:9;display:flex;justify-content:center;pointer-events:none}.navPill{pointer-events:auto;display:flex;gap:14px;padding:12px 14px;border-radius:999px;background:linear-gradient(180deg,#ffffffc2,#ffffff94);border:1px solid rgba(255,255,255,.92);box-shadow:0 22px 70px #005a962e,inset 0 1px #ffffffc7;position:relative}.navBtn{border:0;background:transparent;color:#060e20e6;font-weight:800;letter-spacing:.2px;padding:10px 20px;border-radius:999px;cursor:pointer;transition:transform .12s ease,background .12s ease}.navBtn:active{transform:scale(.98)}.navBtn.active{background:#fffc;box-shadow:inset 0 1px #ffffffd9,0 10px 24px #005a961a}.page{position:relative;z-index:4;min-height:100vh;display:grid;place-items:center;padding:90px 18px 28px}.stage{width:min(980px,100%);position:relative;transition:height .34s cubic-bezier(.2,1.2,.2,1)}.view{position:absolute;left:0;right:0;top:0;opacity:0;pointer-events:none;transform:translateY(16px) scale(.985)}.view.active{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .22s ease,transform .28s cubic-bezier(.2,1.2,.2,1)}.view.leaving{opacity:0;transform:translateY(-12px) scale(.985);transition:opacity .18s ease,transform .2s ease;pointer-events:none}.glass{position:relative;border-radius:28px;padding:28px;background:linear-gradient(180deg,var(--glassBgA),var(--glassBgB));border:1px solid var(--glassBorder);box-shadow:var(--shadow),var(--inner);overflow:hidden}.cardEdgeGlow{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;border-radius:28px;background:radial-gradient(900px 440px at 24% 18%,#ffffffeb,#fff0 56%),radial-gradient(720px 420px at 82% 80%,#3cb9ff61,#fff0 66%);mix-blend-mode:overlay;opacity:.66}.heroTitle{margin:0;font-size:clamp(44px,5.2vw,64px);letter-spacing:.2px;line-height:1.02;text-align:center;font-weight:950}.heroSub{margin:12px 0 0;text-align:center;font-size:15px;line-height:1.55;color:var(--inkSoft)}.homeInner{display:grid;justify-items:center;gap:18px;padding:8px 0 6px}.btn{--shake: 0;--shakeRot: 0;--shakeSpeed: .14s;--glow: 0;position:relative;width:min(520px,92%);height:66px;border-radius:18px;border:1px solid rgba(255,255,255,.92);background:linear-gradient(180deg,#ffffffc7,#ffffff8f);box-shadow:0 18px 46px #005a962e,inset 0 1px #ffffffc7;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:grid;place-items:center;font-weight:950;letter-spacing:.25px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.btn:active{transform:scale(.995)}.fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:linear-gradient(90deg,#ff0028d1,#ff2828f0);opacity:.95;transform-origin:left center}.label{position:relative;z-index:2;display:flex;align-items:center;gap:10px}.dot{width:10px;height:10px;border-radius:999px;background:#060e208c;transition:background .2s ease,transform .2s ease}.holding{animation:shake var(--shakeSpeed) infinite linear;border-color:#ff788cb8;box-shadow:0 18px 46px #005a962e,inset 0 1px #ffffffc7,0 0 calc(10px + var(--glow) * 26px) #ff003c38}.holding .dot{background:#060e20c7;transform:scale(calc(1 + var(--glow) * .22));box-shadow:0 0 calc(10px + var(--glow) * 20px) #ff002861}@keyframes shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(calc(var(--shake) * 1px),calc(var(--shake) * -1px)) rotate(calc(var(--shakeRot) * -1deg))}50%{transform:translate(calc(var(--shake) * -1px),calc(var(--shake) * 1px)) rotate(calc(var(--shakeRot) * 1deg))}75%{transform:translate(calc(var(--shake) * 1px),calc(var(--shake) * 1px)) rotate(calc(var(--shakeRot) * .6deg))}to{transform:translate(0) rotate(0)}}.confirmed{border-color:#78ffa0db;box-shadow:0 18px 46px #005a962e,inset 0 1px #ffffffc7,0 0 22px #3cffa02e;animation:pop .28s ease-out}@keyframes pop{0%{transform:scale(1)}55%{transform:scale(1.03)}to{transform:scale(1)}}.confirmed .fill{background:linear-gradient(90deg,#28dc78d6,#3cffa0f0);width:100%!important}.meter{font-size:12px;color:#060e20c7;min-height:18px;text-align:center}.cpTitle{margin:0;text-align:center;font-size:50px;font-weight:950;letter-spacing:.2px}.cpSub{margin:10px 0 0;text-align:center;color:var(--inkSoft)}.cpTopRow{margin-top:14px;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.pillTabs{display:flex;padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.92);background:#ffffffb3;box-shadow:inset 0 1px #ffffffc7;gap:6px}.tab{border:0;cursor:pointer;background:transparent;padding:8px 12px;border-radius:999px;font-weight:850;color:#060e20d1;transition:background .12s ease}.tab.active{background:#ffffffe0;box-shadow:inset 0 1px #ffffffe6,0 10px 22px #005a961a;color:#060e20eb}.chk{display:flex;align-items:center;gap:8px;font-size:12px;color:#060e20bd;-webkit-user-select:none;user-select:none}.cpBody{margin-top:18px;display:grid;gap:14px}textarea{width:100%;height:132px;resize:vertical;border-radius:18px;border:1px solid rgba(255,255,255,.92);background:#ffffff9e;box-shadow:inset 0 1px #ffffffc7;padding:14px;font:13px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#060e20eb;outline:none}textarea::placeholder{color:#060e2073}.actions{display:flex;justify-content:flex-end;gap:10px}.chipBtn{border:1px solid rgba(255,255,255,.92);background:#ffffffbd;border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer;box-shadow:inset 0 1px #ffffffc7,0 12px 28px #005a961a;transition:transform .12s ease}.chipBtn:active{transform:scale(.98)}.list{display:grid;gap:12px;margin-top:4px}.row{border-radius:18px;border:1px solid rgba(255,255,255,.92);background:#ffffff9e;box-shadow:inset 0 1px #ffffffc7;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.rowText{flex:1;min-width:0;font-size:13px;color:#060e20e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}.rowBtns{display:flex;align-items:center;gap:10px}.iconBtn{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.92);background:#ffffffbd;box-shadow:inset 0 1px #ffffffc7;cursor:pointer;display:grid;place-items:center;transition:transform .12s ease}.iconBtn:active{transform:scale(.98)}.smallBtn{border:1px solid rgba(255,255,255,.92);background:#ffffffc7;border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer;transition:transform .12s ease;box-shadow:inset 0 1px #ffffffc7}.smallBtn:active{transform:scale(.98)}.smallBtn.danger{border-color:#ff788cb8;background:#ffffffb8}.fps{position:fixed;right:14px;bottom:14px;z-index:10;padding:8px 10px;border-radius:999px;background:#ffffffad;border:1px solid rgba(255,255,255,.92);box-shadow:0 18px 46px #005a961f,inset 0 1px #ffffffbf;font:12px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#060e20d6;-webkit-user-select:none;user-select:none}@media (max-width: 720px){.glass{padding:22px}.cpTitle{font-size:42px}}@media (prefers-reduced-motion: reduce){.blob,.grain,body.critical:before,.bubble{animation:none!important}.stage{transition:none}.view{transition:none!important}}