:root{font-family:Inter,system-ui,sans-serif;color:#f6f3e8;background:#080d18;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 38%,#152c46 0,transparent 52%),#080d18;min-height:100vh}main{max-width:920px;margin:auto;text-align:center;padding:48px 24px 28px}.eyebrow{font-size:10px;letter-spacing:.22em;color:#98d5d5;font-weight:700}h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,88px);font-weight:400;letter-spacing:-.04em;margin:12px 0}.intro{color:#a6b8c7;line-height:1.65;margin:0}#counter-view{position:relative;padding:38px 0 24px}output{display:block;position:relative;font-size:clamp(72px,10vw,118px);font-weight:300;font-variant-numeric:tabular-nums;padding:18px 0 32px;text-shadow:0 0 35px #8bd6d044}.orb{position:absolute;width:175px;height:175px;left:50%;top:25px;transform:translateX(-50%);border:1px solid #8aced33b;border-radius:50%;background:radial-gradient(circle at 30% 25%,#caf9ee14,transparent 70%);box-shadow:0 0 55px #6dffff09,inset 0 0 32px #8aeaf311}button{font:inherit;cursor:pointer;border:1px solid #aadbdc77;background:#afdeda;color:#0c2636;border-radius:999px;padding:13px 26px;font-weight:650}button:focus-visible{outline:3px solid #e1ac69;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}#add span{margin-left:20px}#state{color:#91a7b5;font-size:12px;min-height:18px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bbdddd21;padding-top:24px;color:#8098a9;font-size:11px}footer button{padding:5px 0;border:0;background:none;color:#b0d2d9;font-size:12px}#about-view{max-width:530px;margin:36px auto 44px;color:#b8cad4;line-height:1.75}h2{font-family:Georgia,serif;font-weight:400;font-size:31px;color:#f6f3e8}#about-view button{margin-top:12px}@media(max-width:500px){main{padding:30px 18px}#counter-view{padding-top:27px}output{font-size:86px}}