*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ef4444;--primary-light:#f87171;--primary-dark:#dc2626;--secondary:#10b981;--secondary-light:#34d399;--accent:#ef4444;--success:#10b981;--warning:#f59e0b;--danger:#dc2626;--background:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--text-light:#94a3b8;--text-muted:#cbd5e1;--border:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius-sm:6px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--background);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .4s ease-out}.slide-in{animation:slideIn .3s ease-out}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-dark);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-secondary)}.ad-placeholder,.google-ad{display:flex;justify-content:center;margin:2rem 0}.ad-placeholder{align-items:center;background:var(--background);border:1px dashed var(--border-dark);border-radius:6px;padding:2rem}.ad-placeholder.ad-horizontal{min-height:120px;width:100%}.ad-placeholder.ad-vertical{min-height:300px;width:100%}.ad-placeholder-content{color:var(--text-light);text-align:center}.ad-placeholder-content p{font-size:.95rem;font-weight:500;margin-bottom:.25rem}.ad-placeholder-content small{font-size:.8rem;opacity:.7}@media (max-width:768px){.ad-placeholder{padding:1.5rem}.ad-placeholder.ad-horizontal{min-height:100px}.ad-placeholder.ad-vertical{min-height:250px}}.language-switcher{align-items:center;display:flex;gap:.5rem;padding:.5rem}.lang-button{background:none;border:none;border-radius:4px;color:var(--text-light);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.lang-button:hover{background:var(--background);color:var(--text-secondary)}.lang-button.active{color:var(--primary);font-weight:600}.lang-separator{color:var(--border-dark);font-size:.875rem}.home{display:flex;flex-direction:column;min-height:100vh}.home-header{background:var(--surface);border-bottom:1px solid var(--border);margin-bottom:3rem;padding:3.5rem 0 3rem}.hero{color:var(--text-primary);text-align:center}.hero-top{gap:2rem;margin-bottom:1rem}.hero-title,.hero-top{align-items:center;display:flex;justify-content:center}.hero-title{margin:0}.logo-image{height:60px;object-fit:contain;width:auto}.gradient-text{color:var(--primary)}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;font-weight:400;margin-bottom:.75rem}.hero-description{color:var(--text-light);font-size:1rem;font-weight:400;line-height:1.7;margin:0 auto;max-width:600px}.home-content{flex:1 1}.home-content,.main-section{display:flex;flex-direction:column;gap:2rem}.task-form{gap:1.5rem}.form-group,.task-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{color:var(--text-primary);font-size:.9rem;font-weight:500;letter-spacing:.01em}.char-count{color:var(--text-secondary);font-size:.875rem;margin-top:-.25rem;text-align:right}.form-actions{display:flex;gap:1rem;margin-top:.5rem}.form-actions .button{flex:1 1}.error-message{background:#fef5f5;border:1px solid var(--danger);border-radius:6px;color:var(--danger);font-size:.9rem;font-weight:400;padding:1rem;text-align:center}.features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1.75rem;text-align:center;transition:all .2s ease}.feature-card:hover{border-color:var(--border-dark);box-shadow:0 4px 12px var(--shadow-md);transform:translateY(-2px)}.feature-icon{color:var(--primary);font-size:1.5rem;font-weight:500;margin-bottom:.75rem}.feature-card h3{color:var(--text-primary);font-size:1rem;font-weight:500;margin-bottom:.35rem}.feature-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.ad-section{margin:2rem 0}.footer{border-top:1px solid var(--border);color:var(--text-light);font-size:.9rem;margin-top:4rem;padding:2rem 0;text-align:center}@media (max-width:768px){.home-header{padding:2rem 0 3rem}.hero-top{flex-direction:column;gap:1rem}.logo-image{height:50px}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:1rem}.form-actions{flex-direction:column}.features{grid-template-columns:1fr}}.task-timer{align-items:center;background:var(--surface-hover);border:1px solid var(--border-light);border-radius:var(--radius);display:flex;gap:1rem;justify-content:space-between;margin-top:.75rem;padding:.875rem 1rem;transition:all .2s ease}.task-timer.active{background:linear-gradient(135deg,#ef44440d,#dc26260d);border-color:var(--primary)}.task-timer.paused{background:#f59e0b0d;border-color:var(--warning)}.task-timer.completed{background:#10b9810d;border-color:var(--success)}.timer-display{align-items:center;display:flex;flex:1 1;gap:.625rem}.timer-icon{font-size:1.125rem;opacity:.8}.task-timer.active .timer-icon{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.timer-time{color:var(--text-secondary);font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9375rem;font-weight:600;letter-spacing:.05em;min-width:85px}.task-timer.active .timer-time{color:var(--primary);font-weight:700}.task-timer.paused .timer-time{color:var(--warning)}.task-timer.completed .timer-time{color:var(--success)}.timer-controls{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.timer-button{background:var(--surface);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;letter-spacing:.01em;padding:.5rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.timer-button:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-1px)}.timer-button:active:not(:disabled){transform:translateY(0)}.timer-button-start{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);color:#fff}.timer-button-start:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%);box-shadow:0 4px 12px #ef444466}.timer-button-pause{background:linear-gradient(135deg,var(--warning) 0,#fbbf24 100%);color:#fff}.timer-button-pause:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0,var(--warning) 100%);box-shadow:0 4px 12px #f59e0b66}.timer-button-resume{background:linear-gradient(135deg,var(--success) 0,var(--secondary-light) 100%);color:#fff}.timer-button-resume:hover:not(:disabled){background:linear-gradient(135deg,#059669 0,var(--success) 100%);box-shadow:0 4px 12px #10b98166}.timer-button-finish{background:var(--text-secondary);color:#fff}.timer-button-finish:hover:not(:disabled){background:var(--text-primary);box-shadow:var(--shadow)}.timer-status-text{color:var(--text-secondary);font-size:.85rem;font-style:italic}.timer-error{background:#ef444414;border:1px solid #ef444433;border-radius:var(--radius-sm);color:var(--danger);font-size:.8125rem;font-weight:500;margin-bottom:.625rem;padding:.625rem .875rem;width:100%}.timer-button:disabled{border-color:var(--border)!important;cursor:not-allowed;opacity:.5}.timer-button:disabled,.timer-button:disabled:hover{background:var(--border)!important;color:var(--text-secondary)!important}.timer-button:disabled:hover{transform:none}@media (max-width:768px){.task-timer{align-items:stretch;flex-direction:column;gap:.875rem}.timer-controls{gap:.625rem;justify-content:stretch;width:100%}.timer-button{flex:1 1;padding:.625rem .875rem;text-align:center}}.statistics-panel{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.75rem}.statistics-empty{color:var(--text-light);font-size:.875rem;font-weight:500;margin:0;padding:1rem 0;text-align:center}.statistics-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.statistic-item{background:var(--surface-hover);border:1px solid var(--border-light);border-radius:var(--radius);display:flex;flex-direction:column;gap:.625rem;padding:1rem;transition:all .2s ease}.statistic-item:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.statistic-label{color:var(--text-light);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.statistic-value{color:var(--text-primary);font-family:SF Mono,Monaco,Courier New,monospace;font-size:1.375rem;font-weight:700;letter-spacing:-.02em}.statistic-task{display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:.375rem}.statistic-task-text{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statistic-task-time{color:var(--primary);font-family:SF Mono,Monaco,Courier New,monospace;font-size:1.125rem;font-weight:700;letter-spacing:.05em}@media (max-width:768px){.statistics-grid{gap:1rem;grid-template-columns:1fr}.statistics-panel{padding:1rem}}.list-view{display:flex;flex-direction:column;min-height:100vh;position:relative}.success-message{animation:slideDown .4s ease-out;left:50%;position:fixed;top:2rem;transform:translateX(-50%);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.success-content{background:var(--surface);border:2px solid var(--success);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);gap:1.25rem;padding:1.5rem 2rem}.success-content,.success-icon{align-items:center;display:flex}.success-icon{background:linear-gradient(135deg,var(--success) 0,var(--secondary-light) 100%);border-radius:var(--radius-full);box-shadow:0 4px 12px #10b9814d;color:#fff;flex-shrink:0;font-size:1.5rem;font-weight:700;height:44px;justify-content:center;width:44px}.success-text{flex:1 1;min-width:0}.success-content h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.success-content p{color:var(--text-secondary);font-size:.9rem;margin:0}.success-button{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.01em;padding:.75rem 1.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.success-button:hover{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.list-header{background:var(--surface);border-bottom:1px solid var(--border-light);margin-bottom:2.5rem;padding:1.25rem 0}.list-header-content{align-items:center;display:flex;justify-content:space-between}.back-button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.01em;padding:.625rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:var(--surface-hover);border-color:var(--primary);box-shadow:var(--shadow);color:var(--primary);transform:translateY(-1px)}.list-content{display:flex;flex:1 1;flex-direction:column;gap:2rem}.list-card{animation-delay:0s;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.list-title-section{border-bottom:1px solid var(--border-light);margin-bottom:2rem;padding-bottom:1.75rem}.list-title{color:var(--text-primary);font-size:1.875rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.75rem}.list-meta{font-size:.875rem;gap:1rem}.list-date,.list-meta{align-items:center;color:var(--text-light);display:flex}.list-date{gap:.5rem}.progress-section{background:linear-gradient(135deg,#ef444408,#dc262608);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:2.5rem;padding:1.25rem}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.875rem}.progress-text{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.01em}.progress-percentage{color:var(--primary);font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.progress-bar{background:var(--border-light);height:10px;overflow:hidden;position:relative}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,var(--primary) 0,var(--primary-light) 100%);box-shadow:0 2px 4px #ef444433;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.tasks-list{gap:.875rem;margin-bottom:2rem}.task-item,.tasks-list{display:flex;flex-direction:column}.task-item{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);gap:.75rem;padding:1.25rem 1.5rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.task-item:before{background:var(--primary);border-radius:var(--radius-full) 0 0 var(--radius-full);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:3px}.task-item:hover{background:var(--surface-hover);border-color:var(--border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.task-item:hover:before{opacity:1}.task-item.active{background:linear-gradient(to right,#ef444408,var(--surface));border-color:var(--primary)}.task-item.active:before{opacity:1}.task-main-content{align-items:flex-start;cursor:pointer;display:flex;flex:1 1;gap:1rem}.task-item.completed{background:var(--surface-hover);opacity:.7}.task-item.completed .task-text{color:var(--text-secondary);text-decoration:line-through}.task-checkbox{align-items:center;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-top:2px;width:22px}.checkbox-unchecked{background:var(--surface);border:2px solid var(--border-dark);border-radius:var(--radius-full);display:block;height:22px;transition:all .2s cubic-bezier(.4,0,.2,1);width:22px}.task-item:hover .checkbox-unchecked{background:#ef44440d;border-color:var(--primary)}.checkbox-checked{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:var(--radius-full);box-shadow:0 2px 4px #ef44444d;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:22px;justify-content:center;width:22px}.task-text{color:var(--text-primary);flex:1 1;font-size:.9375rem;font-weight:500;letter-spacing:-.01em;line-height:1.6}.list-actions{border-top:1px solid var(--border-light);display:flex;justify-content:center;padding-top:2rem}.list-actions .button{min-width:220px}.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.spinner{animation:spin 1s linear infinite;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{padding:4rem 2rem;text-align:center}.error-icon{color:var(--text-light);font-size:3rem;margin-bottom:1rem}.error-container h2{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.error-container p{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.link-button{background:none;border:none;color:var(--primary);cursor:pointer;font-family:Inter,sans-serif;font-size:inherit;font-weight:600;text-decoration:underline}.link-button:hover{color:var(--primary-light)}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.footer-link{align-items:center;color:var(--text-secondary);display:inline-flex;font-weight:500;gap:.35rem;text-decoration:none;transition:all .2s ease}.footer-link:hover{color:var(--primary);transform:translateY(-1px)}.instagram-icon{display:inline-block;height:16px;vertical-align:middle;width:16px}.add-task-form{margin-bottom:2rem}.add-task-input-wrapper{align-items:stretch;display:flex;gap:.75rem}.add-task-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:.9375rem;letter-spacing:-.01em;padding:.875rem 1.125rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.add-task-input::placeholder{color:var(--text-light)}.add-task-input:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px #ef44441a;outline:none}.add-task-input:disabled{background:var(--surface-hover);cursor:not-allowed;opacity:.6}.add-task-button{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;letter-spacing:.01em;padding:.875rem 1.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.add-task-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.add-task-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.statistics-section{margin-bottom:2rem}.statistics-toggle-button{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.01em;margin-bottom:1rem;padding:.875rem 1.125rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.statistics-toggle-button:hover{background:var(--surface-hover);border-color:var(--primary);box-shadow:var(--shadow-sm);color:var(--primary);transform:translateY(-1px)}@media (max-width:768px){.list-title{font-size:1.5rem}.task-item{padding:.75rem}.list-actions .button{width:100%}.success-message{left:1rem;right:1rem;top:1rem;transform:none}.success-content{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.success-content,.success-text{text-align:center}.success-content h3{font-size:1rem}.success-content p{font-size:.875rem}.success-button{padding:.75rem 1.5rem;width:100%}}.App{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:800px;padding:2rem;width:100%}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:2.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--border);box-shadow:var(--shadow)}.button{border:none;border-radius:var(--radius);cursor:pointer;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;letter-spacing:.01em;padding:.875rem 2rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.button-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);box-shadow:var(--shadow-sm);color:#fff}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.button-secondary{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--text-secondary)}.button-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:Inter,sans-serif;font-size:.9375rem;letter-spacing:-.01em;padding:.875rem 1.125rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.input::placeholder{color:var(--text-light)}.input:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px #ef44441a;outline:none}.textarea{font-family:Inter,sans-serif;line-height:1.8;min-height:200px;resize:vertical}@media (max-width:768px){.container{padding:1rem}.card{border-radius:12px;padding:1.5rem}}
/*# sourceMappingURL=main.65b696b9.css.map*/