@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-primary:#f0f2f5;--color-bg-secondary:#ffffff;--color-bg-card:rgba(255,255,255,0.7);--color-text-primary:#1a1a2e;--color-text-secondary:#4a4a6a;--color-border:rgba(0,0,0,0.1);--color-input-bg:rgba(0,0,0,0.05);--color-accent-1:#8b5cf6;--color-accent-2:#3b82f6;--color-accent-3:#06b6d4;--gradient-primary:linear-gradient(135deg,#8b5cf6,#3b82f6 50%,#06b6d4);--gradient-glow:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(59,130,246,0.2));--shadow-card:0 10px 30px rgba(0,0,0,0.05);--shadow-hover:0 15px 35px rgba(0,0,0,0.1)}.dark{--color-bg-primary:#0a0a0f;--color-bg-secondary:#151520;--color-bg-card:rgba(25,25,40,0.6);--color-text-primary:#ffffff;--color-text-secondary:#a0a0b0;--color-border:rgba(255,255,255,0.1);--color-input-bg:rgba(255,255,255,0.05);--shadow-card:0 20px 60px rgba(0,0,0,0.3);--shadow-hover:0 25px 70px rgba(0,0,0,0.4)}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body{background-image:radial-gradient(circle at 20% 20%,var(--color-accent-1) 0,transparent 20%),radial-gradient(circle at 80% 80%,var(--color-accent-2) 0,transparent 20%);background-attachment:fixed;opacity:1}.dark body{background-image:radial-gradient(circle at 20% 20%,rgba(139,92,246,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0,transparent 50%)}.main-container{min-height:calc(100vh - 80px);padding:2rem 1rem;display:flex;align-items:center;justify-content:center}.content-wrapper{width:100%;max-width:75%;margin:0 auto;text-align:center}.nav-container{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:1rem 0;transition:background-color .3s ease}.dark .nav-container{background:rgba(10,10,15,.8)}.nav-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;justify-content:space-between}.nav-content,.nav-links{display:flex;align-items:center}.nav-links{gap:1.5rem}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-link.active,.nav-link:hover{color:var(--color-accent-2)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--gradient-primary);border-radius:2px}.header{text-align:center;margin-bottom:3rem}.theme-switcher{gap:.5rem;justify-content:end}.theme-btn,.theme-switcher{display:flex;align-items:center}.theme-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;justify-content:center;color:var(--color-text-secondary)}.theme-btn:hover{background:var(--color-input-bg);color:var(--color-text-primary)}.title{font-size:4rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em}.title-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 5s ease infinite}@keyframes gradient-shift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}.subtitle{font-size:1.25rem;color:var(--color-text-secondary);font-weight:400}.card{background:var(--color-bg-card);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-card);transition:all .3s ease}.self-center{margin-top:10px}.form-section{background:var(--color-bg-card);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-card);transition:all .3s ease}.input-form{gap:2rem}.form-group,.input-form{display:flex;flex-direction:column}.form-group{gap:.75rem}.form-label{font-size:.95rem;font-weight:600;letter-spacing:.02em}.form-input,.form-label{color:var(--color-text-primary)}.form-input{padding:1rem 1.25rem;background:var(--color-input-bg);border:2px solid var(--color-border);border-radius:12px;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-input:hover{border-color:rgba(139,92,246,.3);background:rgba(139,92,246,.05)}.form-input:focus{border-color:var(--color-accent-1);box-shadow:0 0 0 4px rgba(139,92,246,.2)}.form-input:focus,.form-slider{outline:none;background:var(--color-input-bg)}.form-slider{width:100%;height:8px;border-radius:4px;-webkit-appearance:none;appearance:none;cursor:pointer}.form-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;box-shadow:0 4px 12px rgba(139,92,246,.5);transition:transform .2s ease}.form-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.form-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;border:none;box-shadow:0 4px 12px rgba(139,92,246,.5);transition:transform .2s ease}.form-slider::-moz-range-thumb:hover{transform:scale(1.15)}.slider-labels{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-secondary);margin-top:-.5rem;padding:0 .5rem}.submit-button{padding:1rem 2rem;background:var(--gradient-primary);border:none;border-radius:12px;color:white;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px rgba(139,92,246,.4);margin-top:1rem}.submit-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(139,92,246,.6)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.timer-section{margin-bottom:3rem}.time-display-container{background:var(--color-bg-card);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:24px;padding:3rem 2rem;box-shadow:var(--shadow-card)}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.time-grid:last-child{margin-bottom:0}.time-unit{text-align:center;padding:1.5rem;background:var(--color-input-bg);border-radius:16px;border:1px solid var(--color-border);transition:all .3s ease}.time-unit:hover{background:rgba(139,92,246,.05);border-color:rgba(139,92,246,.2);transform:translateY(-4px);box-shadow:var(--shadow-hover)}.time-value{font-size:3.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.time-label{font-size:1rem;color:var(--color-text-secondary);font-weight:500;letter-spacing:.05em}.progress-section{margin-bottom:3rem}.progress-container{background:var(--color-bg-card);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-card)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.progress-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.progress-percentage{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar-wrapper{height:24px;background:var(--color-input-bg);border-radius:12px;overflow:hidden;margin-bottom:1rem;position:relative;border:1px solid var(--color-border)}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:12px;transition:width .5s ease;position:relative;overflow:hidden}.progress-bar-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:glow-slide 2s infinite}@keyframes glow-slide{0%{left:-100%}to{left:200%}}.progress-labels{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-secondary)}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--color-bg-card);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;box-shadow:var(--shadow-card)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:rgba(139,92,246,.2)}.stat-icon{font-size:2.5rem;line-height:1}.stat-content{flex:1}.stat-title{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:.5rem;font-weight:500}.stat-value{font-size:2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin-top:.25rem}.actions-section{text-align:center;margin-top:3rem}.reset-button{padding:1rem 2.5rem;background:var(--color-input-bg);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-button:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444;transform:translateY(-2px)}.reset-button:active{transform:translateY(0)}.footer{margin-top:4rem;text-align:center;color:var(--color-text-secondary);font-size:.95rem}@media (max-width:768px){.content-wrapper{max-width:85%}.header{margin-bottom:1.3rem}.title{font-size:2.5rem}.subtitle{font-size:1rem}.time-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.time-value{font-size:2.5rem}.stats-section{grid-template-columns:1fr}.form-section,.progress-container,.time-display-container{padding:1.5rem}}@media (max-width:480px){.title{font-size:2rem}.timer-section{margin-bottom:2rem}.time-unit{padding:1rem}.time-grid{grid-template-columns:repeat(3,1fr)}.time-value{font-size:1.5rem}.progress-section{margin-bottom:2rem}.footer{font-size:.8rem}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}