.app{max-width:600px;margin:0 auto;padding:20px;min-height:100vh}.header{text-align:center;margin-bottom:30px;position:relative}.header-content h1{margin:0 0 10px;font-size:2.5rem;font-weight:700}.header-content .subtitle{margin:0;opacity:.8;font-size:1.1rem}.minimize-button{position:absolute;top:0;right:0;background:rgba(255,255,255,.2);border:none;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:background-color .2s}.minimize-button:hover{background:rgba(255,255,255,.3)}.learning-banner{background:linear-gradient(135deg,#4CAF50,#45a049);border-radius:12px;padding:20px;margin-bottom:20px;text-align:center;box-shadow:0 4px 15px #0003}.learning-banner h3{margin:0 0 10px;font-size:1.3rem}.learning-banner p{margin:0 0 15px;opacity:.9}.learning-progress{background:rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;display:inline-block;margin-bottom:10px}.learning-days{font-weight:700;font-size:.9rem}.learning-stats{background:rgba(255,255,255,.1);border-radius:8px;padding:12px;margin-top:10px}.learning-stats p{margin:5px 0;font-size:.9rem}.learning-stats small{opacity:.8;font-size:.8rem}.learning-complete-banner{background:linear-gradient(135deg,#2196F3,#1976D2);border-radius:12px;padding:20px;margin-bottom:20px;text-align:center;box-shadow:0 4px 15px #0003}.learning-complete-banner h3{margin:0 0 10px;font-size:1.3rem}.learning-complete-banner p{margin:0 0 10px;opacity:.9}.learning-final-stats{background:rgba(255,255,255,.1);border-radius:8px;padding:10px;margin-top:10px}.learning-final-stats p{margin:0;font-size:.85rem;opacity:.8}.daily-counter{background:rgba(255,255,255,.1);border-radius:15px;padding:25px;margin-bottom:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.daily-count-display{margin-bottom:15px}.daily-count-number{font-size:3rem;font-weight:700;display:block;line-height:1}.daily-count-label{font-size:1rem;opacity:.8}.daily-counter-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.daily-date{font-size:.9rem;opacity:.8}.reset-daily-button{background:rgba(255,255,255,.2);border:none;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:background-color .2s}.reset-daily-button:hover{background:rgba(255,255,255,.3)}.cost-section{background:rgba(255,255,255,.1);border-radius:15px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cost-display{display:flex;justify-content:space-between;margin-bottom:15px;flex-wrap:wrap;gap:15px}.cost-item{display:flex;flex-direction:column;align-items:center;flex:1;min-width:120px}.cost-label{font-size:.9rem;opacity:.8;margin-bottom:5px}.cost-value{font-size:1.5rem;font-weight:700}.cost-value.total{color:gold}.encouraging-message{text-align:center;padding:10px;background:rgba(255,255,255,.1);border-radius:8px;font-size:.9rem;color:#fff}.cost-settings-section,.quitting-section{background:rgba(255,255,255,.1);border-radius:15px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cost-toggle,.quitting-toggle{display:flex;align-items:center;gap:15px;margin-bottom:15px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff4d;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(26px)}.toggle-label{font-weight:500;flex:1}.settings-button{background:rgba(255,255,255,.2);border:none;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:background-color .2s}.settings-button:hover{background:rgba(255,255,255,.3)}.settings-panel{background:rgba(255,255,255,.1);border-radius:10px;padding:15px;margin-top:15px}.setting-item{margin-bottom:15px}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;margin-bottom:5px;font-size:.9rem;opacity:.9}.setting-item select,.setting-item input{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:6px;font-size:.9rem;width:100%}.setting-item select:disabled,.setting-item input:disabled{opacity:.5;cursor:not-allowed}.setting-item small{display:block;margin-top:5px;font-size:.8rem;opacity:.7;font-style:italic}.minutes-input,.percentage-input,.price-input{display:flex;align-items:center;gap:8px}.minutes-input input,.percentage-input input,.price-input input{flex:1}.minutes-input span,.percentage-input span,.price-input span{font-size:.9rem;opacity:.8}.setting-info{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.setting-info p{margin:5px 0;font-size:.85rem;opacity:.8}.setting-info div p{margin:3px 0}.quitting-status{display:flex;justify-content:space-between;background:rgba(255,255,255,.1);border-radius:10px;padding:15px;margin-top:15px}.status-item{display:flex;flex-direction:column;align-items:center;flex:1}.status-label{font-size:.8rem;opacity:.8;margin-bottom:5px}.status-value{font-size:1.2rem;font-weight:700}.main-counter{background:rgba(255,255,255,.1);border-radius:15px;padding:30px;margin-bottom:30px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.count-display{margin-bottom:20px}.count-number{font-size:4rem;font-weight:700;display:block;line-height:1}.count-label{font-size:1.1rem;opacity:.8}.time-since-last,.time-until-next{margin-bottom:15px;padding:10px;background:rgba(255,255,255,.1);border-radius:8px}.time-label{display:block;font-size:.9rem;opacity:.8;margin-bottom:5px}.time-value{font-size:1.3rem;font-weight:700}.time-value.countdown{color:gold}.add-button{background:linear-gradient(135deg,#4CAF50,#45a049);border:none;color:#fff;padding:15px 30px;border-radius:12px;cursor:pointer;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #0003;margin:20px auto 0;min-width:200px}.add-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.add-button.disabled{background:linear-gradient(135deg,#757575,#616161);cursor:not-allowed;transform:none}.add-button.disabled:hover{transform:none;box-shadow:0 4px 15px #0003}.add-button.ready{background:linear-gradient(135deg,#FF9800,#F57C00);animation:pulse 2s infinite}.add-button.learning{background:linear-gradient(135deg,#2196F3,#1976D2);animation:learning-pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 4px 15px #0003}50%{box-shadow:0 4px 25px #ff980066}to{box-shadow:0 4px 15px #0003}}@keyframes learning-pulse{0%{box-shadow:0 4px 15px #0003}50%{box-shadow:0 4px 25px #2196f366}to{box-shadow:0 4px 15px #0003}}.button-icon{font-size:1.5rem}.wait-message{margin-top:15px;font-size:.9rem;opacity:.8;text-align:center}.daily-history{background:rgba(255,255,255,.1);border-radius:15px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.history-header h3{margin:0;font-size:1.3rem}.clear-button{background:rgba(255,255,255,.2);border:none;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.clear-button:hover{background:rgba(255,255,255,.3)}.daily-history-list{display:flex;flex-direction:column;gap:10px}.daily-history-item{background:rgba(255,255,255,.1);border-radius:10px;overflow:hidden}.daily-header{padding:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.daily-header:hover{background:rgba(255,255,255,.1)}.daily-info{display:flex;flex-direction:column;gap:5px}.daily-date{font-weight:700;font-size:1rem}.daily-count{font-size:.9rem;opacity:.8}.daily-meta{display:flex;align-items:center;gap:15px}.daily-cost{font-size:.9rem;font-weight:700;color:gold}.expand-icon{font-size:.8rem;transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.daily-details{padding:0 15px 15px;display:flex;flex-direction:column;gap:8px}.cigarette-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(255,255,255,.1);border-radius:6px;font-size:.85rem}.cigarette-time{font-weight:700}.cigarette-gap{flex:1;text-align:center}.gap-time{padding:2px 6px;border-radius:4px;font-size:.8rem}.gap-time.short{background:rgba(244,67,54,.3);color:#ffcdd2}.gap-time.medium{background:rgba(255,193,7,.3);color:#fff3c4}.gap-time.long{background:rgba(76,175,80,.3);color:#c8e6c9}.first-cigarette{font-style:italic;opacity:.7}.cigarette-cost{font-weight:700;color:gold}.empty-state{text-align:center;padding:40px 20px;opacity:.7}.empty-state p{margin:0;font-size:1.1rem}.minimized-app{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000}.floating-icon{position:absolute;width:80px;height:80px;background:linear-gradient(135deg,#4CAF50,#45a049);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;box-shadow:0 4px 20px #0000004d;transition:all .3s ease;-webkit-user-select:none;user-select:none}.floating-icon:hover{transform:scale(1.1);box-shadow:0 6px 25px #0006}.floating-icon.dragging{transform:scale(1.1);box-shadow:0 8px 30px #00000080;z-index:1001}.floating-icon.disabled{background:linear-gradient(135deg,#757575,#616161);cursor:not-allowed}.floating-icon.disabled:hover{transform:none}.floating-icon.ready{background:linear-gradient(135deg,#FF9800,#F57C00);animation:pulse 2s infinite}.floating-icon.learning{background:linear-gradient(135deg,#2196F3,#1976D2);animation:learning-pulse 2s infinite}.floating-icon-emoji{font-size:2rem;line-height:1;margin-bottom:2px}.floating-icon-count{font-size:.8rem;font-weight:700;color:#fff;background:rgba(0,0,0,.3);padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}@media (max-width: 480px){.app{padding:15px}.header-content h1{font-size:2rem}.daily-count-number{font-size:2.5rem}.count-number{font-size:3rem}.cost-display{flex-direction:column;gap:10px}.daily-counter-actions{flex-direction:column;text-align:center}.cigarette-item{flex-direction:column;gap:5px;text-align:center}.floating-icon{width:70px;height:70px}.floating-icon-emoji{font-size:1.8rem}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root{min-height:100vh}