@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Roboto+Mono:wght@500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}#wage-root{position:relative;min-height:100vh;background:#0a0a0f;font-family:Inter,-apple-system,sans-serif;color:#fff;display:flex;flex-direction:column}#wage-root.timer-active{height:100dvh;min-height:-webkit-fill-available;overflow:hidden}.bg-gradient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 10% 0%,hsla(45,60%,20%,.15) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 90% 100%,hsla(30,80%,25%,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,hsla(45,40%,15%,.08) 0%,transparent 70%);z-index:0}.particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.container{position:relative;z-index:10;width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;flex:1}#wage-root.timer-active .container{height:100%;overflow:hidden}.app-header{padding:0 1.5rem;background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,215,0,.1);flex-shrink:0}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}.header-title-group{display:flex;flex-direction:column;gap:.2rem}.app-title{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:800;background:linear-gradient(135deg,#fff 20%,gold,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.title-icon{-webkit-text-fill-color:initial;background:none;filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.app-subtitle{font-size:.8rem;color:#ffffff80;font-weight:500;letter-spacing:.02em}.header-actions{display:flex;align-items:center;gap:.75rem}.back-to-tools-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:100px;font-size:.85rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.back-to-tools-btn:hover{background:#ffffff1f;color:#fff;border-color:#fff3}.info-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.info-btn:hover{background:#ffffff1f;color:#fff;border-color:#fff3}@media (max-width: 500px){.back-to-tools-btn span{display:none}.back-to-tools-btn{padding:0;width:40px;height:40px;justify-content:center}}.main-content{padding:1.5rem;display:flex;flex-direction:column;justify-content:center;flex:1;overflow:hidden}.setup-screen,.timer-screen{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:600px;margin:auto}.back-to-setup-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:100px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start;text-decoration:none}.back-to-setup-btn:hover{background:#ffffff1f;color:#fff;border-color:#fff3}.hidden{display:none!important}.current-accumulated-box{grid-column:1 / -1;background:linear-gradient(135deg,#ffd70014,#ff8c0014);border:1px solid rgba(255,215,0,.25);border-radius:12px;padding:.8rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;margin-top:.3rem}.accumulated-header{display:flex;align-items:center;gap:.5rem}.accumulated-label{font-size:.8rem;font-weight:700;color:gold}.accumulated-time{font-size:.75rem;color:#ffffff80;font-family:Roboto Mono,monospace}.accumulated-value{font-size:1.6rem;font-weight:900;color:#fff;font-family:Roboto Mono,monospace;text-shadow:0 2px 10px rgba(255,215,0,.2)}.settings-panel{background:#ffffff08;border:1px solid rgba(255,215,0,.15);border-radius:16px;padding:1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;backdrop-filter:blur(10px)}@media (max-width: 600px){.settings-panel{grid-template-columns:1fr;gap:1rem}}.setting-group{display:flex;flex-direction:column;gap:.4rem}.setting-group label{font-size:.85rem;font-weight:600;color:#ffffffd9}.input-field{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.7rem .9rem;border-radius:8px;font-size:1.1rem;font-family:Roboto Mono,monospace;transition:all .2s;outline:none}.input-field:focus{border-color:gold;box-shadow:0 0 0 2px #ffd70033}.hint{font-size:.7rem;color:#fff6}.calculated-info{grid-column:1 / -1;display:flex;justify-content:space-around;background:#ffd7000d;border-radius:12px;padding:.8rem}.info-item{display:flex;flex-direction:column;align-items:center;gap:.2rem}.info-label{font-size:.75rem;color:#ffffff80}.info-value{font-size:1.2rem;font-weight:800;color:gold;font-family:Roboto Mono,monospace}.btn-setup-start{background:linear-gradient(135deg,gold,#fa0);color:#000;border:none;border-radius:12px;padding:.9rem 2rem;font-size:1.15rem;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #ffd70040}.btn-setup-start:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.btn-setup-start:active{transform:translateY(0) scale(.98)}.use-cases-section{border-top:1px solid rgba(255,255,255,.05);padding-top:1.2rem}.use-cases-title{font-size:1.1rem;font-weight:800;text-align:center;margin-bottom:1rem;color:#ffffffe6}.use-cases-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.use-cases-grid{grid-template-columns:1fr}}.use-case-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:1rem;display:flex;gap:.8rem;align-items:flex-start}.use-case-icon{font-size:1.5rem;line-height:1}.use-case-heading{font-size:.9rem;font-weight:700;margin-bottom:.2rem;color:#fff}.use-case-desc{font-size:.8rem;color:#ffffff80;line-height:1.5}.display-panel{background:radial-gradient(circle at center,#1e1400cc,#0a0a0fe6);border:2px solid rgba(255,215,0,.2);border-radius:24px;padding:3.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080,inset 0 0 40px #ffd7000d;transition:transform .1s ease;flex:1}.display-panel.tick-pulse{transform:scale(1.02);box-shadow:0 10px 40px #00000080,inset 0 0 60px #ffd70026}.display-panel.penalty-flash{animation:redFlash .5s ease-in-out}@keyframes redFlash{0%{border-color:#ffd70033;background-color:#1e1400cc}50%{border-color:#ff4d4dcc;background-color:#32000099}to{border-color:#ffd70033;background-color:#1e1400cc}}.penalty-banner{position:absolute;top:3.5rem;background:#ff4d4d33;border:1px solid rgba(255,77,77,.4);color:#ff4d4d;padding:.3rem .8rem;border-radius:6px;font-size:.8rem;font-weight:700;animation:bannerBounce .5s ease infinite alternate;z-index:10}@keyframes bannerBounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.penalty-particle{position:absolute;font-size:clamp(1.2rem,3.5vw,1.8rem);font-weight:900;color:#ff4d4d;pointer-events:none;animation:floatDown 1.5s cubic-bezier(.2,1,.3,1) forwards;text-shadow:0 2px 10px rgba(0,0,0,.9);z-index:20}@keyframes floatDown{0%{opacity:0;transform:translateY(-20px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.3)}80%{opacity:1;transform:translateY(40px) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.amount-container.negative .amount-integer{background:linear-gradient(180deg,#fff,#ff4d4d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.amount-container.negative .currency-symbol{color:#ff4d4d}.status-badge{position:absolute;top:1.5rem;background:#ffffff1a;color:#fff9;padding:.3rem .8rem;border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.status-badge.active{background:#ffd70033;color:gold;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.amount-container{display:flex;align-items:baseline;justify-content:center;font-family:Roboto Mono,monospace;font-weight:900;color:#fff;line-height:1;margin:1rem 0;text-shadow:0 4px 20px rgba(255,215,0,.3)}.currency-symbol{font-size:clamp(2rem,6vw,3.5rem);color:gold;margin-right:.3rem}.amount-integer{font-size:clamp(3.5rem,11vw,6.5rem);letter-spacing:-.02em;background:linear-gradient(180deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.amount-decimal{font-size:clamp(2rem,6vw,3.5rem);color:#ffffffa6}.elapsed-time{font-family:Roboto Mono,monospace;font-size:1.1rem;color:#ffffff73;margin-top:1rem}.coin-particle{position:absolute;font-size:clamp(1.1rem,3vw,1.6rem);font-weight:700;color:gold;pointer-events:none;animation:floatUp 1s cubic-bezier(.2,1,.3,1) forwards;text-shadow:0 2px 10px rgba(0,0,0,.8);z-index:20}@keyframes floatUp{0%{opacity:0;transform:translateY(20px) scale(.5)}20%{opacity:1;transform:translateY(0) scale(1.2)}80%{opacity:1;transform:translateY(-40px) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.controls-panel{display:flex;justify-content:center;align-items:center;gap:1.2rem;flex-shrink:0}.btn{border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:50%}.btn:active{transform:scale(.92)}.btn-main{width:70px;height:70px;font-size:1.8rem;background:linear-gradient(135deg,gold,#fa0);color:#000;box-shadow:0 8px 25px #ffd7004d}.btn-main:hover{transform:translateY(-4px);box-shadow:0 12px 30px #ffd70080}.btn-main.running{background:linear-gradient(135deg,#ff4d4d,#c00);color:#fff;box-shadow:0 8px 25px #ff4d4d4d}.btn-icon{width:48px;height:48px;font-size:1.3rem;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-icon:hover{background:#ffffff26;border-color:#ffffff4d}.btn-icon[data-sound=on]{color:gold;border-color:#ffd7004d}.btn-complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b9814d;box-shadow:0 4px 15px #10b98140}.btn-complete:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#10b98180;box-shadow:0 6px 20px #10b98166}.share-btn-x{background:#fff;color:#000;border:none;border-radius:12px;padding:.8rem 1.5rem;font-size:1.05rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 15px #ffffff1a}.share-btn-x:hover{background:#e6e6e6;transform:translateY(-2px)}.share-btn-x:active{transform:translateY(0)}#downloadCertBtn{background:linear-gradient(135deg,gold,#fa0);color:#000;border:none;box-shadow:0 4px 15px #ffd70040}#downloadCertBtn:hover{background:linear-gradient(135deg,#ffe033,#fb3)!important;box-shadow:0 6px 20px #ffd70066}.congrats-stats{margin:.5rem 0}.ad-section{margin-top:auto;padding-top:1rem;text-align:center;flex-shrink:0}#info-modal,#congrats-modal,#confirm-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}#info-modal:not([aria-hidden=true]),#congrats-modal:not([aria-hidden=true]),#confirm-modal:not([aria-hidden=true]){opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(5px)}.modal-box{position:relative;background:#15151e;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000080;transform:scale(.95);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}#congrats-modal .modal-box,#confirm-modal .modal-box{max-width:450px}#certificateCanvas{width:100%;max-width:390px;height:auto;border-radius:12px;box-shadow:0 8px 30px #00000080;border:1px solid rgba(255,255,255,.15);margin:0 auto;display:block}#info-modal:not([aria-hidden=true]) .modal-box,#congrats-modal:not([aria-hidden=true]) .modal-box,#confirm-modal:not([aria-hidden=true]) .modal-box{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.05)}.modal-title{font-size:1.1rem;font-weight:700;color:#fff}.modal-close{background:none;border:none;color:#ffffff80;font-size:1.2rem;cursor:pointer;transition:color .2s}.modal-close:hover{color:#fff}.modal-body{padding:1.2rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.tool-seo-section h2{font-size:1.2rem;color:#fff;margin-bottom:.8rem}.tool-seo-section h3{font-size:1rem;color:gold;margin:1.2rem 0 .6rem}.tool-seo-section p{font-size:.9rem;color:#ffffffb3;line-height:1.6;margin-bottom:.8rem}.tool-seo-section ul{padding-left:1.2rem;color:#ffffffb3}.tool-seo-section li{margin-bottom:.4rem;line-height:1.5;font-size:.9rem}.fullscreen-mode .app-header{display:none!important}.fullscreen-mode .main-content{padding:0;justify-content:center}.fullscreen-mode .timer-screen{max-width:100%;height:100%;justify-content:space-evenly;gap:2rem;margin:0}.fullscreen-mode .back-to-setup-btn{display:none!important}.fullscreen-mode .display-panel{flex:1;border:none;background:transparent;box-shadow:none;padding:0}.fullscreen-mode .amount-integer{font-size:clamp(6rem,20vw,15rem)}.fullscreen-mode .currency-symbol,.fullscreen-mode .amount-decimal{font-size:clamp(3rem,10vw,6rem)}.fullscreen-mode .elapsed-time{font-size:clamp(1.2rem,3.5vw,2.5rem);margin-top:2rem}.fullscreen-mode .status-badge{font-size:clamp(.9rem,2.5vw,1.4rem);top:2rem}.fullscreen-mode .controls-panel{padding-bottom:3rem}.fullscreen-mode .penalty-banner{top:5rem;font-size:clamp(1rem,2vw,1.5rem)}.fullscreen-mode .ad-section{display:none!important}