@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #f7f9fc;--surface: #ffffff;--accent: #4f46e5;--accent-hover: #4338ca;--text: #1e1e2d;--text-light: #6b7280;--border: #e5e7eb;--radius: 14px;--shadow: 0 6px 24px rgba(0, 0, 0, .05)}*{box-sizing:border-box}body,html{margin:0;padding:0;background-color:var(--bg);font-family:Inter,sans-serif;color:var(--text)}.app{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 4rem;min-height:100vh;background:linear-gradient(180deg,#f7f9fc,#eef1f7)}.counter{background:var(--surface);padding:.75rem 1.25rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;font-weight:500;font-size:1rem;color:var(--accent)}.tip-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem;max-width:420px;width:100%;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.tip-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000000f}.tip-card h1{font-size:1.8rem;margin:0;color:var(--text)}.subtitle{color:var(--text-light);font-size:.95rem;margin-bottom:1.5rem}.token-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.token-buttons button{flex:1 0 45%;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.token-buttons button:hover{border-color:var(--accent);color:var(--accent)}.token-buttons .selected{background:var(--accent);color:#fff;border-color:var(--accent)}.form{display:flex;flex-direction:column;gap:.75rem}.form input{padding:.75rem 1rem;font-size:1rem;border-radius:var(--radius);border:1px solid var(--border);outline:none;transition:border-color .2s ease}.form input:focus{border-color:var(--accent)}.quick-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.quick-buttons button{flex:1 0 45%;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.75rem;font-weight:500;cursor:pointer;transition:background .2s ease}.quick-buttons button:hover{background:var(--accent-hover)}button.Send_Tip{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.9rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:background .2s ease}button.Send_Tip:hover{background:var(--accent-hover)}.funMessage{margin-top:1.2rem;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;border-radius:var(--radius);padding:.75rem;font-weight:500;animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.history{margin-top:2.5rem;max-width:600px;width:100%;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.history h2{margin-top:0;font-size:1.3rem;color:var(--text);text-align:center;margin-bottom:1rem}.tipLine{display:flex;flex-direction:column;border-bottom:1px solid var(--border);padding:.75rem 0;font-size:.9rem}.tipLine:last-child{border-bottom:none}.tipAmount{font-weight:600;color:var(--accent)}.tipAddress{font-family:monospace;color:var(--text-light);font-size:.85rem}.tipMsg{color:var(--text);margin-top:.25rem;font-size:.85rem}@media (min-width: 768px){.tip-card{max-width:480px}.token-buttons button,.quick-buttons button{flex:1 0 22%}}