@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@300;400;600&display=swap";:root{--primary-gold: #d4af37;--soft-pink: #f8e1e7;--accent-rose: #e6b0aa;--text-dark: #4a4a4a;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .5);--bg-gradient: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;background:var(--bg-gradient);min-height:100vh;display:flex;justify-content:center;align-items:center;color:var(--text-dark)}#root{width:100%;display:flex;justify-content:center;padding:20px}.container{max-width:600px;width:100%;padding:40px;background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:30px;box-shadow:0 20px 50px #0000000d;text-align:center;display:flex;flex-direction:column;align-items:center}h1{font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:20px;color:var(--primary-gold);letter-spacing:1px}.status{font-size:1.1rem;margin-bottom:25px;height:1.5rem;font-style:italic;color:#777}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px;width:100%;max-width:350px}.square{aspect-ratio:1;background:#fff;border-radius:15px;display:flex;justify-content:center;align-items:center;font-size:2.5rem;font-weight:300;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #00000005;border:1px solid rgba(0,0,0,.02)}.square:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 15px #0000000d;background:#fafafa}.square.x{color:var(--accent-rose);text-shadow:0 2px 4px rgba(230,176,170,.2)}.square.o{color:var(--primary-gold);text-shadow:0 2px 4px rgba(212,175,55,.2)}.message-box{background:#fff;padding:25px;border-radius:20px;box-shadow:0 10px 30px #00000014;margin-bottom:30px;width:100%;animation:slideUp .5s ease}.promo-code{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;color:var(--primary-gold);margin:15px 0;background:#fdfaf0;padding:15px;border-radius:12px;border:2px dashed var(--primary-gold)}button{background:var(--primary-gold);color:#fff;border:none;padding:12px 35px;border-radius:50px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:15px}button:hover{background:#c19b2e;transform:scale(1.03);box-shadow:0 5px 15px #d4af374d}.messages-section{margin-top:20px;width:100%;text-align:left}.messages-section h3{font-family:Playfair Display,serif;font-size:1.3rem;color:var(--primary-gold);margin-bottom:15px;border-bottom:1px solid var(--soft-pink);padding-bottom:8px}.messages-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto;padding-right:5px}.messages-list::-webkit-scrollbar{width:5px}.messages-list::-webkit-scrollbar-thumb{background:var(--soft-pink);border-radius:10px}.message-item{background:#fff9;padding:12px 15px;border-radius:12px;font-size:.9rem;border-left:4px solid var(--soft-pink);animation:fadeIn .4s ease}.message-user{font-weight:600;color:var(--accent-rose);margin-right:8px}.message-text{color:var(--text-dark)}.no-messages{color:#999;font-style:italic;font-size:.85rem;text-align:center;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.container{padding:25px}h1{font-size:2rem}}