[data-astro-cid-qmczvt2e]{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;overflow-x:auto}.app-container[data-astro-cid-qmczvt2e]{max-width:1200px;margin:0 auto}.header[data-astro-cid-qmczvt2e]{text-align:center;color:#fff;margin-bottom:20px}.header[data-astro-cid-qmczvt2e] h1[data-astro-cid-qmczvt2e]{font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:10px}.user-info[data-astro-cid-qmczvt2e]{display:flex;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.online-users[data-astro-cid-qmczvt2e]{background:#ffffff1a;padding:10px 20px;border-radius:25px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connection-status[data-astro-cid-qmczvt2e]{background:#4caf50cc;padding:10px 20px;border-radius:25px;color:#fff;font-weight:700}.fridge-container[data-astro-cid-qmczvt2e]{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.fridge-surface[data-astro-cid-qmczvt2e]{width:800px;height:600px;background:linear-gradient(145deg,#e8e8e8,#f5f5f5);border-radius:20px;position:relative;box-shadow:0 20px 40px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #0000001a;border:3px solid #ddd;overflow:hidden}.fridge-surface[data-astro-cid-qmczvt2e]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.3) 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);pointer-events:none}.magnet-palette[data-astro-cid-qmczvt2e]{width:300px;background:#ffffff1a;border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:600px;overflow-y:auto}.palette-section[data-astro-cid-qmczvt2e]{margin-bottom:20px}.palette-title[data-astro-cid-qmczvt2e]{color:#fff;font-weight:700;margin-bottom:10px;text-align:center}.letter-grid[data-astro-cid-qmczvt2e]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:15px}.postcard-grid[data-astro-cid-qmczvt2e]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.fridge-magnet[data-astro-cid-qmczvt2e]{position:absolute;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;transition:transform .1s ease;z-index:10}.fridge-magnet[data-astro-cid-qmczvt2e]:hover{transform:scale(1.05);z-index:20}.fridge-magnet[data-astro-cid-qmczvt2e].dragging{cursor:grabbing;z-index:1000!important;transform:scale(1.1) rotate(2deg);pointer-events:none}.letter-magnet[data-astro-cid-qmczvt2e]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #0003,0 4px 8px #0000001a,inset 0 1px #fff6,inset 0 -1px #0003;border:2px solid rgba(255,255,255,.3)}.postcard-magnet[data-astro-cid-qmczvt2e]{width:120px;height:80px;border-radius:6px;background-size:cover;background-position:center;box-shadow:0 3px 6px #0000004d,0 6px 12px #0003,inset 0 1px #ffffff4d;border:3px solid white}.number-magnet[data-astro-cid-qmczvt2e]{width:35px;height:35px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #0003,inset 0 1px #fff6}.color-red[data-astro-cid-qmczvt2e]{background:linear-gradient(145deg,#ff6b6b,#ee5a5a)}.color-blue[data-astro-cid-qmczvt2e]{background:linear-gradient(145deg,#4ecdc4,#44a08d)}.color-green[data-astro-cid-qmczvt2e]{background:linear-gradient(145deg,#95e1d3,#81c784)}.color-yellow[data-astro-cid-qmczvt2e]{background:linear-gradient(145deg,#fce38a,#f38ba8)}.color-orange[data-astro-cid-qmczvt2e]{background:linear-gradient(145deg,#ff9a56,#f57c00)}.color-purple[data-astro-cid-qmczvt2e]{background:linear-gradient(145deg,#a8edea,#fed6e3)}.color-pink[data-astro-cid-qmczvt2e]{background:linear-gradient(145deg,#ff8a80,#ff7043)}.instructions[data-astro-cid-qmczvt2e]{color:#fff;text-align:center;margin-top:20px;opacity:.8}.user-cursor[data-astro-cid-qmczvt2e]{position:absolute;pointer-events:none;z-index:100;transition:all .1s ease}.cursor-dot[data-astro-cid-qmczvt2e]{width:12px;height:12px;border-radius:50%;background:#f44;border:2px solid white;box-shadow:0 2px 4px #0000004d}.cursor-name[data-astro-cid-qmczvt2e]{background:#f44;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;margin-left:15px;margin-top:-2px;white-space:nowrap}@keyframes magneticSnap{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0)}}.magnet-attracted[data-astro-cid-qmczvt2e]{animation:magneticSnap .3s ease-out}.fridge-surface[data-astro-cid-qmczvt2e].drop-zone{box-shadow:0 20px 40px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #0000001a,inset 0 0 20px #4caf504d}@media (max-width: 768px){.fridge-container[data-astro-cid-qmczvt2e]{flex-direction:column;align-items:center}.fridge-surface[data-astro-cid-qmczvt2e]{width:100%;max-width:500px;height:400px}.magnet-palette[data-astro-cid-qmczvt2e]{width:100%;max-width:500px}.header[data-astro-cid-qmczvt2e] h1[data-astro-cid-qmczvt2e]{font-size:2rem}}