:root{--primary-gradient:linear-gradient(135deg,#4b79a1,#283e51);--secondary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-color:#4b79a1;--secondary-color:#764ba2;--tertiary-color:#2196f3;--error-color:#ef8383;--text-primary:#2c3e50;--text-secondary:#34495e;--background-light:#f8fafc;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}body{background:#f8fafc;background:var(--background-light);color:#2c3e50;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-container{align-items:center;background:var(--background-light);display:flex;flex-direction:column;min-height:100vh}.home-content{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:1rem;text-align:center;width:100%}.home-title{color:#2c3e50;font-size:2.8rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:1.5rem;text-align:center}.title-highlight{color:var(--tertiary-color);position:relative}.title-highlight:after{animation:underlineAnimation .8s ease-out forwards;animation-delay:1s;background:var(--tertiary-color);bottom:-2px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);width:100%}.title-emphasis{color:var(--text-primary);font-style:italic}@keyframes underlineAnimation{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.home-divider{background:linear-gradient(90deg,#0000,#0000004d,#0000);border:none;height:2px;margin:1rem auto 2rem;width:100%}.home-title-buttons{display:flex;gap:1rem;justify-content:center}.home-nav-button{align-items:center;background:#0000;background-clip:padding-box,border-box;background-origin:border-box;border:none;border-radius:var(--radius-md);color:#333;cursor:pointer;display:flex;font-size:1.2rem;gap:10px;padding:10px 20px;position:relative;transition:border-color .3s ease-in-out}.home-nav-button:after{background:var(--tertiary-color);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease-in-out;width:0}.home-nav-button:hover:after{width:calc(100% - 40px)}.home-nav-button:hover{border-color:#0000}.home-subtitle{color:#ffffffe6;font-size:1.5rem;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:600px}.levels-grid{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:0 20px;width:100%}.level-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #666;border-radius:var(--radius-md);padding:30px 20px;transition:all .3s ease}.level-card:not(.locked){cursor:pointer}.lock-icon,.play-icon{color:var(--text-secondary);font-size:2.5rem;margin:10px 0}.level-card:hover:not(.locked){box-shadow:var(--shadow-lg);transform:translateY(-5px)}.level-card h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:15px}.level-card p{color:var(--text-secondary);margin-bottom:20px}.level-card.completed:after{align-items:center;background:var(--secondary-gradient);border-radius:50%;color:#fff;content:"✓";display:flex;font-weight:700;height:30px;justify-content:center;position:absolute;right:10px;top:20px;width:30px}.tip-result{font-size:1.5em;margin-top:8px}.completed{background-color:#ffffff1a}@media (max-width:1024px){.levels-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.home-divider{margin:1rem auto}.home-title{font-size:2.5rem;margin-bottom:1rem}.home-subtitle{font-size:1.2rem}.tip-result{font-size:.9em!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-card.completed:after{display:none}}.level-card.next-level{border-color:#3498db!important;border-width:3px;box-shadow:0 0 30px #3498db99}.level-card.next-level:hover{box-shadow:0 0 40px #3498dbcc}.start-over-button{align-items:center;background-color:#fff;border:none;border-radius:20px;bottom:20px;box-shadow:0 2px 4px #0003;color:#000;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;position:fixed;right:20px;z-index:100}.start-over-button:hover{background-color:var(--error-color-dark)}.welcome-popup-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.welcome-popup{background-color:#2c3e50;border:2px solid #3498db;border-radius:10px;box-shadow:0 0 20px #3498db4d;box-sizing:border-box;color:#ecf0f1;display:flex;flex-direction:column;height:500px;margin:1rem;padding:2rem;position:relative;text-align:center;width:min(600px,90vw)}.welcome-popup::-webkit-scrollbar{width:8px}.welcome-popup::-webkit-scrollbar-track{background:#2c3e50;border-radius:4px;margin:4px 0}.welcome-popup::-webkit-scrollbar-thumb{background-color:var(--tertiary-color);border:1px solid #2c3e50;border-radius:10px}.welcome-popup::-webkit-scrollbar-thumb:hover{background-color:#3498db}.welcome-section{flex:1 1;margin-bottom:0;overflow-y:auto;padding-right:10px;text-align:left}.section-header,.welcome-section p{margin-bottom:1rem}.section-header{align-items:center;color:var(--tertiary-color);display:flex}.section-icon{color:var(--tertiary-color);font-size:1.5rem;margin-right:.5rem}.instruction-list{display:flex;flex-direction:column;gap:.5rem;padding-left:.5rem}.instruction-item{align-items:flex-start;display:flex;gap:.5rem}.instruction-item svg{color:var(--tertiary-color);margin-top:.25rem}.instruction-item p{flex:1 1;margin:0}.welcome-button{align-items:center;background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;min-width:140px;padding:.8rem 1rem;transition:background-color .3s ease}.welcome-button:hover{background-color:#2980b9}.popup-close-x{color:#666}.popup-close-x:hover{color:#333}.navigation-buttons{display:flex;gap:1rem;justify-content:center;margin-top:auto;padding:20px 0 0;width:100%}.popup-close-button{min-width:120px}.level-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,200px);justify-content:center;margin-bottom:75px;max-width:1200px}.level-card,.level-grid{display:grid;padding:1.5rem}.level-card{align-items:center;background:var(--background-color);border:3px solid #666;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;cursor:pointer;grid-template-rows:auto 1fr auto;height:200px;justify-items:center;position:relative;text-align:center;width:200px}.level-card.locked{cursor:not-allowed;opacity:.7}.level-card.completed{background:var(--background-color)}.level-card.next-level{border-width:4px;box-shadow:0 6px 12px #00000026}.level-card h2{font-size:1.25rem;font-weight:700;grid-row:1;margin:0}.level-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;grid-row:3;margin:0;max-width:100%;opacity:.9;overflow:hidden;text-overflow:ellipsis}.lock-icon,.play-icon{align-self:center;font-size:1.75rem;grid-row:2;margin:0}.tip-result{align-self:center;font-size:1.5rem;font-weight:700;grid-row:2}.feedback-card{background:var(--background-color);border-color:var(--primary-color)}@media (max-width:768px){.level-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,100px);padding:.5rem}.level-card{border-width:2px;height:100px;padding:.5rem;width:100px}.level-card.next-level{border-width:3px}.level-card h2{font-size:.9rem}.level-card p{-webkit-line-clamp:none;display:block;font-size:.8rem}.lock-icon,.play-icon{font-size:1.25rem}.tip-result{font-size:.85rem}}.thankyou-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.thankyou-popup{background-color:#2c3e50;border:2px solid #3498db;border-radius:10px;box-shadow:0 0 20px #3498db4d;box-sizing:border-box;color:#ecf0f1;margin:1rem;max-width:500px;padding:1rem;position:relative;text-align:left}.thankyou-popup h2{color:#3498db;margin-bottom:1.5rem}.thankyou-message p{line-height:1.5;margin-bottom:1rem}.popup-close-x{align-items:center;background:none;border:none;color:#ecf0f1;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:5px;position:absolute;right:10px;top:10px;transition:color .3s ease}.popup-close-x:hover{color:#3498db}.email-wrapper{align-items:center;color:#3498db;cursor:pointer;display:inline-flex;gap:8px;position:relative;text-decoration:underline}.email-text{margin-right:4px}.copy-icon{align-items:center;display:inline-flex;font-size:1.2rem;height:24px;justify-content:center;width:24px}.copy-icon.copied{color:#2ecc71}.custom-text-modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.custom-text-modal{background-color:#2c3e50;border:2px solid #3498db;border-radius:10px;box-shadow:0 0 20px #3498db4d;color:#ecf0f1;max-width:500px;padding:2rem;text-align:center;width:90%}.modal-text{color:#ecf0f1;font-size:1.2rem;line-height:1.5;margin-bottom:1.5rem}.modal-buttons{gap:1rem;width:100%}.modal-button{align-items:center;background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;margin-top:1rem;max-width:200px;padding:.8rem 1.5rem;transition:background-color .3s ease}.modal-button:hover{background-color:#2980b9}.tip-button{text-wrap:nowrap;align-items:center;background-color:#fff;border:2px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;min-width:130px;padding:20px 40px;text-align:center;transition:all .2s ease}.tip-button:hover{background-color:var(--background-light);box-shadow:var(--shadow-md)}.tip-button.selected{background:var(--secondary-gradient);color:#fff}.tip-view{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px auto;max-width:400px;padding:20px;width:100%}.amount-row{display:flex;font-size:1.1rem;justify-content:space-between;padding:10px 0}.amount-row.total{border-top:2px solid #e0e0e0;font-size:1.2rem;font-weight:700;margin-top:10px;padding-top:15px}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border:4px solid;border-radius:15px;max-width:400px;padding:30px;text-align:center;width:90%}.tip-result-modal{font-size:2rem;font-weight:700;margin:20px 0}.completion-message{color:#666;font-size:1.1rem;margin-bottom:25px}.continue-button{background-color:var(--tertiary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px 30px}.custom-tip-modal{max-width:400px;width:90%}.input-container{align-items:center;display:flex;justify-content:center;margin:20px 0;position:relative}.dollar-sign{color:#666;font-size:1.5rem;left:85px;position:absolute}.custom-tip-modal input{border:2px solid #ddd;border-radius:8px;font-size:1.5rem;padding:10px 10px 10px 25px;text-align:center;width:200px}.custom-tip-modal input:focus{border-color:var(--secondary-color);outline:none}.error-message{color:var(--error-color);margin:10px 0}.modal-buttons{display:flex;gap:20px;justify-content:center;margin-top:20px}.modal-buttons button{border-radius:8px;cursor:pointer;font-size:1.1rem;min-width:120px;padding:12px 30px;transition:all .2s ease}.custom-tip-cancel-button{background:#fff;border:2px solid #ddd}.custom-tip-cancel-button:hover{background:#f5f5f5}.custom-tip-submit-button{background:var(--secondary-gradient);border:none;color:#fff}.level-container{align-items:center;display:flex;flex-direction:column;padding:0 20px}.level-title{color:#333;font-size:1.5rem;margin-bottom:10px;margin-top:.5rem;text-align:center}.level-subtitle{color:var(--text-secondary);font-size:1rem;text-align:center}.tip-container{align-items:center;display:flex;flex-direction:column;width:100%}.tip-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.tip-buttons .tip-button{max-width:130px;width:100%}@media (min-width:768px){.tip-buttons{grid-template-columns:repeat(3,1fr)}.tip-button{padding:15px 40px}.level-subtitle{font-size:1.2rem}.level-title{font-size:2rem}}.submit-button{background:var(--secondary-gradient);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:1.3rem;margin-top:20px;min-width:200px;padding:20px 50px;transition:all .2s ease}.submit-button:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.submit-button:disabled{cursor:not-allowed;opacity:.4!important;transform:none}@media (max-width:768px){.tip-button{font-size:1.2rem;padding:15px 30px}.submit-button{font-size:1.2rem;min-width:180px;padding:15px 40px}}.level-three-page{min-height:100vh;position:relative}.hidden-footer{padding:1rem}.spacer-div{opacity:0;width:100%}.footer-content{align-items:center;justify-content:center;padding:2rem}.footer-content button{width:200px}::-webkit-scrollbar{background:#0000;width:0}*{scrollbar-width:none}.layout{min-height:100vh}.back-button-container{align-items:center;display:flex;justify-content:space-between;padding:.5rem 1rem 0}.back-button{background-color:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#666;font-size:1rem;padding:8px 16px;text-decoration:none;transition:all .2s ease}.back-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateX(-5px)}.level-indicator{font-size:1.2em;font-weight:700;margin-left:8px;opacity:.8}.App{background:linear-gradient(135deg,#f5f7fa,#e4e8eb);min-height:100vh;position:relative}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}button{font-family:inherit}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{transition:opacity .3s,transform .3s}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.level-four-page{display:flex;flex-direction:column;min-height:100vh}.hidden-footer{margin-top:2rem;position:relative}.spacer-div{height:200vh}.footer-content{display:flex;flex-direction:column;height:100px;perspective:1000px;position:relative;text-align:center}.footer-content>div{height:100%;position:relative;width:100%}.back,.front{left:0;margin:auto;position:absolute;right:0;width:100%}.hidden-text{color:#666;font-style:italic}.back{align-items:center;display:flex;flex-direction:column}.back p{color:#666;font-style:italic;margin-top:1rem}.pattern-active{animation:glow 1.5s ease-in-out infinite;border:2px solid var(--tertiary-color)!important;box-shadow:0 0 15px var(--tertiary-color)}@keyframes glow{0%{box-shadow:0 0 15px var(--tertiary-color)}50%{box-shadow:0 0 25px var(--tertiary-color)}to{box-shadow:0 0 15px var(--tertiary-color)}}.tip-button-with-subtext{text-wrap:nowrap;align-items:center;background-color:#fff;border:2px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:1.4rem;gap:5px;justify-content:center;min-width:130px;padding:5px 40px;transition:all .2s ease}.tip-button-with-subtext:hover{background-color:var(--background-light);box-shadow:var(--shadow-md)}.tip-button-with-subtext.selected{background:var(--secondary-gradient);color:#fff}.tip-button-with-subtext .subtext{font-size:.8rem;opacity:.8}.tip-button-with-subtext:disabled{cursor:not-allowed;opacity:.6}.tip-buttons>div{perspective:1000px;transform-style:preserve-3d}.tip-buttons button{backface-visibility:hidden;transition:background-color .3s ease}.tip-buttons button.correct{background-color:#6aaa64!important;border-color:#6aaa64!important;color:#fff!important}.tip-button-with-subtext.correct.selected{background:#6aaa64!important;color:#fff!important}.tip-button-with-subtext.present.selected{background:#c9b458!important;color:#fff!important}.tip-button-with-subtext.absent.selected{background:#787c7e!important;color:#fff!important}.tip-buttons button.present{background-color:#c9b458!important;border-color:#c9b458!important;color:#fff!important}.tip-buttons button.absent{background-color:#787c7e!important;border-color:#787c7e!important;color:#fff!important}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.error-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 6px var(--tertiary-color);margin-top:2rem;padding:2rem}.error-content p{color:var(--text-primary);font-size:1.1rem;margin:.5rem 0}.error-container .submit-button{margin-top:2rem}.subtle-letter{color:var(--text-primary);font-weight:500;opacity:.8}@keyframes sparkle{0%{background-position:-500px 0}to{background-position:500px 0}}.level-10-title{animation:sparkle 4s linear infinite;background:linear-gradient(90deg,#2c3e50,#2c3e50 45%,#3498db 50%,#2c3e50 55%,#2c3e50);background-clip:text;-webkit-background-clip:text;background-size:1000px 100%;color:#0000!important;cursor:pointer;position:relative;text-decoration:none}.level-10-title a{color:inherit;cursor:default;text-decoration:none}.loading-container{flex-direction:column;gap:20px;height:200px}.loading-container,.loading-spinner{align-items:center;display:flex;justify-content:center}.loading-spinner{border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:60px;width:60px}.loading-spinner .dollar{color:#3498db;font-size:24px;font-weight:700}.loading-text{color:#666;font-size:1.1rem;margin:0}
/*# sourceMappingURL=main.7f79221e.css.map*/