*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fffffff2;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tg-safe-area-top: 0px;--tg-safe-area-bottom: 0px;--safe-area-top: max(var(--tg-safe-area-top), env(safe-area-inset-top, 0px));--safe-area-bottom: max(var(--tg-safe-area-bottom), env(safe-area-inset-bottom, 0px))}body{margin:0;min-width:320px;min-height:100vh}button,input{font-family:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.goal-screen{display:flex;flex-direction:column;align-items:center;padding:24px;padding-top:calc(24px + var(--safe-area-top));padding-bottom:calc(24px + var(--safe-area-bottom));min-height:100vh;box-sizing:border-box}.goal-title{font-size:28px;font-weight:700;margin:0 0 12px}.goal-subtitle{font-size:16px;color:#888;margin:0 0 32px}.goals-container{width:100%;max-width:350px;margin-bottom:24px}.presets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-bottom:12px}.preset-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#1a1a1a;border:2px solid #333;border-radius:16px;cursor:pointer;transition:all .2s}.preset-card:hover{border-color:#4caf50}.preset-card.selected{border-color:#4caf50;background:#4caf501a}.preset-emoji{font-size:36px}.preset-name{font-size:14px;font-weight:600;text-align:center}.preset-amount{font-size:12px;color:#4caf50;font-weight:600}.preset-subtitle{font-size:11px;color:#888;margin-top:-4px}.custom-card{width:100%}.custom-inputs{width:100%;max-width:350px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.custom-input{width:100%;padding:14px 16px;font-size:16px;background:#1a1a1a;border:2px solid #333;border-radius:12px;color:#fff;box-sizing:border-box}.custom-input:focus{outline:none;border-color:#4caf50}.input-row{display:flex;align-items:center;gap:12px}.input-row .input-icon{font-size:20px;font-weight:600;color:#4caf50;min-width:24px;text-align:center}.input-row .custom-input{flex:1}.cta-button{width:100%;max-width:350px;padding:16px 24px;font-size:18px;font-weight:600;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:auto}.cta-button:disabled{background:#333;color:#666;cursor:not-allowed}.character-screen{display:flex;flex-direction:column;align-items:center;padding:24px;padding-top:calc(24px + var(--safe-area-top));padding-bottom:calc(24px + var(--safe-area-bottom));min-height:100vh;box-sizing:border-box}.character-title{font-size:28px;font-weight:700;margin:0 0 12px}.character-subtitle{font-size:16px;color:#888;margin:0 0 40px}.characters-row{display:flex;gap:16px;margin-bottom:40px}.character-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;background:#1a1a1a;border:2px solid #333;border-radius:20px;cursor:pointer;transition:all .2s;width:140px}.character-card:hover{border-color:#4caf50;transform:translateY(-4px)}.character-card.selected{border-color:#4caf50;background:#4caf501a;box-shadow:0 0 20px #4caf5033}.character-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden}.character-avatar img{width:100%;height:100%;object-fit:cover}.character-name{font-size:16px;font-weight:700}.character-desc{font-size:12px;color:#888;text-align:center}.cta-button{width:100%;max-width:300px;padding:16px 24px;font-size:18px;font-weight:600;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:auto}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.temptations-screen{display:flex;flex-direction:column;padding:24px;padding-top:calc(24px + var(--safe-area-top));padding-bottom:calc(24px + var(--safe-area-bottom));min-height:100vh;box-sizing:border-box;overflow-x:hidden;max-width:100vw}.temptations-title{font-size:28px;font-weight:700;margin:0 0 8px;text-align:center}.temptations-subtitle{font-size:16px;color:#888;margin:0 0 32px;text-align:center}.section-label{font-size:14px;font-weight:600;color:#888;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.presets-section{margin-bottom:24px}.presets-row{display:flex;flex-wrap:wrap;gap:12px}.preset-chip{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#1a1a1a;border:2px solid #333;border-radius:12px;cursor:pointer;transition:all .2s}.preset-chip:hover:not(.selected){border-color:#555;background:#222}.preset-chip.selected{border-color:#4caf50;background:#4caf5026}.preset-emoji{font-size:20px}.preset-name{font-size:14px;font-weight:600}.preset-price{font-size:14px;color:#4caf50;font-weight:500}.custom-section{margin-bottom:24px}.custom-row{display:flex;gap:8px;margin-bottom:12px}.custom-name{flex:1;min-width:0;padding:12px 16px;background:#1a1a1a;border:1px solid #333;border-radius:8px;font-size:16px;color:#fff}.custom-name:focus{outline:none;border-color:#4caf50}.price-input{display:flex;align-items:center;gap:4px;padding:0 12px 0 0;background:#1a1a1a;border:1px solid #333;border-radius:8px;flex-shrink:0}.price-input:focus-within{border-color:#4caf50}.custom-price{width:60px;padding:12px 4px 12px 12px;background:transparent;border:none;font-size:16px;color:#fff;text-align:right}.custom-price:focus{outline:none}.custom-price::-webkit-inner-spin-button,.custom-price::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.currency{color:#888;font-size:14px}.summary{text-align:center;color:#888;font-size:14px;margin-bottom:24px}.cta-button{width:100%;padding:16px 24px;font-size:18px;font-weight:600;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:auto}.cta-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.cta-button:disabled{opacity:.5;cursor:not-allowed}.character{display:flex;flex-direction:column;align-items:center;gap:12px}.character-body{position:relative;width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden}.character-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.character.hangover .character-body{filter:saturate(.7);animation:wobble 2s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.character.happy .character-body{animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.character-mood{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;max-width:280px;text-align:center}.happy-mood{background:#4caf5033;color:#4caf50}.hangover-mood{background:#ff572233;color:#ff5722}.mood-icon{font-size:18px;flex-shrink:0}.mood-text{font-weight:500}.character-mood.thinking{animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stage-badge{padding:6px 12px;background:linear-gradient(135deg,#333,#444);border-radius:12px;font-size:12px;font-weight:600;color:gold;text-transform:uppercase;letter-spacing:1px}.character.stage2 .stage-badge{background:linear-gradient(135deg,#2196f3,#1976d2)}.character.stage3 .stage-badge{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.character.stage4 .stage-badge{background:linear-gradient(135deg,#ff9800,#f57c00)}.character.stage5 .stage-badge{background:linear-gradient(135deg,gold,orange);color:#000}.boar-modal{position:relative;width:90%;max-width:340px;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border-radius:24px;padding:32px 24px;text-align:center;border:1px solid #333}.modal-close-x{position:absolute;top:12px;right:16px;background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;line-height:1}.modal-close-x:hover{color:#fff}.boar-photo{display:flex;justify-content:center;margin-bottom:20px}.boar-circle{width:140px;height:140px;border-radius:50%;border:3px solid #FFD700;object-fit:cover;box-shadow:0 0 20px #ffd70033}.boar-title{font-size:20px;font-weight:700;margin:0 0 8px;color:#fff}.boar-video-link{display:inline-block;font-size:13px;color:#4a9eff;text-decoration:none;margin-bottom:16px}.boar-video-link:hover{text-decoration:underline}.boar-text{font-size:14px;line-height:1.6;color:#aaa;margin:0 0 12px}.boar-text.highlight{color:gold;font-weight:600;font-size:15px}.boar-disclaimer{font-size:12px;color:#666;font-style:italic;margin:16px 0 24px}.stars-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:16px;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #ffd7004d}.stars-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.stars-btn:active{transform:translateY(0)}.stars-icon{font-size:24px}.stars-text{font-size:18px;font-weight:700;color:#000}.stars-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-error{color:#ff6b6b;font-size:13px;margin:0 0 16px;padding:8px 12px;background:#ff6b6b1a;border-radius:8px}.reset-modal{position:relative;width:90%;max-width:340px;background:linear-gradient(180deg,#1a0a0a,#0d0505);border-radius:24px;padding:32px 24px;text-align:center;border:1px solid #4a1a1a}.reset-title{font-size:22px;font-weight:800;margin:0 0 20px;color:#f44;text-transform:uppercase;letter-spacing:2px}.reset-text{font-size:14px;line-height:1.6;color:#aaa;margin:0 0 12px}.reset-text.highlight{color:#ff6b6b;font-weight:600;font-size:15px;margin-top:16px}.reset-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:24px;padding:16px 24px;background:linear-gradient(135deg,#f44,#c00);border:none;border-radius:16px;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #ff44444d}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f446}.reset-btn:active{transform:translateY(0)}.reset-icon{font-size:24px}.reset-btn-text{font-size:16px;font-weight:700;color:#fff}.reset-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-error{color:#ff6b6b;font-size:13px;margin:16px 0 0;padding:8px 12px;background:#ff6b6b1a;border-radius:8px}.dashboard{display:flex;flex-direction:column;min-height:100vh;padding:16px;padding-top:calc(16px + var(--safe-area-top));padding-bottom:calc(16px + var(--safe-area-bottom));box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.goal-info{display:flex;flex-direction:column;gap:2px}.goal-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:1px}.goal-name{font-size:18px;font-weight:700}.header-actions{display:flex;align-items:center;gap:8px}.share-btn{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2196f34d}.share-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #2196f366}.carrot-btn{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#ff9800,#f57c00);font-size:20px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ff98004d}.carrot-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #ff980066}.carrot-btn.bouncing{animation:carrotBounce .6s ease-out}@keyframes carrotBounce{0%{transform:scale(1)}30%{transform:scale(1.3)}50%{transform:scale(1.1)}70%{transform:scale(1.2)}to{transform:scale(1)}}.progress-section{margin-bottom:20px}.progress-bar-container{position:relative;height:28px;background:#1a1a1a;border-radius:14px;overflow:hidden;margin-bottom:6px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:14px;transition:width .5s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.savings-info{display:flex;justify-content:center;gap:6px;font-size:14px}.current-savings{font-weight:700;color:#4caf50}.savings-divider{color:#444}.goal-total{color:#666}.character-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:20px 0}.character-section.shaking{animation:shake .5s ease-in-out}.character-section.donation-glow{animation:goldGlow 2s ease-out}@keyframes goldGlow{0%{filter:drop-shadow(0 0 0 transparent)}20%{filter:drop-shadow(0 0 25px #FFD700)}80%{filter:drop-shadow(0 0 20px #FFD700)}to{filter:drop-shadow(0 0 0 transparent)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.rank-badge{margin-top:12px;padding:8px 20px;background:linear-gradient(135deg,#333,#222);border:1px solid #444;border-radius:20px;font-size:14px;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:2px}.hangover-badge{margin-top:12px;padding:8px 16px;background:#ff572226;border:1px solid rgba(255,87,34,.4);border-radius:20px;color:#ff5722;font-size:12px;font-weight:600}.saved-popup{position:absolute;top:20%;left:50%;transform:translate(-50%);padding:12px 24px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;font-size:18px;font-weight:700;color:#fff;animation:floatUp 2s ease-out forwards;box-shadow:0 4px 20px #4caf5080}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-60px)}}.actions-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;width:100%}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;border-radius:16px;cursor:pointer;transition:all .2s}.primary-btn{width:80%;padding:20px 24px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 0 30px #4caf5066}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 0 40px #4caf5099}.primary-btn:active{transform:translateY(0)}.primary-btn .btn-text{font-size:20px;font-weight:700;letter-spacing:1px}.secondary-btn{width:55%;padding:14px 20px;background:#1a1a1a;border:1px solid #333;color:#888}.secondary-btn:hover{background:#222;border-color:#444;color:#aaa}.secondary-btn .btn-text{font-size:14px;font-weight:600}.btn-subtext{font-size:10px;color:#555;margin-top:4px}.carrots-fed{text-align:center;font-size:13px;color:#ff9800;padding:10px;background:#ff98001a;border-radius:10px}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal{width:100%;max-width:320px;background:#1a1a1a;border-radius:20px;padding:24px}.modal-title{font-size:20px;font-weight:700;text-align:center;margin:0 0 20px}.habits-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.habit-btn{display:flex;align-items:center;gap:12px;padding:16px;background:#242424;border:2px solid #333;border-radius:12px;cursor:pointer;transition:all .2s}.habit-btn:hover{border-color:#4caf50;background:#4caf501a}.habit-emoji{font-size:24px}.habit-name{flex:1;font-size:16px;font-weight:600;text-align:left;color:#fff}.habit-amount{font-size:16px;font-weight:700;color:#4caf50}.modal-close{width:100%;padding:12px;background:transparent;border:1px solid #333;border-radius:8px;color:#888;cursor:pointer;font-size:14px}.modal-close:hover{border-color:#666;color:#fff}.achievement-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;padding-top:calc(20px + var(--tg-content-safe-area-inset-top, 0px));padding-bottom:calc(20px + var(--tg-content-safe-area-inset-bottom, 0px));background:linear-gradient(180deg,#1a1a2e,#16213e)}.achievement-content{text-align:center;max-width:320px}.achievement-trophy{margin-bottom:24px;animation:trophy-bounce 1s ease-in-out infinite}.trophy-emoji{font-size:80px;display:block}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.achievement-title{font-size:36px;font-weight:800;color:gold;margin:0 0 16px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(255,215,0,.5)}.achievement-subtitle{font-size:18px;color:#fffc;margin:0 0 40px;font-style:italic}.achievement-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;font-size:18px;font-weight:600;color:#1a1a2e;background:linear-gradient(135deg,gold,#fa0);border:none;border-radius:30px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ffd70066}.achievement-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #ffd70099}.achievement-btn:active{transform:scale(.98)}.btn-arrow{font-size:20px;transition:transform .2s}.achievement-btn:hover .btn-arrow{transform:translate(4px)}.reality-check-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;padding-top:calc(20px + var(--tg-content-safe-area-inset-top, 0px));padding-bottom:calc(20px + var(--tg-content-safe-area-inset-bottom, 0px));background:linear-gradient(180deg,#1a1a2e,#16213e)}.reality-check-content{text-align:center;max-width:340px;width:100%}.reality-title{font-size:28px;font-weight:800;color:#fff;margin:0 0 24px;text-transform:uppercase;letter-spacing:3px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;border-radius:16px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card.saved{background:linear-gradient(135deg,#4caf5033,#4caf501a);border:1px solid rgba(76,175,80,.3)}.stat-card.wins{background:linear-gradient(135deg,#2196f333,#2196f31a);border:1px solid rgba(33,150,243,.3)}.stat-card.sins{background:linear-gradient(135deg,#f4433633,#f443361a);border:1px solid rgba(244,67,54,.3)}.stat-card.days{background:linear-gradient(135deg,#ff980033,#ff98001a);border:1px solid rgba(255,152,0,.3)}.stat-icon{font-size:28px;margin-bottom:8px}.stat-value{font-size:24px;font-weight:700;color:#fff}.stat-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.top-temptation{background:#ffffff14;border-radius:16px;padding:16px;margin-bottom:32px}.temptation-label{display:block;font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.temptation-info{display:flex;align-items:center;justify-content:center;gap:8px}.temptation-emoji{font-size:24px}.temptation-name{font-size:18px;font-weight:600;color:#fff}.temptation-count{font-size:14px;color:#ffffff80;background:#ffffff1a;padding:4px 8px;border-radius:12px}.new-goal-btn{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px;font-size:18px;font-weight:600;color:#1a1a2e;background:linear-gradient(135deg,gold,#fa0);border:none;border-radius:20px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ffd70066;position:relative}.new-goal-btn:hover{transform:scale(1.02);box-shadow:0 6px 20px #ffd70099}.new-goal-btn:active{transform:scale(.98)}.btn-text{font-size:18px;font-weight:700}.btn-subtitle{font-size:12px;font-weight:400;opacity:.8;margin-top:4px}.btn-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;transition:transform .2s}.new-goal-btn:hover .btn-arrow{transform:translateY(-50%) translate(4px)}#root{width:100%;max-width:480px;margin:0 auto}