@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #c8a84b;--accent2: #4a9eca;--bg: #191e2d;--bg2: #1e2540;--bg3: #253154;--bg4: #2d3b62;--surface: rgba(255,255,255,.05);--surfaceHov: rgba(255,255,255,.09);--border: rgba(255,255,255,.1);--borderStrong: rgba(255,255,255,.16);--text: #dde4f0;--textMuted: rgba(221,228,240,.55);--textDim: rgba(221,228,240,.3);--font: "Space Grotesk", sans-serif;--mono: "DM Mono", monospace;--radius: 16px;--radiusSm: 10px;--type-radio-bg: rgba(61,107,71,.25);--type-radio-fg: #72c485;--type-radio-bd: rgba(61,107,71,.45);--type-video-bg: rgba(58,74,140,.25);--type-video-fg: #7a9ae8;--type-video-bd: rgba(58,74,140,.45);--type-live-bg: rgba(180,60,50,.2);--type-live-fg: #e07060;--type-live-bd: rgba(180,60,50,.4);--type-lofi-bg: rgba(100,60,160,.25);--type-lofi-fg: #a87fe8;--type-lofi-bd: rgba(100,60,160,.4);--type-ambient-bg: rgba(42,80,120,.25);--type-ambient-fg: #6ab4d8;--type-ambient-bd: rgba(42,80,120,.4);--type-gold-bg: rgba(200,168,75,.18);--type-gold-fg: #c8a84b;--type-gold-bd: rgba(200,168,75,.35)}.light-mode{--bg: #f0ebe0;--bg2: #faf7f0;--bg3: #e8e0d0;--bg4: #ddd6c6;--surface: rgba(26,40,64,.06);--surfaceHov: rgba(26,40,64,.1);--border: rgba(26,40,64,.14);--borderStrong: rgba(26,40,64,.22);--text: #1a2840;--textMuted: rgba(26,40,64,.58);--textDim: rgba(26,40,64,.35);--type-radio-fg: #2a7038;--type-radio-bg: rgba(42,112,56,.14);--type-radio-bd: rgba(42,112,56,.3);--type-video-fg: #2040a0;--type-video-bg: rgba(32,64,160,.12);--type-video-bd: rgba(32,64,160,.28);--type-live-fg: #b02818;--type-live-bg: rgba(176,40,24,.12);--type-live-bd: rgba(176,40,24,.28);--type-lofi-fg: #6030b0;--type-lofi-bg: rgba(96,48,176,.12);--type-lofi-bd: rgba(96,48,176,.28);--type-ambient-fg: #1858a0;--type-ambient-bg: rgba(24,88,160,.12);--type-ambient-bd: rgba(24,88,160,.28);--type-gold-fg: #8a6820;--type-gold-bg: rgba(138,104,32,.12);--type-gold-bd: rgba(138,104,32,.28)}.light-mode .pkm-section-header{background:#2a3a5c}.light-mode .pkm-section-title{color:#f0ebe0}.light-mode .pkm-section-icon{color:var(--accent)}.light-mode .pkm-section-badge{color:#f0ebe08c}.light-mode .pkm-team-card{background:#f0ebe0;border-color:#1a284024}.light-mode .pkm-team-card:hover{border-color:#c8a84b66}.light-mode .mode-btn.active{color:#1a2840}.light-mode .card-hover:hover{box-shadow:0 8px 24px #1a28401f,0 0 12px #c8a84b14}.light-mode .live-dot{background:#b02818}.light-mode .glow{box-shadow:0 0 24px #c8a84b40,0 2px 8px #1a284014}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg)}body{font-family:var(--font);color:var(--text)}#root{width:100%;height:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.glow{box-shadow:0 0 28px #c8a84b38,0 0 56px #c8a84b17}.glow2{box-shadow:0 0 18px #4a9eca2e}.flip-scene{perspective:1200px}.flip-card{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.23,1,.32,1);position:relative}.flip-card.flipped{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-back{transform:rotateY(180deg)}@keyframes rippleAnim{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.ripple-dot{position:absolute;width:60px;height:60px;border-radius:50%;background:#c8a84b4d;transform:scale(0);pointer-events:none;animation:rippleAnim .7s ease-out forwards;transform-origin:center;margin-left:-30px;margin-top:-30px}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.live-dot{width:7px;height:7px;border-radius:50%;background:#e07060;animation:livePulse 1.4s ease-in-out infinite;display:inline-block}@keyframes reactionPop{0%{transform:scale(0) translateY(0);opacity:1}60%{transform:scale(1.3) translateY(-12px);opacity:1}to{transform:scale(1) translateY(-8px);opacity:0}}.reaction-pop{position:absolute;pointer-events:none;animation:reactionPop .7s cubic-bezier(.34,1.56,.64,1) forwards;font-size:18px;z-index:100}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--surface) 25%,var(--surfaceHov) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.mode-toggle{display:flex;align-items:center;background:var(--bg3);border-radius:100px;padding:4px;border:1px solid var(--border);position:relative;overflow:hidden}.mode-btn{position:relative;z-index:1;padding:8px 20px;border-radius:100px;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;border:none;background:transparent;color:var(--textMuted);transition:color .3s ease;white-space:nowrap}.mode-btn.active{color:#16202e}.mode-pill{position:absolute;top:4px;bottom:4px;border-radius:100px;background:linear-gradient(135deg,var(--accent),#a07830);transition:left .4s cubic-bezier(.34,1.56,.64,1),width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 14px #c8a84b47}.nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 14px;border-radius:var(--radiusSm);cursor:pointer;transition:background .2s;color:var(--textMuted);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;border:none;background:none;font-family:var(--font)}.nav-item:hover{background:var(--surface);color:var(--textMuted)}.nav-item.active{color:var(--accent)}.nav-item svg{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.nav-item:hover svg{transform:scale(1.18)}.nav-item.active svg{filter:drop-shadow(0 0 5px rgba(200,168,75,.55))}.progress-track{height:4px;background:var(--surface);border-radius:2px;cursor:pointer;position:relative;overflow:visible}.progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));position:relative;transition:width .3s linear}.progress-thumb{width:12px;height:12px;border-radius:50%;background:#fff;position:absolute;right:-6px;top:-4px;box-shadow:0 0 8px #c8a84b80;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.progress-track:hover .progress-thumb{transform:scale(1.4)}.chat-input{background:var(--bg3);border:1px solid var(--border);border-radius:100px;padding:10px 16px;font-family:var(--font);font-size:13px;color:var(--text);outline:none;width:100%;transition:border-color .2s,box-shadow .2s}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c8a84b1f}.chat-input::placeholder{color:var(--textDim)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:2px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--accent) var(--vol, 80%),var(--surface) var(--vol, 80%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 6px #c8a84b66;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.3)}.card-hover{transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s;cursor:pointer}.card-hover:hover{transform:translateY(-2px) scale(1.005);box-shadow:0 10px 28px #0006,0 0 14px #c8a84b1a}@keyframes btnClick{0%{transform:scale(1)}40%{transform:scale(.88)}70%{transform:scale(1.12)}to{transform:scale(1)}}.btn-click{animation:btnClick .35s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInMsg{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes msgSlideInH{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}@keyframes crystalIn{0%{opacity:0;transform:scale(.88) translateY(6px)}to{opacity:1;transform:none}}@keyframes blobPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes seatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pkm-card{background:var(--bg2);border:1px solid var(--borderStrong);border-radius:var(--radius);overflow:hidden}.pkm-section{border:1px solid var(--borderStrong);border-radius:var(--radiusSm);overflow:hidden;background:var(--bg2)}.pkm-section-header{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--bg3);border-bottom:1px solid var(--border)}.pkm-section-icon{width:16px;height:16px;flex-shrink:0;color:var(--accent);display:flex;align-items:center;justify-content:center}.pkm-section-title{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text);flex:1}.pkm-section-badge{font-family:var(--mono);font-size:10px;color:var(--textDim)}.pkm-stat-row{display:flex;align-items:center;padding:9px 14px;gap:10px;border-bottom:1px solid var(--border);transition:background .12s}.pkm-stat-row:last-child{border-bottom:none}.pkm-stat-row:hover{background:var(--surface)}.pkm-stat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pkm-stat-label{flex:1;font-size:13px;color:var(--text)}.pkm-stat-value{font-size:13px;font-weight:700;font-family:var(--mono);color:var(--text)}.pkm-stars{display:inline-flex;gap:3px;align-items:center}.pkm-star{font-size:13px}.pkm-star.on{color:var(--accent)}.pkm-star.off{color:var(--bg4)}.pkm-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;flex-shrink:0}.pkm-badge-radio{background:var(--type-radio-bg);color:var(--type-radio-fg);border-color:var(--type-radio-bd)}.pkm-badge-video{background:var(--type-video-bg);color:var(--type-video-fg);border-color:var(--type-video-bd)}.pkm-badge-live{background:var(--type-live-bg);color:var(--type-live-fg);border-color:var(--type-live-bd)}.pkm-badge-lofi{background:var(--type-lofi-bg);color:var(--type-lofi-fg);border-color:var(--type-lofi-bd)}.pkm-badge-ambient{background:var(--type-ambient-bg);color:var(--type-ambient-fg);border-color:var(--type-ambient-bd)}.pkm-badge-gold{background:var(--type-gold-bg);color:var(--type-gold-fg);border-color:var(--type-gold-bd)}.pkm-team-card{display:flex;flex-direction:column;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radiusSm);overflow:hidden;transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s,border-color .2s;cursor:pointer}.pkm-team-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006;border-color:#c8a84b4d}.pkm-divider{height:1px;background:var(--border)}@media (max-width: 768px){.mode-btn{padding:6px 12px;font-size:12px}.nav-item{padding:6px 8px;font-size:10px;gap:3px}.chat-input{font-size:16px}.progress-track{height:5px}.progress-thumb{width:16px;height:16px;top:-6px;right:-8px}input[type=range]{height:4px}input[type=range]::-webkit-slider-thumb{width:16px;height:16px}}@media (max-width: 1366px) and (max-height: 768px){.vol-row{margin:-2px 0!important;gap:6px!important}.vol-row button{padding:2px!important}.vol-row input[type=range]{height:2px}.vol-row input[type=range]::-webkit-slider-thumb{width:10px;height:10px}}:root{--vw1: #ff6ec7;--vw2: #b967ff;--vw3: #01cdfe}*{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3 1L3 13L6.5 10L9 16L11.5 15L9 9.5L14 9.5Z' fill='%23ff6ec7' stroke='%23b967ff' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") 3 1,default}button,a,[role=button],.card-hover,.pkm-team-card,.nav-item,.mode-btn,label,input[type=range],.msg-item,select,.pkm-badge,.progress-track,.progress-fill,.vol-row,.pkm-stat-row,.pkm-team-card *,[onclick],[tabindex]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3 1L3 13L6.5 10L9 16L11.5 15L9 9.5L14 9.5Z' fill='%23b967ff' stroke='%23ff6ec7' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") 3 1,pointer}input[type=text],input[type=email],textarea,.chat-input{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24'%3E%3Crect x='7' y='0' width='2' height='24' fill='%23ff6ec7'/%3E%3Crect x='4' y='0' width='8' height='2' fill='%23ff6ec7'/%3E%3Crect x='4' y='22' width='8' height='2' fill='%23ff6ec7'/%3E%3C/svg%3E") 8 12,text}.light-mode *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3 1L3 13L6.5 10L9 16L11.5 15L9 9.5L14 9.5Z' fill='%23c8a84b' stroke='%232a3a5c' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") 3 1,default}.light-mode button,.light-mode a,.light-mode [role=button],.light-mode .card-hover,.light-mode .pkm-team-card,.light-mode .nav-item,.light-mode .mode-btn,.light-mode label,.light-mode input[type=range],.light-mode .msg-item,.light-mode select,.light-mode .pkm-badge,.light-mode .progress-track,.light-mode .vol-row{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3 1L3 13L6.5 10L9 16L11.5 15L9 9.5L14 9.5Z' fill='%232a3a5c' stroke='%23c8a84b' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") 3 1,pointer}body:not(.light-mode):after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,110,199,.018) 3px,rgba(255,110,199,.018) 4px)}.vw-glow{box-shadow:0 0 14px #ff6ec740,0 0 28px #b967ff2e,0 0 42px #01cdfe1f}body:not(.light-mode) .vw-topbar{box-shadow:0 1px #ff6ec733,0 0 30px #b967ff0f;border-bottom-color:#ff6ec724!important}body:not(.light-mode) .mode-pill{background:linear-gradient(135deg,var(--vw1),var(--vw2));box-shadow:0 0 12px #ff6ec759,0 0 24px #b967ff33}body:not(.light-mode) .mode-btn.active{color:#fff}body:not(.light-mode) .play-btn{background:linear-gradient(135deg,var(--vw1),var(--vw2))!important;box-shadow:0 0 18px #ff6ec773,0 0 36px #b967ff40!important;color:#fff!important}body:not(.light-mode) .vw-avatar{box-shadow:0 0 0 2px #ff6ec78c,0 0 14px #b967ff4d!important}body:not(.light-mode) .msg-own{background:#ff6ec717!important;border-color:#ff6ec733!important}body:not(.light-mode) .msg-own .msg-username{color:var(--vw1)!important}.msg-item{border-bottom:1px solid transparent;transition:background .15s,border-color .15s,box-shadow .15s}body:not(.light-mode) .msg-item{border-bottom-color:#ff6ec70d}.light-mode .msg-item{border-bottom-color:#1a28400f}.msg-item:last-child{border-bottom:none!important}body:not(.light-mode) .msg-item:hover{background:#b967ff0f!important;border-color:#b967ff24!important}.light-mode .msg-item:hover{background:#c8a84b12!important;border-color:#c8a84b2e!important}body:not(.light-mode) .msg-item.picker-active{background:#b967ff21!important;border-color:#b967ff52!important;box-shadow:0 0 14px #b967ff33,inset 0 0 8px #b967ff0f}.light-mode .msg-item.picker-active{background:#c8a84b1f!important;border-color:#c8a84b59!important}body:not(.light-mode) .pkm-section-header{background:linear-gradient(180deg,#1a0d2e 0%,var(--bg3) 100%);border-top:2px solid transparent;border-image:linear-gradient(90deg,var(--vw1),var(--vw2),var(--vw3)) 1;border-bottom-color:#ff6ec72e}body:not(.light-mode) .pkm-section-title{background:linear-gradient(90deg,var(--vw1),var(--vw2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body:not(.light-mode) .pkm-section-icon{color:var(--vw3)}body:not(.light-mode) .pkm-section-badge{color:var(--vw3);font-weight:700;text-shadow:0 0 8px rgba(1,205,254,.5)}body:not(.light-mode) .pkm-section{border-color:#b967ff33;box-shadow:0 0 0 1px #b967ff0f,inset 0 0 40px #09041966}body:not(.light-mode) .pkm-card{border-color:#ff6ec726;box-shadow:0 0 0 1px #b967ff0f}body:not(.light-mode) .pkm-card:hover{border-color:#ff6ec74d;box-shadow:0 0 0 1px #ff6ec726,0 8px 32px #00000080,0 0 20px #b967ff1f}body:not(.light-mode) .pkm-team-card{border-color:#b967ff26;background:linear-gradient(180deg,rgba(28,8,52,.6) 0%,var(--bg3) 100%)}body:not(.light-mode) .pkm-team-card:hover{border-color:#ff6ec766;box-shadow:0 8px 24px #00000080,0 0 16px #b967ff38;transform:translateY(-3px)}body:not(.light-mode) .pkm-badge-radio{box-shadow:0 0 8px #72c48540}body:not(.light-mode) .pkm-badge-video{box-shadow:0 0 8px #7a9ae840}body:not(.light-mode) .pkm-badge-live{box-shadow:0 0 8px #e070604d}body:not(.light-mode) .pkm-badge-lofi{box-shadow:0 0 8px #a87fe84d}body:not(.light-mode) .pkm-badge-ambient{box-shadow:0 0 8px #6ab4d840}body:not(.light-mode) .pkm-stat-row:hover{background:#b967ff0f;box-shadow:inset 3px 0 0 var(--vw2)}body:not(.light-mode) .progress-fill{background:linear-gradient(90deg,var(--vw1),var(--vw2),var(--vw3));box-shadow:0 0 6px #ff6ec766}body:not(.light-mode) .progress-thumb{box-shadow:0 0 10px #ff6ec7b3,0 0 4px #fff}body:not(.light-mode) input[type=range]{background:linear-gradient(90deg,var(--vw1) var(--vol, 80%),rgba(255,255,255,.08) var(--vol, 80%))}body:not(.light-mode) input[type=range]::-webkit-slider-thumb{box-shadow:0 0 8px #ff6ec799}body:not(.light-mode) .chat-input{background:#0e061cb3;border-color:#b967ff33}body:not(.light-mode) .chat-input:focus{border-color:var(--vw1)!important;box-shadow:0 0 0 3px #ff6ec724,0 0 12px #ff6ec71a!important}body:not(.light-mode) .chat-input::placeholder{color:#b967ff59}body:not(.light-mode) .send-btn-active{background:linear-gradient(135deg,var(--vw1),var(--vw2))!important;color:#fff!important;box-shadow:0 0 12px #ff6ec766!important}body:not(.light-mode) .nav-item:hover{background:#b967ff14;color:var(--vw2)}body:not(.light-mode) .nav-item.active{color:var(--vw1)}body:not(.light-mode) .nav-item.active svg{filter:drop-shadow(0 0 5px rgba(255,110,199,.6)) drop-shadow(0 0 12px rgba(185,103,255,.4))}body:not(.light-mode) ::-webkit-scrollbar{width:3px}body:not(.light-mode) ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--vw1),var(--vw2));border-radius:3px}body:not(.light-mode) ::-webkit-scrollbar-thumb:hover{background:var(--vw3)}body:not(.light-mode) .ripple-dot{background:#ff6ec766}body:not(.light-mode) .emoji-picker{background:linear-gradient(135deg,#12042a,#1a0533)!important;border-color:#ff6ec74d!important;box-shadow:0 4px 24px #000000b3,0 0 20px #b967ff40!important}body:not(.light-mode) .mode-toggle{background:#0e061cb3;border-color:#b967ff33}body:not(.light-mode) .live-dot{background:var(--vw1);box-shadow:0 0 6px #ff6ec7b3}body:not(.light-mode){background:radial-gradient(ellipse at 20% 0%,rgba(90,20,140,.18) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(255,110,199,.08) 0%,transparent 60%),var(--bg)}body:not(.light-mode) .pkm-section{border-color:#b967ff2e}body:not(.light-mode) .pkm-star.on{color:var(--vw1);text-shadow:0 0 8px rgba(255,110,199,.6)}