:root{--bg-color:#0f0f13;--text-color:#ffffff;--primary:#ef4444;--secondary:#ec4899;--accent:#3b82f6;--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1);--font-main:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 4px 6px rgba(0,0,0,.1)}.glass-panel{background:rgba(20,20,25,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px}.btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease;color:white}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:white}.btn-success{background:#22c55e;color:white}.btn-danger{background:#ef4444;color:white}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:minmax(200px,1fr);gap:20px;padding:20px;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.5);opacity:1}70%{transform:scale(.9)}to{transform:scale(1);opacity:0}}.gift-bounce{animation:bounceIn 3s ease-out forwards}.room-container{display:flex;height:100vh;max-height:100vh;overflow:hidden;background-size:cover;background-position:50%;background-color:#0f172a}.room-main{flex:3 1;padding:20px;display:flex;flex-direction:column;position:relative;min-width:0}.room-sidebar{flex:1 1;border-left:1px solid rgba(255,255,255,.1);max-width:400px;display:flex;flex-direction:column;padding:15px;background:rgba(0,0,0,.2)}.room-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}@media (max-width:768px){.room-container{flex-direction:column;height:100vh;overflow-y:auto}.room-main{flex:2 1;padding:10px;height:60vh;min-height:300px}.room-sidebar{flex:1 1;border-left:none;border-top:1px solid rgba(255,255,255,.1);max-width:100%;height:40vh;padding:10px}.room-header{margin-bottom:10px}.room-header h2{font-size:1.2rem}.grid-layout{gap:10px;padding:0;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.glass-panel{max-width:100%}}