html{overflow-y:scroll}@font-face{font-family:SUIT;src:url(/assets/fonts/SUIT-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{--color-primary: #4F46E5;--color-primary-hover: #4338CA;--color-primary-light: rgba(79, 70, 229, .15);--color-accent: #FBBF24;--color-accent-hover: #F59E0B;--color-success: #10B981;--color-success-light: rgba(16, 185, 129, .15);--color-warning: #F59E0B;--color-error: #EF4444;--color-dev: #6366F1;--color-bg-base: #0F0F14;--color-bg-elevated: #1A1A24;--color-bg-surface: #242430;--color-bg-hover: #2E2E3A;--color-border: #3A3A48;--color-border-light: #2A2A36;--color-text-primary: #FFFFFF;--color-text-secondary: #A0A0B0;--color-text-tertiary: #666680;--font-family: "SUIT", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--radius-sm: 8px;--radius-md: 12px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--z-hud: 100;--z-panel: 200;--z-overlay: 5000;--z-modal: 5100;--z-toast: 5200;--transition-fast: .15s ease;--transition-normal: .2s ease}*{box-sizing:border-box}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:44px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.ds-btn:focus-visible{box-shadow:0 0 0 2px var(--color-primary)}.ds-btn:disabled{opacity:.5;cursor:not-allowed}.ds-btn-primary{background:var(--color-primary);color:var(--color-text-primary)}.ds-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.ds-btn-secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.ds-btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-light)}.ds-btn-tertiary{background:transparent;color:var(--color-text-secondary)}.ds-btn-tertiary:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-hover)}.ds-btn-sm{height:36px;padding:0 var(--space-1);font-size:var(--font-size-sm)}.ds-btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-sm)}.ds-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity .2s ease}.ds-overlay.visible{opacity:1;pointer-events:auto}.ds-modal{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#1e2a3a,#162230,#111c28);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 25px 80px #0009,0 0 0 1px #ffffff0d;z-index:var(--z-modal);display:flex;flex-direction:column;max-height:calc(100vh - 80px);overflow:hidden;animation:modalEnter .3s ease-out}.ds-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-light);min-height:56px}.ds-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.ds-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-tertiary);font-size:24px;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.ds-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ds-modal-body{flex:1;overflow-y:auto;padding:var(--space-3);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.ds-modal-body::-webkit-scrollbar{width:4px}.ds-modal-body::-webkit-scrollbar-track{background:transparent}.ds-modal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.ds-modal-body::-webkit-scrollbar-thumb:hover{background:#fff3}.ds-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-light)}.ds-tabs{display:flex;gap:0;padding:0 24px;background:transparent;border-bottom:1px solid rgba(255,255,255,.06)}.ds-tab{padding:16px 24px;font-size:15px;font-weight:600;color:#6b7280;background:transparent;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.ds-tab:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:3px 3px 0 0;transition:width .3s cubic-bezier(.4,0,.2,1)}.ds-tab:hover{color:#9ca3af}.ds-tab.active{color:#10b981}.ds-tab.active:after{width:80%}.ds-chips{display:flex;gap:10px;padding:12px 24px 8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(16,185,129,.3) transparent}.ds-chips::-webkit-scrollbar{height:4px}.ds-chips::-webkit-scrollbar-track{background:#ffffff05;border-radius:2px}.ds-chips::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:2px}.ds-chip{padding:10px 20px;font-size:14px;font-weight:500;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#9ca3af;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.ds-chip:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px)}.ds-chip.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.ds-card{background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.ds-list-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);min-height:64px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.ds-list-item:hover{background:var(--color-bg-hover)}.ds-list-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.ds-list-content{flex:1;min-width:0}.ds-list-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-list-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.rarity-common{border-color:#94a3b899!important;background:linear-gradient(145deg,#8ca0b480,#64748b66)!important}.rarity-uncommon{border-color:#22c55e!important;border-width:2px!important;background:linear-gradient(145deg,#22c55e73,#16a34a59)!important;box-shadow:0 0 20px #22c55e66,inset 0 0 30px #22c55e4d}.rarity-rare{border-color:#3b82f6!important;border-width:2px!important;background:linear-gradient(145deg,#3b82f673,#2563eb59)!important;box-shadow:0 0 20px #3b82f666,inset 0 0 30px #3b82f64d}.rarity-epic{border-color:#a855f7!important;border-width:3px!important;background:linear-gradient(145deg,#a855f78c,#8b5cf673)!important;box-shadow:0 0 25px #a855f780,inset 0 0 35px #a855f766}.rarity-legendary{border-color:#fbbf24!important;border-width:3px!important;background:linear-gradient(145deg,#fbbf248c,#f59e0b73)!important;box-shadow:0 0 30px #fbbf2499,inset 0 0 40px #fb923c80;animation:legendaryGlow 2s ease-in-out infinite}@keyframes legendaryGlow{0%,to{box-shadow:0 0 30px #fb923c80,inset 0 0 35px #fb923c4d}50%{box-shadow:0 0 45px #fb923cb3,inset 0 0 50px #fb923c66}}.rarity-legendary:hover{box-shadow:0 10px 40px #fb923c99,inset 0 0 45px #fb923c59!important}.rarity-epic:hover{box-shadow:0 10px 35px #a855f780,inset 0 0 35px #a855f74d!important}.rarity-rare:hover{box-shadow:0 10px 30px #3b82f673,inset 0 0 30px #3b82f640!important}.ds-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.ds-badge-dev{background:var(--color-dev);color:#fff}.ds-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5);text-align:center}.ds-empty-icon{font-size:48px;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.ds-empty-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.ds-toast{position:fixed;top:var(--space-3);left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);box-shadow:var(--shadow-md);z-index:var(--z-toast);animation:toastSlide .3s ease}.ds-toast-success{border-color:var(--color-success);background:var(--color-success-light)}.ds-toast-error{border-color:var(--color-error)}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ds-slot{width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e263399;border:1px dashed rgba(100,116,139,.3);border-radius:var(--radius-sm);gap:2px;transition:all .2s ease}.ds-slot:hover{border-color:#94a3b866;background:#2a344199}.ds-slot.filled{border-style:solid;border-color:var(--color-success);background:#10b98126}.ds-slot-label{font-size:9px;color:#64748b}.ds-slot-value{font-size:10px;color:#e2e8f0;font-weight:var(--font-weight-medium)}.inv-grid-container{display:flex;flex-direction:column}.inv-group-label{font-size:13px;font-weight:600;color:#ffffff73;letter-spacing:.5px;padding:2px 8px 6px;margin-top:0}.inv-group-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent 100%);margin:8px 0 4px}.inv-grid{display:grid;grid-template-columns:repeat(4,130px);gap:10px;padding:4px}.inv-slot{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;background:#1e263399;border:2px solid rgba(255,255,255,.08);border-radius:10px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.inv-slot.filled:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:.6;transition:opacity .3s ease}.inv-slot.filled:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;border-radius:0 0 50% 50%;pointer-events:none;z-index:2;opacity:.5;transition:opacity .3s ease}.inv-slot.empty{opacity:.25;background:#0003;border:2px dashed rgba(255,255,255,.08)}.inv-slot.filled{background:#2a3443b3;border-color:#ffffff1f}.inv-slot.filled:hover{transform:translateY(-6px) scale(1.02);background:#343e4de6;border-color:#fff3;box-shadow:0 16px 40px #00000073}.inv-slot.filled:hover:before{opacity:.85}.inv-slot.filled:hover:after{opacity:.8}.inv-slot.selected{border-color:#10b981!important;border-width:3px!important;box-shadow:0 0 0 4px #10b98126,0 12px 32px #10b98140}.inv-slot.rarity-legendary{background:linear-gradient(180deg,#282314e6,#19160ff2);border-color:#fbbf24;animation:legendaryPulse 3s ease-in-out infinite,cardFadeIn .4s ease-out both}.inv-slot.rarity-legendary:before{background:radial-gradient(ellipse at top left,rgba(251,191,36,.25) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(245,158,11,.2) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(251,191,36,.1) 0%,transparent 40%)}.inv-slot.rarity-legendary:after{background:linear-gradient(90deg,transparent,rgba(251,191,36,.6),rgba(245,158,11,.4),transparent);height:2px;box-shadow:0 0 8px #fbbf2480}.inv-slot.rarity-legendary:hover{background:linear-gradient(180deg,#322a16f2,#1e1a10);box-shadow:0 0 35px #fbbf2480,0 16px 40px #00000073}@keyframes legendaryPulse{0%,to{box-shadow:0 0 15px #fbbf2440}50%{box-shadow:0 0 30px #fbbf2473}}.inv-slot.rarity-epic{background:linear-gradient(180deg,#1e162de6,#141023f2);border-color:#a855f7;box-shadow:0 0 12px #a855f740}.inv-slot.rarity-epic:before{background:radial-gradient(ellipse at top left,rgba(168,85,247,.22) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(139,92,246,.18) 0%,transparent 50%)}.inv-slot.rarity-epic:after{background:linear-gradient(90deg,transparent,rgba(168,85,247,.5),rgba(139,92,246,.35),transparent);box-shadow:0 0 6px #a855f766}.inv-slot.rarity-epic:hover{background:linear-gradient(180deg,#261c37f2,#191428);box-shadow:0 0 25px #a855f773,0 16px 40px #00000073}.inv-slot.rarity-rare{background:linear-gradient(180deg,#141c2de6,#0f1423f2);border-color:#3b82f6;box-shadow:0 0 10px #3b82f633}.inv-slot.rarity-rare:before{background:radial-gradient(ellipse at top left,rgba(59,130,246,.2) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(37,99,235,.15) 0%,transparent 50%)}.inv-slot.rarity-rare:after{background:linear-gradient(90deg,transparent,rgba(59,130,246,.45),rgba(37,99,235,.3),transparent);box-shadow:0 0 5px #3b82f64d}.inv-slot.rarity-rare:hover{background:linear-gradient(180deg,#192337f2,#12192a);box-shadow:0 0 22px #3b82f666,0 16px 40px #00000073}.inv-slot.rarity-uncommon{background:linear-gradient(180deg,#12231ce6,#0e1916f2);border-color:#22c55e;box-shadow:0 0 8px #22c55e33}.inv-slot.rarity-uncommon:before{background:radial-gradient(ellipse at top left,rgba(34,197,94,.18) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(22,163,74,.14) 0%,transparent 50%)}.inv-slot.rarity-uncommon:after{background:linear-gradient(90deg,transparent,rgba(34,197,94,.4),rgba(22,163,74,.25),transparent);box-shadow:0 0 4px #22c55e40}.inv-slot.rarity-uncommon:hover{background:linear-gradient(180deg,#162a20f2,#101e19);box-shadow:0 0 18px #22c55e59,0 16px 40px #00000073}.inv-slot.rarity-common{background:linear-gradient(180deg,#1a202ae6,#141923f2);border-color:#94a3b880;box-shadow:none}.inv-slot.rarity-common:before{background:radial-gradient(ellipse at top left,rgba(148,163,184,.08) 0%,transparent 45%),radial-gradient(ellipse at bottom right,rgba(100,116,139,.06) 0%,transparent 45%)}.inv-slot.rarity-common:after{background:linear-gradient(90deg,transparent,rgba(148,163,184,.2),rgba(100,116,139,.12),transparent)}.inv-slot.rarity-common:hover{background:linear-gradient(180deg,#202632f2,#181e28);box-shadow:0 0 12px #94a3b826,0 16px 40px #00000073}.inv-rarity-badge{position:absolute;top:6px;left:6px;padding:3px 8px;border-radius:6px;font-size:13px;font-weight:600;color:#fff;z-index:10;opacity:.85}.inv-rarity-badge.legendary{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 6px #fbbf2466}.inv-rarity-badge.epic{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 2px 6px #a855f766}.inv-rarity-badge.rare{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f64d}.inv-rarity-badge.uncommon{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 6px #22c55e4d}.inv-rarity-badge.common{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 2px 6px #94a3b84d}.inv-slot-img{width:64px;height:64px;margin:auto;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));transition:transform .3s}.inv-slot-img.texture-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:8px;filter:none;background-size:200%;background-position:center}.inv-slot-img img{width:100%;height:100%;object-fit:contain}.inv-slot:hover .inv-slot-img{transform:scale(1.1)}.inv-slot-info{width:100%;text-align:center;margin-top:auto;padding-bottom:4px}.inv-slot-name{font-size:15px;font-weight:600;color:#e5e7eb;margin-bottom:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-slot-category{font-size:9px;color:#9ca3af}.inv-slot-eq{position:absolute;top:8px;right:8px;width:22px;height:22px;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;box-shadow:0 2px 8px #10b98166}.inv-slot-count{position:absolute;top:6px;right:6px;min-width:22px;padding:2px 6px;background:#10b981e6;border-radius:8px;border:1px solid rgba(255,255,255,.2);font-size:10px;font-weight:700;color:#fff;text-align:center;box-shadow:0 2px 6px #0000004d;z-index:10;opacity:.85}.ds-modal-body::-webkit-scrollbar{width:6px}.ds-modal-body::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.ds-modal-body::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:10px}.ds-modal-body::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}@keyframes modalEnter{0%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.ds-modal-header{padding:20px 24px;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.06)}.ds-modal-title{font-size:20px;font-weight:700;color:#e2e8f0;letter-spacing:-.3px}.ds-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;color:#94a3b8;font-size:20px;cursor:pointer;border-radius:8px;transition:all .2s}.ds-modal-close:hover{background:#ef444433;color:#f87171}.ds-modal-body{background:transparent}.ds-modal-footer{background:linear-gradient(0deg,rgba(0,0,0,.2) 0%,transparent 100%);border-top:1px solid rgba(255,255,255,.06);padding:16px 24px}#tab-shop{background:#fff;border-radius:12px;padding:24px}.shop-balance-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#fff9e6,#fff3cc);border:1px solid #F0E6C0;border-radius:12px;margin-bottom:20px}.shop-balance-left{display:flex;align-items:center;gap:10px}.shop-balance-star{font-size:28px}.shop-balance-num{font-size:28px;font-weight:800;color:#b8860b;letter-spacing:-.02em}.shop-balance-label{font-size:14px;color:#a0855c;font-weight:500}.shop-cat-bar{display:flex;gap:10px;padding:14px 20px;margin-bottom:20px;background:linear-gradient(135deg,#f0eeff,#ebf0ff);border-radius:14px;border:1.5px solid #DDD8F3;box-shadow:0 2px 8px #8b5cf60f}.shop-cat-pill{padding:10px 22px;border-radius:24px;border:1.5px solid #E5E7EB;background:#fff;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.shop-cat-pill:hover{border-color:#8b5cf6;color:#8b5cf6}.shop-cat-pill.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:transparent;color:#fff;box-shadow:0 4px 12px #8b5cf64d}.shop-subfilter{display:flex;gap:8px;margin-bottom:16px;padding:0 0 14px;flex-wrap:wrap;border-bottom:2px solid #DCDEE3}.shop-subfilter-btn{padding:8px 18px;border-radius:20px;border:1.5px solid #E2E8F0;background:#fff;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.shop-subfilter-btn:hover{border-color:#94a3b8;color:#334155;background:#f8fafc}.shop-subfilter-btn.active{background:#1e293b;border-color:#1e293b;color:#fff;box-shadow:0 2px 6px #1e293b33}.shop-grid-container{min-height:300px;margin-top:0;background:#ecedf1;border-radius:16px;padding:24px;border:1.5px solid #D8DBE2;box-shadow:inset 0 2px 6px #0000000a}.shop-grid-wrap{display:none}.shop-grid-wrap.active{display:block}.shop-grid-v{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}.shop-empty-v{grid-column:1 / -1;text-align:center;color:#9ca3af;padding:60px 20px;font-size:15px}.shop-card-v{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden;transition:all .25s ease;cursor:pointer;box-shadow:0 2px 12px #0000001a}.shop-card-v:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.shop-card-v.owned,.shop-card-v.owned:hover{opacity:1}.shop-card-v-preview{width:100%;height:150px;background:#f5f5f7;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid #EEEEEE}.shop-card-v-preview img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));transition:transform .3s ease}.shop-card-v:hover .shop-card-v-preview img{transform:scale(1.12)}.shop-card-v-rarity{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;color:#fff;letter-spacing:.3px}.shop-card-v-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}.shop-card-v-name{font-size:14px;font-weight:700;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-card-v-price{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:800;color:#92400e}.shop-card-v-star{font-size:14px}.shop-card-v-qty{font-size:12px;font-weight:500;color:#10b981}.shop-card-v-type{position:absolute;bottom:8px;left:8px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700;color:#fff;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.3px}.shop-card-v-btn{width:100%;padding:10px 0;border-radius:10px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;margin-top:4px;box-shadow:0 2px 8px #3b82f640}.shop-card-v-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #3b82f659;filter:brightness(1.08)}.shop-card-v-btn.disabled,.shop-card-v-btn:disabled{background:#fef2f2;color:#ef4444;border:1px solid #FECACA;cursor:not-allowed;transform:none;box-shadow:none;font-size:13px}.shop-card-v-btn.owned{background:#f0fdf4;color:#16a34a;border:1px solid #BBF7D0;cursor:default;box-shadow:none}.shop-header,.shop-categories,.shop-grid,.shop-grid.active{display:none}.hero-quick-btn-new{display:flex;align-items:center;gap:12px;padding:14px 24px 14px 18px;border-radius:14px;border:none;background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;box-shadow:0 4px 16px #0000001f;transition:all .2s ease}.hero-quick-btn-new:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0003}.hero-quick-btn-new:hover svg:last-child{transform:translate(2px)}.hero-quick-btn-new svg:last-child{transition:transform .2s ease}.admin-stats-row{display:flex;gap:12px;margin-bottom:20px}.admin-stat-card{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.admin-stat-value{font-size:18px;font-weight:700}.admin-stat-label{font-size:13px;font-weight:500;color:#64748b}.admin-stat-card.stat-pending .admin-stat-value{color:#f59e0b}.admin-stat-card.stat-teacher .admin-stat-value{color:#3b82f6}.admin-stat-card.stat-student .admin-stat-value{color:#8b5cf6}.admin-stat-card.stat-total .admin-stat-value{color:#64748b}.admin-pending-section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;margin-bottom:20px}.admin-pending-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.pending-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b}.pending-title{font-size:15px;font-weight:600;color:#1e293b}.pending-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fafafa;border-radius:10px;margin-bottom:8px}.pending-row:last-child{margin-bottom:0}.pending-user-info{display:flex;align-items:center;gap:12px}.pending-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:600}.pending-details{display:flex;align-items:center;gap:8px}.pending-name{font-size:14px;font-weight:600;color:#1e293b}.pending-account{font-size:13px;color:#94a3b8}.pending-arrow{font-size:13px;color:#94a3b8;margin-left:4px}.pending-actions{display:flex;gap:8px}.btn-approve{padding:8px 18px;border-radius:8px;border:none;background:#22c55e;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-approve:hover{background:#16a34a}.btn-reject{padding:8px 18px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-reject:hover{background:#f8fafc;border-color:#cbd5e1}.admin-member-section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;width:100%}.admin-member-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9}.admin-member-title{font-size:15px;font-weight:600;color:#1e293b;margin:0}.admin-member-header-left{display:flex;align-items:center;gap:20px}.admin-role-filter{display:inline-flex;align-items:center;gap:2px}.admin-role-radio{display:flex;align-items:center;margin:0;cursor:pointer}.admin-role-radio input[type=radio]{display:none}.admin-role-radio span{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;border-radius:8px;font-size:13px;font-weight:600;color:#64748b;background:transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-role-radio span:hover{color:#334155;background:#f1f5f9}.admin-role-radio input[type=radio]:checked+span{background:#fff;color:#4f46e5;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e5e7eb}.admin-member-controls{display:flex;align-items:center;gap:10px}.admin-search-box{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.admin-search-input{border:none;outline:none;font-size:13px;color:#1e293b;width:120px;background:transparent}.admin-search-input::placeholder{color:#94a3b8}.admin-member-table-wrapper{overflow:visible;min-height:400px;width:100%}.admin-member-table{width:100%;border-collapse:collapse;table-layout:fixed}.admin-member-table thead tr{background:#f9fafb;border-bottom:1px solid #f1f5f9}.admin-member-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.admin-member-table th.col-check{width:48px;padding-left:20px}.admin-member-table th.col-member{width:auto}.admin-member-table th.col-activity{width:140px}.admin-member-table th.col-role{width:100px}.admin-member-table th.col-actions{width:48px}.admin-member-table td.col-member{overflow:hidden;text-overflow:ellipsis}.admin-member-table td.col-activity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-member-table tbody tr{border-top:1px solid #f1f5f9;transition:background .15s ease}.admin-member-table tbody tr:hover{background:#fafafa}.admin-member-table td{padding:7px 14px;vertical-align:middle}.admin-member-table td.col-check{padding-left:20px}.member-info{display:flex;align-items:center;gap:10px}.member-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;flex-shrink:0}.member-details{display:flex;flex-direction:column;gap:2px}.member-name{font-size:14px;font-weight:500;color:#1e293b}.member-account{font-size:12px;color:#94a3b8}.activity-text{font-size:13px;color:#64748b}.role-text{font-size:13px;font-weight:500;color:#64748b}.role-select{padding:6px 12px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;font-size:13px;color:#475569;cursor:pointer;outline:none;transition:border-color .15s}.role-select:hover{border-color:#cbd5e1}.role-select:focus{border-color:#8b5cf6}.more-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.more-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#64748b}.more-btn svg{width:16px;height:16px}.admin-member-table input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#8b5cf6}.admin-pending-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.pending-header-left{display:flex;align-items:center;gap:10px}.pending-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#f59e0b}.pending-user-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#f59e0b;margin-right:4px}.pending-batch-actions{display:flex;gap:8px}.btn-batch-approve{padding:6px 14px;border-radius:6px;border:none;background:#22c55e;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-batch-approve:hover{background:#16a34a}.btn-batch-reject{padding:6px 14px;border-radius:6px;border:1px solid #fecaca;background:#fef2f2;color:#dc2626;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-batch-reject:hover{background:#fee2e2;border-color:#fca5a5}.admin-subtabs{display:flex;gap:0;padding:0;background:transparent;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.admin-subtab{display:flex;align-items:center;gap:6px;padding:12px 20px;border:none;border-bottom:2px solid transparent;background:transparent;color:#94a3b8;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;margin-bottom:-1px}.admin-subtab:hover{color:#475569}.admin-subtab.active{color:#4338ca;border-bottom-color:#4338ca}.admin-subtab svg{flex-shrink:0}.payment-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.payment-stat-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:20px 24px;text-align:center;box-shadow:0 1px 3px #0000000f}.payment-stat-value{font-size:26px;font-weight:700;color:#0f172a;display:block;margin-bottom:6px}.payment-stat-label{font-size:13px;font-weight:500;color:#64748b}.payment-table-wrapper{background:#fff;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.payment-table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #cbd5e1;background:#f8fafc}.payment-table-title{font-size:15px;font-weight:700;color:#0f172a;margin:0}.payment-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.payment-table th:nth-child(1),.payment-table td:nth-child(1){width:18%}.payment-table th:nth-child(2),.payment-table td:nth-child(2){width:15%}.payment-table th:nth-child(3),.payment-table td:nth-child(3){width:auto}.payment-table th:nth-child(4),.payment-table td:nth-child(4){width:11%}.payment-table th:nth-child(5),.payment-table td:nth-child(5){width:18%}.payment-table th:nth-child(6),.payment-table td:nth-child(6){width:10%}.payment-table thead tr{background:#f1f5f9;border-bottom:2px solid #cbd5e1}.payment-table th{padding:9px 14px;text-align:left;font-weight:700;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.payment-table td{padding:10px 14px;color:#1e293b;border-bottom:1px solid #e2e8f0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-table tbody tr{transition:background .15s ease}.payment-table tbody tr:hover{background:#f8fafc}.payment-table tbody tr:last-child td{border-bottom:none}.payment-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.payment-status-badge.status-paid{background:#f0fdf4;color:#059669;border:1px solid #bbf7d0}.payment-status-badge.status-cancel{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.payment-status-badge.status-wait{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.payment-status-badge.status-default{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pay-view-toggle{display:flex;gap:6px;margin-bottom:16px;background:#eef2ff;border-radius:10px;padding:4px;width:fit-content;border:1px solid #c7d2fe}.pay-view-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border:1px solid transparent;border-radius:8px;background:transparent;color:#6366f1;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.pay-view-btn:hover{background:#fff9;color:#4338ca}.pay-view-btn.active{background:#4338ca;color:#fff;border-color:#4338ca;box-shadow:0 2px 6px #4338ca4d}.pay-filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.pay-filter-select{padding:7px 12px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;font-size:13px;color:#334155;cursor:pointer;outline:none;font-family:inherit;transition:all .15s;font-weight:500}.pay-filter-select:hover{border-color:#94a3b8;background:#fff}.pay-filter-select:focus{border-color:#6366f1;background:#fff}.pay-search-box{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;flex:1;min-width:160px;max-width:280px;transition:all .15s}.pay-search-box:focus-within{border-color:#6366f1;background:#fff}.pay-search-input{border:none;outline:none;font-size:13px;color:#1e293b;width:100%;background:transparent;font-family:inherit}.pay-search-input::placeholder{color:#94a3b8}.pay-result-count{font-size:12px;color:#94a3b8;font-weight:500;white-space:nowrap}.pay-refresh-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.pay-refresh-btn:hover:not(:disabled){background:#fff;border-color:#6366f1;color:#4338ca}.pay-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.pay-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.pay-sortable:hover{color:#1e293b}.sort-icon{font-size:11px;color:#94a3b8;margin-left:2px}.pay-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #e5e7eb;background:#fafafa;border-radius:0 0 12px 12px}.pay-page-buttons{display:flex;gap:4px}.pay-page-btn{min-width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;display:flex;align-items:center;justify-content:center}.pay-page-btn:hover:not(:disabled):not(.active){background:#f1f5f9;border-color:#cbd5e1}.pay-page-btn.active{background:#4338ca;color:#fff;border-color:#4338ca}.pay-page-btn:disabled{opacity:.4;cursor:not-allowed}.pay-stats-period{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.pay-stats-presets{display:flex;gap:4px;background:#f1f5f9;border-radius:10px;padding:4px}.pay-period-btn{padding:6px 14px;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.pay-period-btn:hover{color:#334155}.pay-period-btn.active{background:#fff;color:#4338ca;box-shadow:0 1px 3px #0000001a}.pay-stats-dates{display:flex;align-items:center;gap:8px}.pay-date-input{padding:6px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:13px;color:#475569;font-family:inherit;outline:none}.pay-date-input:focus{border-color:#6366f1}.pay-stats-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.pay-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center}.pay-kpi-value{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:6px}.pay-kpi-label{font-size:13px;font-weight:500;color:#64748b}.pay-stats-chart-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.pay-stats-chart-title{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 16px}.pay-stats-chart{display:flex;flex-direction:column;gap:10px}.pay-chart-row{display:flex;align-items:center;gap:12px}.pay-chart-label{width:60px;font-size:13px;font-weight:600;color:#475569;flex-shrink:0;text-align:right}.pay-chart-bar-wrapper{flex:1;height:28px;background:#f1f5f9;border-radius:6px;overflow:hidden}.pay-chart-bar{height:100%;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:6px;min-width:4px;transition:width .5s ease}.pay-chart-value{width:100px;font-size:13px;font-weight:600;color:#1e293b;flex-shrink:0;text-align:right}#left-sidebar{position:fixed;top:0;left:0;bottom:0;width:48px;background:#121218f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.06);z-index:1000;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px;font-family:Pretendard,Noto Sans KR,-apple-system,sans-serif}.ls-icon-group{display:flex;flex-direction:column;align-items:center;gap:4px}.ls-icon-group--bottom{padding-bottom:4px}.ls-spacer{flex:1}.ls-icon-btn{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:#ffffff80;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;position:relative}.ls-icon-btn:hover{background:#ffffff14;color:#fffc}.ls-icon-btn.active{background:#6366f133;color:#a78bfa}.ls-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.ls-profile-btn{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.15);background:#ffffff0d;cursor:pointer;padding:0;overflow:hidden;transition:all .15s;margin-top:4px}.ls-profile-btn:hover{border-color:#fff6}.ls-profile-btn img{width:100%;height:100%;object-fit:contain}.ls-panel{position:fixed;top:0;left:48px;bottom:0;width:260px;background:#16161efa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid rgba(255,255,255,.08);z-index:999;display:flex;flex-direction:column;overflow-y:auto;font-family:Pretendard,Noto Sans KR,-apple-system,sans-serif;animation:ls-slide-in .15s ease-out;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}@keyframes ls-slide-in{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.ls-panel-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ls-panel-header__title{font-size:15px;font-weight:700;color:#fff}.ls-panel-header__close{width:28px;height:28px;border-radius:8px;border:none;background:#ffffff0f;color:#ffffff80;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.ls-panel-header__close:hover{background:#ffffff1f;color:#fff}.ls-content{padding:16px;flex:1}.ls-content--menu{padding:12px;flex:1;display:flex;flex-direction:column;gap:4px}.ls-content--help{padding:16px;flex:1;overflow-y:auto}.ls-section-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-weight:600}.ls-info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.ls-info-row__label{font-size:13px;color:#ffffff73}.ls-info-row__value{font-size:13px;font-weight:600;color:#ffffffd9}.ls-xp-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px;margin-bottom:16px}.ls-invite-btn{width:100%;padding:10px;background:#6366f1;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:16px;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:6px}.ls-invite-btn:hover{background:#4f46e5}.ls-mentor-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:10px;color:#a78bfa;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;margin-bottom:8px}.ls-mentor-row:hover{background:#6366f126;border-color:#6366f140}.ls-menu-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:all .15s;position:relative;font-family:inherit}.ls-menu-btn:hover{background:#ffffff14;border-color:#ffffff1f}.ls-panel-btn{width:100%;padding:10px;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;margin-bottom:6px;font-family:inherit;text-align:left}.ls-panel-btn:hover{filter:brightness(1.15)}.ls-exit-btn{color:#f87171;border:1px solid rgba(248,113,113,.25);background:#f8717114}.ls-exit-btn:hover{background:#f8717126;border-color:#f8717166}.ls-panel-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);margin-top:auto}.ls-key-row{display:flex;align-items:center;gap:12px;padding:5px 0}.ls-key-row--primary{padding:7px 0}.ls-key-badge{display:inline-block;padding:4px 10px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:600;color:#ffffffb3;font-family:monospace;min-width:75px;text-align:center}.ls-key-badge--primary{padding:5px 10px;background:#6366f126;border-color:#6366f140;font-size:12px;color:#a78bfa}.ls-key-desc{font-size:13px;color:#ffffff8c}.ls-key-desc--primary{color:#fffc}.ls-divider{height:1px;background:#ffffff14;margin:14px 0}.ls-profile-popup{position:fixed;bottom:12px;left:56px;width:220px;background:#1e1e26fa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:14px;z-index:1100;font-family:Pretendard,Noto Sans KR,-apple-system,sans-serif;box-shadow:0 8px 32px #00000080;animation:ls-popup-in .15s ease-out;overflow:hidden}@keyframes ls-popup-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ls-popup-header{padding:20px 16px 14px;display:flex;flex-direction:column;align-items:center;gap:10px}.ls-popup-avatar{width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.2);overflow:hidden;background:#ffffff0d;position:relative}.ls-popup-avatar img{width:100%;height:100%;object-fit:contain}.ls-popup-name{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:#fff}.ls-popup-menu{padding:6px 8px;display:flex;flex-direction:column;gap:4px}.ls-popup-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffffbf;font-size:13px;font-weight:500;cursor:pointer;transition:all .12s;font-family:inherit;text-align:left}.ls-popup-item:hover{background:#ffffff1a;border-color:#ffffff26;color:#fff}.ls-popup-item.ls-exit-btn:hover{background:#f8717126;border-color:#f8717166;color:#fca5a5}.ls-popup-item .ls-popup-icon{font-size:15px}.quiz-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:5000;display:flex;align-items:center;justify-content:center;font-family:Pretendard,Noto Sans KR,-apple-system,sans-serif}.quiz-card{background:#16161efa;border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 24px 64px #00000080;overflow:hidden;animation:quizAppear .3s ease-out}@keyframes quizAppear{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes quizSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes quizFadeIn{0%{opacity:0}to{opacity:1}}@keyframes quizPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes quizCountUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.quiz-header-title{display:flex;align-items:center;gap:8px}.quiz-header-title h2{margin:0;color:#fff;font-size:18px;font-weight:700}.quiz-close-btn{width:30px;height:30px;border-radius:8px;border:none;background:#ffffff0f;color:#ffffff80;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.quiz-close-btn:hover{background:#ffffff1f;color:#fffc}.quiz-body{padding:20px 24px 24px}.quiz-label{color:#ffffff73;font-size:12px;font-weight:600;display:block;margin-bottom:6px}.quiz-input{width:100%;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .15s;font-family:inherit}.quiz-input:focus{border-color:#6366f166}.quiz-input::placeholder{color:#ffffff40}.quiz-select{width:100%;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;outline:none;box-sizing:border-box;font-family:inherit;cursor:pointer}.quiz-select option{color:#000;background:#fff}.quiz-btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 16px #6366f159;transition:all .2s}.quiz-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.quiz-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.quiz-btn-secondary{padding:10px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.quiz-btn-secondary:hover{background:#ffffff1a;color:#fff}.quiz-option-btn{padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffd9;font-size:14px;text-align:left;cursor:pointer;transition:all .15s;font-family:inherit;width:100%}.quiz-option-btn:hover:not(.quiz-option-selected):not(.quiz-option-correct):not(.quiz-option-wrong){background:#6366f11a;border-color:#6366f14d}.quiz-option-selected{background:#6366f1!important;border-color:#6366f1!important;color:#fff!important}.quiz-option-correct{background:#22c55e!important;border-color:#22c55e!important;color:#fff!important}.quiz-option-wrong{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.quiz-progress{display:flex;align-items:center;gap:6px;margin-bottom:16px}.quiz-progress-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:all .3s}.quiz-progress-dot.active{background:#818cf8;box-shadow:0 0 6px #818cf880}.quiz-progress-dot.done{background:#22c55e}.quiz-progress-dot.wrong{background:#ef4444}.quiz-progress-text{color:#fff6;font-size:12px;font-weight:600;margin-left:auto}.quiz-timer-circle{position:relative;width:56px;height:56px}.quiz-timer-circle svg{transform:rotate(-90deg)}.quiz-timer-circle .timer-bg{stroke:#ffffff14}.quiz-timer-circle .timer-fill{stroke:#818cf8;transition:stroke-dashoffset 1s linear,stroke .3s}.quiz-timer-circle .timer-fill.warning{stroke:#f59e0b}.quiz-timer-circle .timer-fill.danger{stroke:#ef4444}.quiz-timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.quiz-ranking-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:#ffffff08;transition:all .15s}.quiz-ranking-item.top-1{background:linear-gradient(135deg,#ffd7001a,#ffd70008);border:1px solid rgba(255,215,0,.2)}.quiz-ranking-item.top-2{background:linear-gradient(135deg,#c0c0c01a,#c0c0c008);border:1px solid rgba(192,192,192,.15)}.quiz-ranking-item.top-3{background:linear-gradient(135deg,#cd7f321a,#cd7f3208);border:1px solid rgba(205,127,50,.15)}.quiz-ranking-medal{font-size:20px;width:28px;text-align:center}.quiz-ranking-rank{width:28px;text-align:center;color:#ffffff4d;font-size:14px;font-weight:700}.quiz-wizard-steps{display:flex;align-items:center;gap:0;padding:16px 24px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}.quiz-wizard-step{display:flex;align-items:center;gap:6px;color:#ffffff4d;font-size:12px;font-weight:600;transition:all .2s}.quiz-wizard-step.active{color:#818cf8}.quiz-wizard-step.done{color:#22c55e}.quiz-wizard-step-num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#ffffff0f;transition:all .2s}.quiz-wizard-step.active .quiz-wizard-step-num{background:#6366f1;color:#fff}.quiz-wizard-step.done .quiz-wizard-step-num{background:#22c55e;color:#fff}.quiz-wizard-connector{flex:1;height:1px;background:#ffffff14;margin:0 8px}.quiz-type-card{padding:16px;border-radius:12px;border:2px solid rgba(255,255,255,.08);background:#ffffff05;cursor:pointer;transition:all .2s;text-align:center}.quiz-type-card:hover{border-color:#6366f14d;background:#6366f10d}.quiz-type-card.selected{border-color:#6366f1;background:#6366f11a}.quiz-type-icon{font-size:28px;margin-bottom:8px}.quiz-type-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.quiz-type-desc{color:#ffffff59;font-size:11px}.quiz-question-card{padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;margin-bottom:12px;animation:quizFadeIn .2s ease-out}.quiz-ox-btn{width:100px;height:100px;border-radius:50%;border:3px solid rgba(255,255,255,.1);background:#ffffff0a;font-size:40px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.quiz-ox-btn:hover{transform:scale(1.05)}.quiz-ox-btn.ox-o:hover,.quiz-ox-btn.ox-o.quiz-option-selected{border-color:#6366f1;background:#6366f126}.quiz-ox-btn.ox-x:hover,.quiz-ox-btn.ox-x.quiz-option-selected{border-color:#ef4444;background:#ef444426}.quiz-ox-btn.quiz-option-correct{border-color:#22c55e!important;background:#22c55e33!important}.quiz-ox-btn.quiz-option-wrong{border-color:#ef4444!important;background:#ef444433!important}.quiz-stat-bar{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.quiz-stat-bar-fill{height:100%;border-radius:3px;transition:width .5s ease-out}.quiz-reward-toast{position:fixed;top:80px;right:24px;z-index:10002;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,#16161ef2,#1e1e28f2);border:1px solid rgba(99,102,241,.3);box-shadow:0 8px 32px #0006;animation:quizSlideIn .3s ease-out;font-family:Pretendard,sans-serif}.quiz-scrollable::-webkit-scrollbar{width:5px}.quiz-scrollable::-webkit-scrollbar-track{background:transparent}.quiz-scrollable::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}#video-bar-header{position:fixed;top:12px;right:12px;z-index:960;display:flex;align-items:center;gap:8px;font-family:Pretendard,Noto Sans KR,-apple-system,sans-serif}.vb-header-group{display:flex;align-items:center;gap:4px;background:#0c0c10d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:5px}.vb-header-btn{background:transparent;border:none;border-radius:6px;color:#ccc;padding:6px 8px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-family:inherit}.vb-header-btn:hover{background:#ffffff26;color:#fff}.vb-participant-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;background:transparent;border:none;border-radius:6px;color:#ccc;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.vb-participant-btn:hover{background:#ffffff26;color:#fff}.vb-header-divider{width:1px;height:18px;background:#ffffff26;flex-shrink:0}#video-bar{position:fixed;top:52px;right:5px;z-index:950;background:transparent;padding:0 4px;box-sizing:border-box;font-family:Pretendard,Noto Sans KR,-apple-system,sans-serif;transition:all .3s ease;width:200px;max-height:calc(100vh - 100px);display:flex;flex-direction:column}.vb-tile-strip{display:flex;flex-direction:column;gap:8px;align-items:stretch;overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;padding:4px 6px;flex:1}.vb-tile{position:relative;flex-shrink:0;width:100%;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:#1a1a22;border:2px solid rgba(255,255,255,.08);transition:all .25s ease;cursor:pointer;box-sizing:border-box}.vb-tile:hover{transform:scale(1.04)}.vb-tile-video{width:100%;height:100%;display:none;position:absolute;top:0;left:0;z-index:1}.vb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.vb-placeholder-img{width:60%;height:60%;object-fit:contain;border-radius:50%;background:#ffffff14}.vb-tile-overlay{position:absolute;top:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:0 0 8px;padding:4px 8px;display:flex;align-items:center;gap:5px;pointer-events:none;z-index:2;max-width:90%}.vb-net{flex-shrink:0;line-height:0;display:flex;align-items:center}.vb-name{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.vb-mic{position:absolute;bottom:6px;left:6px;width:24px;height:24px;border-radius:6px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.vb-volume-overlay{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:4px;padding:6px;background:linear-gradient(transparent,#000000bf);opacity:0;transition:opacity .2s ease;pointer-events:none;box-sizing:border-box}.vb-vol-icon{flex-shrink:0;display:flex;align-items:center;cursor:pointer}.vb-vol-slider{flex:1;max-width:75%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer;margin:0}.vb-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 4px #0006;margin-top:-4px;transition:transform .15s ease}.vb-vol-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.vb-vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 1px 4px #0006}.vb-vol-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px}.vb-vol-slider::-moz-range-track{height:4px;border-radius:2px;background:transparent}.vb-vol-label{font-size:10px;font-weight:600;color:#fffc;min-width:18px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums;overflow:visible}.vb-expanded-view{position:fixed;top:0;left:48px;right:214px;bottom:0;z-index:940;background:#18181b;display:flex;align-items:flex-start;justify-content:center;padding:12px 16px 16px;box-sizing:border-box}.vb-expanded-media{width:90%;height:90%;display:flex;align-items:center;justify-content:center;position:relative;transition:width .3s ease,height .3s ease}.vb-expanded-video{width:100%;height:100%;border-radius:10px;overflow:hidden;background:#18181b}.vb-expanded-profile{width:200px;height:200px;object-fit:contain;border-radius:50%;background:#ffffff0d}.vb-info-badge{position:absolute;top:12px;left:16px;display:flex;align-items:center;gap:8px;z-index:10;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:6px 12px}.vb-info-badge-avatar{width:28px;height:28px;border-radius:50%;object-fit:contain;background:#ffffff1a}.vb-info-badge-name{color:#fff;font-size:13px;font-weight:600}.vb-action-bar{position:absolute;top:12px;right:16px;z-index:10;display:flex;align-items:center;gap:4px;background:#1e1e24d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:5px}.vb-action-btn{width:38px;height:38px;border:none;border-radius:8px;background:transparent;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.vb-action-btn:hover{background:#ffffff1f;color:#fff}.vb-pip{position:fixed;bottom:80px;right:24px;width:320px;height:240px;z-index:990;border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a;cursor:move;-webkit-user-select:none;user-select:none;transition:box-shadow .2s}.vb-pip-video{width:100%;height:100%;background:#1a1a1e}.vb-pip-name{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:5px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:5px 10px;pointer-events:none}.vb-pip-name span{color:#fff;font-size:12px;font-weight:600;font-family:Pretendard,Noto Sans KR,sans-serif}.vb-pip-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border:none;border-radius:8px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:2}.vb-pip-close:hover{background:#000000bf;color:#fff}.vb-layout-popup{position:absolute;top:36px;right:8px;background:#1e1e26fa;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px;z-index:960;min-width:140px;box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vb-layout-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:#aaa;font-size:13px;font-weight:400;cursor:pointer;font-family:inherit;text-align:left;transition:background .1s}.vb-layout-option:hover{background:#ffffff0f}.vb-layout-option.active{background:#ffffff1a;color:#fff;font-weight:600}.vb-participant-list{position:absolute;top:44px;right:0;width:260px;max-height:400px;background:#16161efa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;box-shadow:0 12px 40px #00000080;border:1px solid rgba(255,255,255,.1);z-index:970;overflow:hidden;display:flex;flex-direction:column;font-family:Pretendard,Noto Sans KR,-apple-system,sans-serif}.vb-participant-list-header{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.vb-participant-list-header span{font-size:15px;font-weight:700;color:#fff}.vb-participant-list-close{width:28px;height:28px;border-radius:8px;border:none;background:#ffffff0f;color:#ffffff80;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.vb-participant-list-close:hover{background:#ffffff1f;color:#fff}.vb-participant-list-body{flex:1;overflow-y:auto;padding:8px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.vb-participant-section{font-size:12px;font-weight:600;color:#fff6;padding:8px 4px 6px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.vb-participant-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;transition:background .1s}.vb-participant-row:hover{background:#ffffff0f}.vb-participant-row.clickable{cursor:pointer}.vb-participant-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#ffffff14;flex-shrink:0;position:relative}.vb-participant-avatar img{width:100%;height:100%;object-fit:contain}.vb-participant-name{font-size:14px;font-weight:500;color:#ffffffd9;flex:1}.vb-participant-name.local{font-weight:700;color:#a78bfa}.vb-participant-arrow{color:#ffffff40;font-size:16px;font-weight:700;flex-shrink:0;transition:color .15s}.vb-participant-row:hover .vb-participant-arrow{color:#fff9}.vb-participant-empty{padding:20px;text-align:center;color:#fff6;font-size:13px}.vb-screen-tile{position:relative;flex-shrink:0;width:100%;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:#1a1a22;border:2px solid rgba(255,255,255,.08);transition:all .25s ease;cursor:pointer;box-sizing:border-box}.vb-screen-tile:hover{transform:scale(1.04)}.vb-screen-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:linear-gradient(135deg,#f9731626,#f973160d);-webkit-user-select:none;user-select:none}