:root{--color-primary: #4f46e5;--color-primary-transparent: rgba(79, 70, 229, .3);--color-primary-glow: rgba(79, 70, 229, .6);--color-white: #fff;--color-white-transparent: rgba(255, 255, 255, .87);--color-white-muted: rgba(255, 255, 255, .5);--color-dark: #121212;--color-dark-accent: #2a2a2a;--color-danger: red;--text-color: var(--color-white-transparent);--text-secondary: var(--color-white-muted);--bg-color: var(--color-dark);--bg-gradient-start: var(--color-dark);--bg-gradient-end: var(--color-dark-accent);--highlight-color: var(--color-primary);--highlight-opacity: var(--color-primary-transparent);--highlight-glow: var(--color-primary-glow);--toast-bg: rgba(30, 30, 30, .9);--toast-color: var(--color-white);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-milestone: "Roboto", sans-serif;--line-height-normal: 1.5;--line-height-tight: 1.1;--font-weight-normal: 400;--font-weight-bold: 700;--font-weight-extra-bold: 800;--letter-spacing-wide: .25rem;--letter-spacing-wider: .15em;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-very-slow: 1s;--duration-animation: .8s;--duration-toast: 5s;--z-base: 1;--z-animation: -1;--z-toast: 1000;--z-overlay: 2000;font-family:var(--font-sans);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color-scheme:light dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);overflow-x:hidden}.container{max-width:100%;width:100%;margin:0;padding:var(--spacing-md);text-align:center;display:flex;flex-direction:column;align-items:center;min-height:100vh;position:relative;z-index:var(--z-base)}.center-content{flex:1;display:flex;align-items:center;justify-content:center;width:100%}h1{font-size:var(--spacing-lg);line-height:var(--line-height-tight);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--letter-spacing-wide);height:4.4rem;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%;text-align:center;margin:0}.highlight{color:var(--highlight-color);position:relative;display:inline-block;transition:color var(--duration-normal) ease;min-width:2em;text-align:center;height:1.1em;line-height:var(--line-height-tight);overflow:visible}.highlight:after{content:"";position:absolute;bottom:.1em;left:-.1em;right:-.1em;height:.3em;background-color:var(--highlight-opacity);z-index:var(--z-animation);transform:rotate(-1deg);transition:background-color var(--duration-normal) ease}.clickable{cursor:pointer;transition:all var(--duration-fast) ease}.clickable:hover{transform:scale(1.05);text-shadow:0 0 8px var(--highlight-glow)}.clickable:active{transform:scale(.95)}#clickCounter{font-weight:var(--font-weight-bold);color:var(--highlight-color);transition:color var(--duration-normal) ease}#pressTarget{cursor:default;-webkit-user-select:none;user-select:none}#clickTarget{display:inline-flex;align-items:center;justify-content:center}#clickTarget span{display:inline-block}.animation-area{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:var(--z-animation)}.circle{position:absolute;border-radius:50%;opacity:.8;animation:float var(--duration-very-slow) ease-out forwards}.word-switch{position:relative;display:inline-block}.strikethrough{position:absolute;height:2px;background-color:var(--color-danger);left:0;right:100%;top:50%;transition:right var(--duration-animation) ease}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.shake{animation:shake .4s ease-in-out}@keyframes subtle-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.95}to{transform:scale(1);opacity:1}}.subtle-pulse{animation:subtle-pulse .7s ease-in-out}.transformation-active{transition:filter .5s ease-in-out;filter:hue-rotate(180deg) saturate(1.2)}.transformation-container{transition:transform .5s ease-in-out;transform:scale(1.02)}.transformation-heading{transition:all .5s ease-in-out;transform:rotate(1deg);text-shadow:0 0 20px rgba(79,70,229,.5)}.transformation-bg-effect{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(79,70,229,.1) 0%,transparent 70%);pointer-events:none;z-index:var(--z-animation);opacity:1;transition:opacity .5s ease-out}.fade-out{opacity:0;transition:opacity var(--duration-animation) cubic-bezier(.4,0,.2,1)}.fade-in{opacity:1;transition:opacity var(--duration-animation) cubic-bezier(.4,0,.2,1)}.invisible{opacity:0}@keyframes float{0%{transform:scale(0) rotate(0);opacity:0}20%{opacity:.8}to{transform:scale(1.5) rotate(360deg);opacity:0}}footer{position:relative;margin-top:auto;width:100%;text-align:center;font-size:.875rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-xs);padding-bottom:var(--spacing-sm)}.rgb-text{color:var(--highlight-color);text-decoration:none;transition:color var(--duration-normal) ease}footer a:hover{text-decoration:underline}#counterDisplay{display:flex;gap:.25rem;justify-content:center;align-items:center;flex-wrap:wrap}#actionText,#counterValue{position:relative;transition:opacity var(--duration-animation) ease}.toast{position:fixed;top:var(--spacing-md);left:50%;transform:translate(-50%);background-color:var(--toast-bg);color:var(--toast-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:2rem;font-size:1.1rem;font-weight:500;box-shadow:0 4px 12px #0000001a;z-index:var(--z-toast);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) ease,transform .4s ease}.toast.show{opacity:1;transform:translate(-50%) translateY(0);animation:toast-in-out var(--duration-toast) ease forwards}@keyframes toast-in-out{0%{opacity:0;transform:translate(-50%) translateY(-1rem)}20%,80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-1rem)}}.milestone-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffeb;z-index:var(--z-overlay);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease;overflow:hidden}.milestone-overlay:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:.03;animation:static-noise var(--duration-slow) steps(10) infinite}.milestone-overlay.show{opacity:1}.milestone-word{font-size:15rem;line-height:var(--line-height-tight);opacity:0;transform:scale(.8) perspective(400px) rotateX(5deg);transition:all var(--duration-normal) cubic-bezier(.19,1,.22,1);color:#f8f9ff;text-shadow:0 0 15px rgba(164,219,255,.4);font-family:var(--font-milestone);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;display:inline-block;filter:contrast(1.05);transform-origin:center center;padding:0 var(--spacing-md)}.milestone-word.show{opacity:1;transform:scale(1) perspective(400px) rotateX(5deg);animation:word-pulse var(--duration-very-slow) cubic-bezier(.19,1,.22,1) forwards}@keyframes static-noise{0%{transform:translate(0)}10%{transform:translate(-5%,5%)}20%{transform:translate(10%,10%)}30%{transform:translate(-10%)}40%{transform:translate(3%,-10%)}50%{transform:translate(-5%,5%)}60%{transform:translate(5%,10%)}70%{transform:translate(10%,-5%)}80%{transform:translate(-3%,10%)}90%{transform:translate(10%,5%)}to{transform:translate(0)}}@keyframes word-pulse{0%{transform:scale(1) perspective(400px) rotateX(5deg)}20%{transform:scale(1.05) perspective(400px) rotateX(5deg)}to{transform:scale(.92) perspective(400px) rotateX(5deg)}}@keyframes overlay-fade{0%,90%{opacity:1}to{opacity:0}}@media (prefers-color-scheme: light){:root{--text-color: #213547;--text-secondary: rgba(0, 0, 0, .5);--bg-color: #f8f8f8;--bg-gradient-start: #f8f8f8;--bg-gradient-end: #e0e0e0;--toast-bg: rgba(245, 245, 245, .95);--toast-color: #333}.toast{box-shadow:0 4px 12px #00000014}}.counter-text{display:inline-block}.count-value{font-weight:700}.top-header{position:fixed;top:var(--spacing-sm);right:var(--spacing-sm);z-index:calc(var(--z-overlay) - 1);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.icon-button{background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:var(--spacing-xs);opacity:.5;transition:opacity var(--duration-normal) ease,transform var(--duration-fast) ease;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.icon-button:hover{opacity:1;transform:scale(1.1)}.icon-button:active{transform:scale(.95)}.icon-button:focus{outline:2px solid var(--highlight-color);outline-offset:2px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) ease}.modal-backdrop.show{opacity:1;pointer-events:all}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background-color:var(--bg-color);border-radius:1rem;box-shadow:0 20px 60px #0000004d;z-index:calc(var(--z-overlay) + 1);max-width:90%;width:100%;max-width:500px;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) ease,transform var(--duration-normal) ease;padding:0;overflow:hidden}.modal.show{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.modal-content{padding:var(--spacing-md);position:relative}.modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);opacity:.6;transition:opacity var(--duration-normal) ease,transform var(--duration-fast) ease;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;z-index:1}.modal-close:hover{opacity:1;transform:scale(1.1)}.modal-close:active{transform:scale(.9)}.modal-close:focus{outline:2px solid var(--highlight-color);outline-offset:2px}.modal h2{margin:0 0 var(--spacing-md) 0;font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--text-color)}.modal-body{color:var(--text-color);line-height:var(--line-height-normal)}.modal-body p{margin:0 0 var(--spacing-sm) 0}.modal-body p:last-child{margin-bottom:0}.modal-body i{margin-right:.5rem;color:var(--highlight-color);width:1.25rem;text-align:center}.reset-button{background-color:var(--color-danger);color:var(--color-white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:.5rem;font-size:1rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--duration-normal) ease,transform var(--duration-fast) ease;margin-top:var(--spacing-md);width:100%}.reset-button:hover{background-color:#c00;transform:translateY(-2px);box-shadow:0 4px 12px #ff00004d}.reset-button:active{transform:translateY(0)}.reset-button:focus{outline:2px solid var(--color-danger);outline-offset:2px}.feedback-email{color:var(--highlight-color);text-decoration:none;font-size:1.25rem;font-weight:var(--font-weight-bold);transition:color var(--duration-normal) ease,text-decoration var(--duration-normal) ease;display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:.25rem}.feedback-email:hover{color:var(--highlight-glow);text-decoration:underline}.feedback-email:focus{outline:2px solid var(--highlight-color);outline-offset:2px}@media (max-width: 768px){.top-header{top:var(--spacing-xs);right:var(--spacing-xs)}.icon-button{font-size:1.1rem;width:2.25rem;height:2.25rem}.modal{max-width:95%;margin:var(--spacing-sm)}.modal-content{padding:var(--spacing-sm)}.modal h2{font-size:1.5rem;padding-right:2.5rem}}@media (prefers-color-scheme: light){.modal{background-color:var(--bg-color);box-shadow:0 20px 60px #00000026}.modal-backdrop{background-color:#0006}}