@tailwind base;@tailwind components;@tailwind utilities;html,body{overflow-x:hidden}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2")}:root{--font-sans: "Poppins", sans-serif;--bg-light: #ffffff;--text-light: #111827;--text-subtle-light: #374151;--card-bg-light: #f3f4f6;--bg-dark: #111827;--text-dark: #e5e7eb;--text-subtle-dark: #9ca3af;--card-bg-dark: #1f2937;--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #818cf8;--success: #22c55e;--white: #ffffff;--border-color: #374151}body{background-color:var(--bg-light);color:var(--text-light);min-height:100vh;padding:1rem}body.dark-mode{background-color:var(--bg-dark);color:var(--text-dark)}.container{max-width:80rem;margin-inline:auto}.app-footer{text-align:center;color:#b9bbbe;margin-top:2rem;padding:1rem;font-size:.875rem}.clean-notification{position:fixed;top:20px;right:20px;background:#fff;color:#374151;padding:15px 20px;border-radius:8px;box-shadow:0 4px 15px #0003;z-index:1000;font-weight:500;border-left:4px solid #6b7280;animation:slideInNotification .3s ease}.clean-notification.success{border-left-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.clean-notification.error{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fef7f7)}.clean-notification.info{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#f0f9ff)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInNotification{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.consent-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:95%;max-width:800px;background-color:#2c2f33;color:#e5e7eb;padding:1rem;gap:.5rem;border-radius:12px;box-shadow:0 10px 30px #0000004d;z-index:10000;display:flex;flex-direction:row;align-items:center;text-align:left;opacity:1;transition:opacity .5s ease,transform .5s ease}.consent-toast.hide{opacity:0;transform:translate(-50%) translateY(20px)}.consent-toast p{margin:0;flex-grow:1;font-size:.8rem;line-height:1.5}.consent-toast button{background-color:#5865f2;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.consent-toast button:hover{background-color:#4752c4}.theme-toggle-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:background-color .3s ease,color .3s ease}.theme-toggle-btn:hover{background-color:#0000001a}.theme-toggle-btn svg{transition:transform .5s ease}.moon-icon,body.dark-mode .sun-icon{display:none}body.dark-mode .moon-icon{display:block}body.dark-mode .theme-toggle-btn svg{transform:rotate(360deg)}@media (max-width: 768px){.header{padding:.1rem .25rem;margin-bottom:.25rem}.header-content{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:.15rem}.header-text h1{font-size:.7rem}.header-text p{display:none}.header-controls{gap:.15rem}.header-button{padding:.1rem .25rem;font-size:.5rem}.user-info-container{padding:.1rem .25rem;margin-top:-.25rem;flex-direction:row;justify-content:space-between}#logged-in-info,#guest-info{flex-direction:row;gap:.15rem;text-align:left;width:auto;padding:.1rem .2rem;font-size:.5rem}.user-info-container p{font-size:.5rem;margin:0}#daily-reward-btn,#guest-reward-btn{padding:.1rem .25rem;font-size:.5rem;border-radius:.1rem}.consent-toast{max-width:90%;padding:.25rem .5rem;flex-direction:row;gap:.25rem;align-items:center;text-align:left;border-radius:.25rem}.consent-toast p{font-size:.6rem;line-height:1.2}.consent-toast button{padding:.1rem .4rem;font-size:.6rem;border-radius:.25rem}}