.clicker-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:4rem 10px;border-radius:24px;margin:2rem 0;background:radial-gradient(circle at 10% 10%,rgba(var(--accent),.12) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(150,200,255,.15) 0%,transparent 40%),radial-gradient(circle at 90% 10%,rgba(var(--accent-light),.1) 0%,transparent 40%),radial-gradient(circle at 10% 90%,rgba(200,150,255,.12) 0%,transparent 40%),#fff;background-size:200% 200%;animation:mesh-gradient 15s ease infinite alternate;box-shadow:inset 0 0 100px #fffc,0 20px 50px #00000005;border:1px solid rgba(var(--accent),.05);position:relative}.sound-toggle{position:absolute;top:20px;right:20px;background:#ffffff80;backdrop-filter:blur(5px);border:1px solid rgba(var(--gray),.2);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s ease;color:var(--gray-dark);z-index:10}.sound-toggle:hover{background:rgba(var(--accent),.1);border-color:var(--accent);color:var(--accent);transform:scale(1.1)}.sound-toggle.muted{color:var(--gray)}@keyframes mesh-gradient{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 100%}}.counter-btn-wrapper{position:relative;margin:2rem 0}.counter-btn{width:250px;height:250px;border-radius:50%;background:linear-gradient(135deg,#2337ff,#4facfe,#2337ff,#4facfe,#2337ff);background-size:400% 400%;box-shadow:0 15px 45px #2337ff4d;border:4px solid rgba(255,255,255,.3);color:#fff;font-family:Unbounded,sans-serif;font-size:5rem;font-weight:700;cursor:pointer;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,border-color .4s ease,background-color .4s ease,filter .3s ease;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;animation:breathing 4s infinite ease-in-out,shimmer 12s infinite linear;overflow:hidden}.counter-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff7675,#d63031);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.counter-btn.clicking:after{animation:flash-red .5s ease-out}@keyframes flash-red{0%{opacity:0}20%{opacity:1}to{opacity:0}}.count-value{color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.2);z-index:2;position:relative}.counter-btn:hover{box-shadow:0 15px 50px rgba(var(--accent),.4);border-color:rgba(var(--accent),.6);transform:scale(1.02)}.counter-btn.clicking{animation:click-compress .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 50px #d6303180}@keyframes click-compress{0%{transform:scale(1.02)}30%{transform:scale(.85)}to{transform:scale(1.02)}}@keyframes breathing{0%{box-shadow:0 0 rgba(var(--accent),.3);transform:scale(1)}50%{box-shadow:0 0 40px 10px rgba(var(--accent),.2),0 0 20px 5px #ffffff4d;transform:scale(1.04)}to{box-shadow:0 0 rgba(var(--accent),.3);transform:scale(1)}}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.count-value{transition:transform .1s}.counter-btn:active .count-value{transform:scale(1.1)}.btn-reset{background-color:var(--gray-light);border:2px solid var(--gray);color:var(--black);padding:12px 30px;font-size:1.1rem;border-radius:50px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #0000000d;margin-top:1rem}.btn-reset:hover{background-color:#e2e2e2;border-color:var(--gray-dark);transform:translateY(-2px);color:var(--black)}.btn-reset:active{transform:translateY(0)}.history-section{margin-top:4rem;width:100%;max-width:550px;margin-left:auto;margin-right:auto}details{background:#ffffffb3;backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);border-radius:24px;box-shadow:0 20px 60px #0000000a,inset 0 0 1px 1px #fffc;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}summary{cursor:pointer;padding:1.5rem 2rem;font-weight:700;font-family:Unbounded,sans-serif;color:rgb(var(--black));display:flex;align-items:center;justify-content:space-between;user-select:none;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s cubic-bezier(.16,1,.3,1);opacity:.4}details[open] summary:after{transform:translateY(2px) rotate(-135deg)}.history-content{padding:0 1.5rem 2rem}.history-header{display:grid;grid-template-columns:120px 100px 1fr 50px;padding:.85rem .5rem;margin-bottom:.25rem;opacity:.5;border:1px solid transparent}.header-item{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--black));text-align:left}.header-item:nth-child(3),.header-item:nth-child(4){text-align:center}#history-body{display:flex;flex-direction:column;gap:6px}.history-row{display:grid;grid-template-columns:120px 100px 1fr 50px;align-items:center;padding:.85rem .5rem;border-radius:12px;background:transparent;border:1px solid transparent;transition:all .2s ease}.history-row:hover{background:#fff;border-color:rgba(var(--accent),.1);box-shadow:0 4px 15px #00000008;transform:translateY(-1px)}.row-item{font-family:Montserrat,sans-serif;font-size:.85rem;color:rgb(var(--gray-dark));text-align:left}.row-count{font-weight:700;color:var(--accent);font-family:Unbounded,sans-serif;font-size:1.1rem;text-align:center}.row-time{color:var(--gray)}.del-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:#ff4d4f;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.2;margin:0 auto}.history-row:hover .del-btn{opacity:.6}.del-btn:hover{background:#ff4d4f1a;opacity:1!important;transform:scale(1.1)}.empty-msg{text-align:center;color:var(--gray);padding:2rem;font-style:italic;font-size:.9rem}@media(max-width:768px){.clicker-container{padding:2rem 15px;margin:1rem 0;min-height:60vh}.counter-btn{width:200px;height:200px;font-size:4rem}.history-section{margin-top:2rem;max-width:100%}summary{padding:1.25rem}}@media(max-width:480px){.history-header,.history-row{grid-template-columns:100px 1fr 50px}.header-item:nth-child(2),.row-time{display:none}.row-count{font-size:1rem}.row-item:first-child{text-align:left;padding-left:.5rem}}