:root{color-scheme:dark;--bg-dark: #090d16;--card-bg: rgba(15, 23, 42, .75);--card-border: rgba(30, 41, 59, .8);--text-main: #f8fafc;--text-muted: #94a3b8;--primary-indigo: #6366f1;--primary-violet: #8b5cf6;--status-emerald: #10b981;--status-amber: #f59e0b;--status-rose: #f43f5e}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(236,72,153,.12) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(139,92,246,.1) 0px,transparent 50%);background-attachment:fixed}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0f172a66;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#334155cc;border-radius:4px}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.min-h-screen{min-height:100vh}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-4{padding-left:1rem;padding-right:1rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-8>*+*{margin-top:2rem}.flex{display:flex}.grid{display:grid;gap:1.5rem}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border:1px solid var(--card-border)}.bg-card{background:var(--card-bg);backdrop-filter:blur(12px)}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-white{color:#fff}.text-slate-100{color:#f1f5f9}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-emerald-400{color:#34d399}.text-amber-400{color:#fbbf24}.text-rose-400{color:#fb7185}.text-indigo-400{color:#818cf8}.text-indigo-300{color:#a5b4fc}.text-pink-400{color:#f472b6}.text-amber-300{color:#fcd34d}.bg-emerald-500\/10{background-color:#10b9811a;border-color:#10b9814d}.bg-amber-500\/10{background-color:#f59e0b1a;border-color:#f59e0b4d}.bg-rose-500\/10{background-color:#f43f5e1a;border-color:#f43f5e4d}.bg-slate-500\/10{background-color:#64748b1a;border-color:#64748b4d}.bg-indigo-500\/10{background-color:#6366f11a;border-color:#6366f14d}.bg-pink-500\/10{background-color:#ec48991a;border-color:#ec48994d}input[type=text]{width:100%;box-sizing:border-box;background:#020617cc;border:1px solid rgba(51,65,85,.8);color:#f1f5f9;border-radius:.75rem;padding:.75rem 1rem .75rem 2rem;font-size:.875rem;outline:none;transition:all .2s}input[type=text]:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}button{cursor:pointer;border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;border-radius:.75rem;padding:.75rem 1.25rem;box-shadow:0 4px 14px #6366f14d;transition:all .2s}.btn-primary:hover{opacity:.95;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shrink-0{flex-shrink:0}.w-full{width:100%}.max-h-\[600px\]{max-height:600px}.overflow-y-auto{overflow-y:auto}@keyframes dropIntoJar{0%{transform:translateY(-80px) scale(1.4) rotate(0);opacity:0}60%{transform:translateY(10px) scale(.9) rotate(var(--drop-rotate, 10deg));opacity:1}80%{transform:translateY(-4px) scale(1.05) rotate(var(--drop-rotate, 10deg))}to{transform:translateY(0) scale(1) rotate(var(--drop-rotate, 10deg));opacity:1}}@keyframes jarFloatBubble{0%{transform:translateY(0) scale(.8);opacity:.2}50%{opacity:.6}to{transform:translateY(-120px) scale(1.2);opacity:0}}.animate-jar-drop{animation:dropIntoJar .6s cubic-bezier(.34,1.56,.64,1) forwards}.animate-jar-bubble{animation:jarFloatBubble 4s ease-in-out infinite}@keyframes giftSlideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes multiplierPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:1}}.gift-card-wrapper{display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%}.gift-box{display:flex;align-items:center;background:linear-gradient(135deg,#0009,#32323266);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50px;padding:6px 12px 6px 6px;color:#fff;box-shadow:0 4px 15px #0000004d;width:200px;flex-shrink:0;box-sizing:border-box;animation:giftSlideInLeft .4s cubic-bezier(.175,.885,.32,1.275) forwards}.gift-box .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:10px;border:1px solid rgba(255,255,255,.2);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff1a}.gift-box .avatar img{width:100%;height:100%;object-fit:cover}.gift-box .content{display:flex;flex-direction:column;justify-content:center;margin-right:8px;flex:1;min-width:0}.gift-box .username{font-size:14px;font-weight:600;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gift-box .action-text{font-size:12px;color:#ffffffb3;line-height:1.2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gift-box .gift-icon{width:36px;height:36px;object-fit:contain;margin-left:auto;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.gift-card-wrapper .multiplier,.multiplier{font-size:22px;font-weight:900;font-style:italic;color:#fff;letter-spacing:.5px;text-shadow:0 2px 6px rgba(0,0,0,.7);flex-shrink:0;display:inline-block;white-space:nowrap;animation:multiplierPop .5s cubic-bezier(.175,.885,.32,1.4) .1s forwards}.jar-container{position:relative;width:240px;height:280px;margin-top:10px}.physics-canvas-container{position:absolute;top:0;left:0;width:240px;height:280px;z-index:5;overflow:hidden;clip-path:path("M 75,38 C 75,30 165,30 165,38 L 165,60 C 175,60 190,75 198,100 C 210,135 212,190 195,225 C 180,252 155,266 120,266 C 85,266 60,252 45,225 C 28,190 30,135 42,100 C 50,75 65,60 75,60 Z")}.jar-svg-overlay{position:absolute;top:0;left:0;width:240px;height:280px;z-index:15;pointer-events:none;filter:drop-shadow(0 15px 25px rgba(0,0,0,.6))}.jar-label{position:absolute;bottom:25px;left:50%;transform:translate(-50%);background:#000000bf;border:1px solid rgba(255,123,0,.6);padding:4px 14px;border-radius:10px;text-align:center;z-index:20;pointer-events:none;backdrop-filter:blur(4px);white-space:nowrap}.jar-label h3{font-size:9px;color:#ff9f43;letter-spacing:1px;margin:0}.jar-label p{font-size:13px;font-weight:700;color:#fff;margin:0}