html,body{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden}.page-background[data-v-2a107e12]{min-height:100vh;width:100%;background:linear-gradient(135deg,#f6d365,#fda085);display:flex;align-items:center;justify-content:space-between;position:relative}.app-container[data-v-2a107e12]{max-width:600px;width:90%;margin:0 auto;padding:2rem;font-family:Inter,sans-serif;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;opacity:0;animation:fadeIn-2a107e12 2.5s forwards}.title[data-v-2a107e12]{color:#2d3748;font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.subtitle[data-v-2a107e12]{color:#4a5568;font-size:1.1rem;margin-bottom:2rem}.smiley-selector[data-v-2a107e12]{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:2rem}.smiley-btn[data-v-2a107e12]{font-size:2.5rem;background:none;border:none;padding:10px;cursor:pointer;transition:all .3s ease;border-radius:50%;position:relative}.smiley-btn[data-v-2a107e12]:hover{transform:scale(1.3);background-color:#f7fafc;box-shadow:0 2px 10px #0000001a}.smiley-btn[data-v-2a107e12]:hover:after{content:attr(data-tooltip);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background-color:#2d3748;color:#fff;padding:5px 10px;border-radius:4px;font-size:.9rem;white-space:nowrap;z-index:10}.feedback-message[data-v-2a107e12]{font-size:1.2rem;color:#38a169;padding:1rem;border-radius:8px;background-color:#f0fff4;margin:1.5rem 0}.tip-section[data-v-2a107e12]{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.tip-section h2[data-v-2a107e12]{color:#2d3748;font-size:1.5rem;margin-bottom:1rem}.tip-section .subtitle[data-v-2a107e12]{margin-bottom:1rem}.tip-options[data-v-2a107e12]{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:1.5rem}.submit-button-container[data-v-2a107e12]{display:flex;justify-content:flex-end;margin-bottom:1rem}.tip-btn[data-v-2a107e12]{background-color:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:1.1rem;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s ease}.tip-btn[data-v-2a107e12]:hover{background-color:#edf2f7;transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.tip-btn.selected[data-v-2a107e12]{background-color:#ebf8ff;border-color:#4299e1;color:#2b6cb0}.custom-tip[data-v-2a107e12]{display:flex;align-items:center;position:relative}.currency-symbol[data-v-2a107e12]{position:absolute;left:12px;font-size:1.1rem;color:#4a5568}.custom-tip-input[data-v-2a107e12]{width:100px;padding:10px 15px 10px 28px;font-size:1.1rem;border:2px solid #e2e8f0;border-radius:8px;transition:border-color .2s ease}.custom-tip-input[data-v-2a107e12]:focus{outline:none;border-color:#4299e1}.submit-tip-btn[data-v-2a107e12]{background-color:#4299e1;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-tip-btn[data-v-2a107e12]:hover:not(:disabled){background-color:#3182ce;transform:translateY(-2px);box-shadow:0 4px 12px #4299e14d}.submit-tip-btn[data-v-2a107e12]:disabled{background-color:#cbd5e0;cursor:not-allowed}.tip-confirmation[data-v-2a107e12]{margin-top:1.5rem;padding:1rem;background-color:#ebf8ff;border-radius:8px;color:#2b6cb0;font-weight:500;animation:fadeIn-2a107e12 .5s ease}.comment-box[data-v-2a107e12]{width:100%;padding:10px;font-size:1rem;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;resize:none;transition:border-color .2s ease;box-sizing:border-box}.comment-box[data-v-2a107e12]:focus{outline:none;border-color:#4299e1}.disclaimer[data-v-2a107e12]{font-size:.66rem;color:#718096;text-align:center;font-style:italic}.disclaimer p[data-v-2a107e12]{margin:.2rem 0;line-height:1.2}.site-footer[data-v-2a107e12]{width:100%;text-align:center;font-size:.9rem;color:#718096;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;animation-delay:.5s}.footer-link[data-v-2a107e12]{position:relative;color:#ef5b04;text-decoration:none;font-weight:600;transition:all .25s ease;padding:0 .1em;text-shadow:0 0 5px rgba(239,91,4,.2)}.footer-link[data-v-2a107e12]:before{content:"";position:absolute;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(239,91,4,.2) 50%,transparent 100%);left:-33%;top:0;transition:left .5s ease,opacity .2s ease;opacity:0}.footer-link[data-v-2a107e12]:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,#ef5b04,#bd4803);transform:scaleX(.6);transform-origin:bottom center;transition:transform .3s ease-out,opacity .2s ease;opacity:.7;border-radius:1px}.footer-link[data-v-2a107e12]:hover{color:#fb782b;text-shadow:0 0 10px rgba(239,91,4,.3)}.footer-link[data-v-2a107e12]:hover:before{left:60%;opacity:1}.footer-link[data-v-2a107e12]:hover:after{transform:scaleX(.5);opacity:1;box-shadow:0 0 8px #ef5b0466}@keyframes fadeIn-2a107e12{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.app-container[data-v-2a107e12]{padding:1.5rem}.title[data-v-2a107e12]{font-size:1.8rem}.feedback-message[data-v-2a107e12],.tip-confirmation[data-v-2a107e12]{font-size:1rem}}@media (max-width: 480px){.app-container[data-v-2a107e12]{padding:1rem;width:90%}.title[data-v-2a107e12]{font-size:1.5rem}.subtitle[data-v-2a107e12]{font-size:.9rem}.submit-tip-btn[data-v-2a107e12]{padding:10px 20px;font-size:1rem;width:100%}.submit-button-container[data-v-2a107e12]{width:100%}.smiley-btn[data-v-2a107e12],.tip-btn[data-v-2a107e12]{min-height:44px;min-width:44px}}