:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.2;font-weight:500;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:radial-gradient(circle at 20% 20%,rgba(59,160,255,.16),transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,255,214,.12),transparent 55%),#050b1f;color:#e8faff}#root{min-height:100dvh}.app{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:3vh 4vw}.counter-card{width:min(94vw,620px);padding:clamp(1rem,3.8vw,2.1rem);border-radius:clamp(1rem,2.4vw,1.8rem);border:1px solid rgba(148,208,255,.25);background:linear-gradient(130deg,#11275294,#07143594);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 22px 42px #00081e8c,inset 0 0 32px #3f75ff24}.counter-display{position:relative;min-height:clamp(150px,34vh,300px);display:flex;align-items:center;justify-content:center;overflow:hidden}.counter-value{font-size:clamp(4.2rem,21vw,11rem);font-weight:800;letter-spacing:.03em;color:#72ffe7;text-shadow:0 0 8px rgba(114,255,231,.85),0 0 20px rgba(114,255,231,.5),0 0 45px rgba(72,213,255,.35);-webkit-user-select:none;user-select:none;will-change:transform,opacity}.counter-value.rise{animation:elastic .38s cubic-bezier(.21,1.65,.35,1),float-up .38s ease-out}.counter-value.fall{animation:elastic .38s cubic-bezier(.21,1.65,.35,1),sink-down .38s ease-out}.counter-value.reset{animation:elastic .45s cubic-bezier(.21,1.65,.35,1),flash .45s ease-out}.particle-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.particle{position:absolute;left:50%;top:50%;width:var(--size);height:var(--size);border-radius:50%;background:hsl(var(--hue) 100% 70%);box-shadow:0 0 10px hsl(var(--hue) 100% 72%);transform:translate(-50%,-50%);animation:burst .72s ease-out forwards;animation-delay:calc(var(--delay) * 1ms);opacity:0}.controls{margin-top:clamp(.6rem,2vh,1rem);display:flex;align-items:center;justify-content:center;gap:clamp(.55rem,2.8vw,1rem)}.counter-btn,.reset-btn{flex:1;min-height:clamp(52px,9vh,64px);border:1px solid rgba(173,242,255,.34);border-radius:clamp(.8rem,2.2vw,1.15rem);color:#c8f9ff;font-size:clamp(1.1rem,3.4vw,1.5rem);font-weight:700;background:linear-gradient(145deg,#b1edff33,#4976b92b);box-shadow:inset 0 1px 1px #ffffff38,0 8px 18px #000e3073;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:pointer;transition:transform .14s ease,box-shadow .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}.counter-btn:hover,.reset-btn:hover{border-color:#aafff1bd;box-shadow:inset 0 1px 1px #ffffff4d,0 10px 24px #218dff47}.counter-btn.pressed,.reset-btn:active{transform:scale(.96) translateY(2px)}.reset-btn{max-width:34%;color:#fff5ff}@keyframes elastic{0%{transform:scale(.76)}55%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes float-up{0%{transform:translateY(10px) scale(.76);opacity:.86}to{transform:translateY(0) scale(1);opacity:1}}@keyframes sink-down{0%{transform:translateY(-10px) scale(.76);opacity:.86}to{transform:translateY(0) scale(1);opacity:1}}@keyframes flash{0%{filter:brightness(1.7)}to{filter:brightness(1)}}@keyframes burst{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + (var(--dx) * 1px)),calc(-50% + (var(--dy) * 1px))) scale(.15)}}@media (orientation: landscape) and (max-height: 560px){.counter-card{width:min(92vw,760px);display:flex;align-items:center;gap:clamp(.8rem,2.2vw,1.2rem)}.counter-display{flex:1.1;min-height:clamp(120px,48vh,260px)}.controls{margin-top:0;flex:.9;flex-direction:column}.reset-btn{max-width:none;width:100%}}