@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.header-logo{display:flex;align-items:center;margin-right:8px;box-sizing:border-box;contain:layout style paint}.logo-link{text-decoration:none;color:inherit;display:flex;align-items:center;transition:all .2s ease}.logo-link:hover{transform:scale(1.02)}.logo-svg{height:32px;width:auto;transition:all .2s ease}.logo-text{font-weight:var(--font-weight-black);font-size:1.2rem;margin-left:8px;display:flex;align-items:center;color:#fff}.logo-text-content{color:#fff;opacity:.9;line-height:1.2;font-weight:var(--font-weight-black)}@media (prefers-reduced-motion: reduce){.logo-link{transition:none}.logo-link:hover{transform:none}.logo-svg{transition:none}}.header-logo,.logo-link{will-change:transform}@media print{.header-logo,.logo-text-content{color:#000!important}}.search-input-wrapper{position:relative;border-radius:14px;background-color:#ffffff08;backdrop-filter:blur(20px);width:480px;max-width:100vw;transition:all .3s cubic-bezier(.4,1.3,.6,1);border:1.5px solid rgba(255,255,255,.12);z-index:1300}.search-input-wrapper.focused{border-color:var(--primary, #D0BCFF);background-color:#ffffff0d}.search-input-wrapper.mobile{width:100%}.search-input-container{position:relative;display:flex;align-items:center;width:100%}.search-input{width:100%;color:var(--text-primary, #FFFFFF);background-color:transparent;border-radius:14px;padding:12px 16px 12px 48px;font-size:18px;font-weight:500;border:none;outline:none;box-shadow:none}.search-input::placeholder{color:#fff9;opacity:.7}.search-input:focus{outline:none}.search-input-start-adornment{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center}.search-input-end-adornment{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center}.search-icon{width:20px;height:20px;color:var(--primary, #D0BCFF);opacity:.8}.clear-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.clear-button:hover{background-color:#d0bcff1a}.clear-icon{width:18px;height:18px;color:var(--primary, #D0BCFF);opacity:.7}.search-container{width:100%;position:relative}.search-results-container{position:absolute;top:54px;left:0;right:0;z-index:1200;max-height:420px;overflow:auto;background:#1a1a1af2;backdrop-filter:blur(20px);border-radius:14px;border:1.5px solid rgba(208,188,255,.15);margin-top:8px;padding:0}.search-results-container::-webkit-scrollbar{width:8px;background:transparent}.search-results-container::-webkit-scrollbar-thumb{background:#d0bcff33;border-radius:8px;transition:background .2s}.search-results-container::-webkit-scrollbar-thumb:hover{background:#d0bcff66}.search-results-container::-webkit-scrollbar-track{background:transparent}.search-results-container{scrollbar-width:thin;scrollbar-color:rgba(208,188,255,.2) transparent}.search-result-tabs{display:flex;min-height:40px;border-bottom:1px solid rgba(255,255,255,.1)}.search-result-tab{flex:1;background:none;border:none;padding:12px 16px;font-size:14px;font-weight:500;color:#ffffffb3;cursor:pointer;transition:all .2s ease;position:relative}.search-result-tab:hover{background-color:#d0bcff14;color:#ffffffe6}.search-result-tab.active{color:var(--primary, #D0BCFF);font-weight:600}.search-result-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--primary, #D0BCFF)}.search-results-content{padding:0}.search-loading{display:flex;justify-content:center;padding:24px}.loading-spinner{width:28px;height:28px;border:3px solid rgba(208,188,255,.1);border-top:3px solid var(--primary, #D0BCFF);border-radius:50%;animation:spin 1s linear infinite}.search-results-list{padding:0}.search-result-item{display:flex;align-items:center;padding:12px 16px;margin-bottom:4px;border-radius:14px;cursor:pointer;transition:background-color .2s ease}.search-result-item:hover,.search-result-item:active{background-color:#d0bcff14}.search-result-item:last-child{margin-bottom:0}.search-result-avatar{margin-right:12px;flex-shrink:0}.search-result-avatar img{width:44px;height:44px;border-radius:50%;border:2px solid rgba(208,188,255,.2);object-fit:cover}.search-result-content{flex:1;min-width:0}.search-result-name{display:flex;align-items:center;font-weight:600;font-size:17px;color:var(--text-primary, #FFFFFF);margin-bottom:2px}.search-result-username{font-size:14px;color:#fff9}.verified-icon{width:16px;height:16px;margin-left:6px;color:var(--primary, #D0BCFF)}.search-no-results{padding:32px 16px;text-align:center;color:#fff9}.search-no-results span{opacity:.7;font-weight:500;font-size:16px}.search-view-all{padding:16px;display:flex;justify-content:center}.view-all-button{background:none;border:none;color:var(--primary, #D0BCFF);font-weight:600;font-size:16px;cursor:pointer;padding:8px 16px;border-radius:14px;transition:background-color .2s ease;text-transform:none}.view-all-button:hover{background-color:#d0bcff14}@media (max-width: 768px){.search-input-wrapper{width:100%;max-width:100vw}.search-results-container{max-height:60vh}.search-result-item{padding:16px}.search-result-avatar img{width:48px;height:48px}.search-result-name{font-size:18px}.search-result-username{font-size:15px}}.header-player{display:flex;align-items:center;width:100%;position:relative;box-sizing:border-box;contain:layout style paint;justify-content:center}.MINI-track-info{min-width:0;display:flex;flex-direction:row}.MINI-track-info--clickable{cursor:pointer}.MINI-track-info--clickable:hover{background-color:#d0bcff14;transform:scale(1.02)}.track-cover{width:32px;height:32px;margin-right:8px;border-radius:4px;transition:all .2s ease;object-fit:cover}.MINI-track-info--clickable:hover .track-cover{box-shadow:0 4px 12px #d0bcff4d}.track-details{min-width:0;max-width:180px}.track-title{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;color:inherit}.track-artist{font-size:.75rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.player-controls{display:flex;align-items:center;gap:4px;margin-left:16px}.control-button{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:inherit;cursor:pointer;opacity:.6;transition:all .2s ease;border-radius:4px;min-width:28px;height:28px;box-sizing:border-box}.control-button:hover{opacity:1}.control-button--play{color:var(--primary-color, #D0BCFF);background-color:#d0bcff0d;padding:6px;margin:0 4px;min-width:32px;height:32px}.control-button--play:hover{background-color:#d0bcff26}.volume-control{display:flex;align-items:center;position:relative}.volume-control:hover .volume-slider{opacity:1;visibility:visible;transition-delay:0s}.volume-slider{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:60px;height:3px;margin-left:4px;border-radius:1.5px;background-color:#d0bcff33;appearance:none;outline:none;transition:all .2s ease;opacity:0;visibility:hidden;cursor:pointer;transition-delay:.2s}.volume-slider::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background-color:var(--primary-color, #D0BCFF);cursor:pointer}.volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background-color:var(--primary-color, #D0BCFF);cursor:pointer;border:none}.close-button{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:inherit;cursor:pointer;opacity:.6;transition:all .2s ease;border-radius:4px;min-width:28px;height:28px;z-index:2}.close-button:hover{opacity:1}@media (prefers-reduced-motion: reduce){.MINI-track-info{transition:none}.MINI-track-info--clickable:hover{transform:none}.track-cover,.control-button,.volume-slider,.close-button{transition:none}}.header-player,.MINI-track-info{will-change:transform}.control-button{will-change:opacity}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.volume-slider{height:2px}.volume-slider::-webkit-slider-thumb{width:8px;height:8px}.volume-slider::-moz-range-thumb{width:8px;height:8px}}@media print{.header-player{display:none!important}}.header-actions{display:flex;align-items:center;gap:4px;box-sizing:border-box;contain:layout style paint}.action-tooltip{position:relative}.action-tooltip:hover:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000;pointer-events:none}.action-button{display:flex;align-items:center;justify-content:center;padding:6px;border:none;background:transparent;color:inherit;cursor:pointer;opacity:.7;transition:all .2s ease;border-radius:4px;min-width:36px;height:36px;box-sizing:border-box}.action-button:hover{background-color:#d0bcff14;transform:scale(1.05);opacity:1}.action-button--active{background-color:#d0bcff1a;color:var(--primary-color, #D0BCFF)}.action-button--active:hover{background-color:#d0bcff26}.action-button--profile{margin-left:4px;opacity:1}.notification-container{display:flex;align-items:center;opacity:.6;transition:opacity .2s ease}.notification-container:hover{opacity:1}.profile-avatar{width:30px;height:30px;border-radius:50%;border:1px solid rgba(208,188,255,.3);object-fit:cover;transition:all .2s ease}.action-button:hover .profile-avatar{border-color:#d0bcff80;box-shadow:0 2px 8px #d0bcff33}@media (prefers-reduced-motion: reduce){.action-button{transition:none}.action-button:hover{transform:none}.notification-container,.profile-avatar{transition:none}}.header-actions{will-change:transform}.action-button{will-change:transform,opacity}.notification-container{will-change:opacity}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.profile-avatar{border-width:.5px}}@media print{.header-actions{display:none!important}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:2px}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.box-border{box-sizing:border-box}.block{display:block}.text-center{text-align:center}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.2rem}.rounded{border-radius:8px}.rounded-md{border-radius:12px}.rounded-lg{border-radius:16px}.rounded-full{border-radius:50%}.border{border:1px solid var(--border-color, #eee)}.shadow{box-shadow:0 2px 8px #00000014}.shadow-md{box-shadow:0 4px 15px #00000012}.btn{cursor:pointer;transition:all .2s;border:none;outline:none;background:transparent;border-radius:8px;border:1px solid rgba(255,255,255,.12);padding:12px 24px;color:#fff;font-size:14px;font-weight:500}.btn:hover{opacity:.85}.bg-transparent{background:transparent}.bg-white{background:#fff}.bg-primary{background:var(--primary, #D0BCFF)}.opacity-60{opacity:.6}.opacity-100{opacity:1}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.img-cover{object-fit:cover}.img-contain{object-fit:contain}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.z-1{z-index:1}.z-2{z-index:2}.transition{transition:all .2s ease}.transition-fast{transition:all .1s ease}.hide-scrollbar::-webkit-scrollbar{width:0;background:transparent}.contain{contain:layout style paint}.will-change-transform{will-change:transform}.pointer{cursor:pointer}.no-select{user-select:none}.bg-blur{backdrop-filter:blur(20px)}.bg-block{background:#ffffff08;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12)}.rounded-8{border-radius:8px}.rounded-12{border-radius:12px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.mb-2{margin-bottom:8px}.mb-2-5{margin-bottom:10px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.ml-1{margin-left:4px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.text-secondary{color:#ffffffb3}.text-error{color:#f44336}.text-success{color:#4caf50}.text-primary{color:#2196f3}.input{width:100%;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff08;color:inherit;font-size:14px;transition:border-color .2s}.input:focus{outline:none;border-color:#ffffff4d}.textarea{resize:vertical;min-height:100px}.btn-primary{background:#c46df3;color:#fff;padding:12px 24px;border-radius:8px;font-weight:500;border:1px solid rgba(255,255,255,.12)}.btn-outline{background:transparent;color:#fff;padding:12px 24px;border:1px solid rgba(255,255,255,.12);border-radius:8px}.btn-small{padding:8px 16px;font-size:12px}.chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;gap:4px}.chip-error{background:#f443361a;color:#f44336}.chip-success{background:#4caf501a;color:#4caf50}.chip-primary{background:#2196f31a;color:#2196f3}.avatar-small{width:24px;height:24px}.avatar-medium{width:32px;height:32px}.card{background:#ffffff08;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;transition:transform .2s}.card:hover{transform:translateY(-2px)}.img-preview{max-width:100%;max-height:200px;border-radius:8px;margin-top:8px}.img-detail{max-width:100%;max-height:300px;border-radius:8px;cursor:pointer}.comment-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;margin-top:8px;margin-bottom:8px}.divider{height:1px;background:#ffffff14;margin:16px 0}.loading{display:flex;justify-content:center;align-items:center;padding:24px}.spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top:2px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-button{border-radius:12px;margin-bottom:4px;padding:8px 14px 8px 0;background-color:transparent;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;outline:none;display:flex;align-items:center;width:100%;text-decoration:none;color:inherit;box-sizing:border-box}.nav-button:hover{background-color:#ffffff14;transform:translate(3px) scale(1.02);box-shadow:0 4px 12px #00000026}.nav-button--active{background-color:#ffffff1a}.nav-button--active:hover{background-color:#ffffff26}.nav-button:before{content:"";position:absolute;left:0;top:25%;height:50%;width:0px;background-color:var(--primary, #D0BCFF);border-radius:0 3px 3px 0;transition:width .3s ease,height .3s ease;box-shadow:none}.nav-button--active:before{width:3px;box-shadow:0 0 8px #0000004d}.nav-button:hover:before{width:2px;height:60%;top:20%}.nav-button--active:hover:before{width:3px}.nav-button--special:before{background-color:#f44336}.nav-button__icon{min-width:32px;color:#ffffffbf;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-right:8px}.nav-button__icon svg{font-size:1.2rem;transition:all .3s ease}.nav-button--active .nav-button__icon{color:var(--primary, #D0BCFF)}.nav-button--active .nav-button__icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.nav-button--special .nav-button__icon{color:#f44336}.nav-button:hover .nav-button__icon{color:#fffffff2}.nav-button:hover .nav-button__icon svg{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.nav-button--active:hover .nav-button__icon{color:var(--primary, #D0BCFF)}.nav-button--special:hover .nav-button__icon{color:#f44336}.nav-button__text{font-weight:500;font-size:.9rem;color:#ffffffe6;letter-spacing:.25px;transition:all .3s ease;text-shadow:none;flex:1;text-align:left}.nav-button--active .nav-button__text{font-weight:600;color:var(--primary, #D0BCFF);letter-spacing:.4px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.nav-button--special .nav-button__text{color:#f44336}.nav-button:hover .nav-button__text{letter-spacing:.4px;font-weight:600}.nav-button--nested{border-radius:10px;margin-bottom:3px;padding:6px 12px 6px 16px}.nav-button__content{display:flex;align-items:center;width:100%;justify-content:space-between}.nav-button__left-content{display:flex;align-items:center}.more-button{justify-content:space-between;padding-right:18px;margin-top:8px}.more-button__arrow{transition:transform .3s ease;transform:rotate(0);color:#ffffffbf;display:flex;align-items:center;justify-content:center}.more-button__arrow svg{font-size:1.1rem;transition:all .3s ease}.more-button--active .more-button__arrow{transform:rotate(180deg);color:var(--primary, #D0BCFF)}.more-button--special .more-button__arrow{color:#f44336}.more-button:hover .more-button__arrow{color:#fffffff2}.more-button:hover .more-button__arrow svg{transform:scale(1.1)}.more-button--active:hover .more-button__arrow{color:var(--primary, #D0BCFF)}.more-button--special:hover .more-button__arrow{color:#f44336}@media (max-width: 1200px){.nav-button{padding:7px 12px 7px 0;margin-bottom:3px}.nav-button__icon{min-width:30px}.nav-button__icon svg{font-size:1.15rem}.nav-button__text{font-size:.85rem;letter-spacing:.2px}.nav-button--active .nav-button__text{letter-spacing:.35px}}@media (max-width: 960px){.nav-button{padding:6px 11px;margin-bottom:2px}.nav-button__icon{min-width:28px}.nav-button__icon svg{font-size:1.1rem}.nav-button__text{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.nav-button,.nav-button:before,.nav-button__icon,.nav-button__icon svg,.nav-button__text,.more-button__arrow,.more-button__arrow svg{transition:none}.nav-button:hover{transform:none}.nav-button:hover .nav-button__icon svg{transform:none}.more-button:hover .more-button__arrow svg{transform:none}}.nav-button{will-change:transform,background-color;contain:layout style paint}.nav-button__icon{will-change:color,transform}.nav-button__text{will-change:color,font-weight,letter-spacing}.more-button__arrow{will-change:transform,color}.inventory-item-card{padding:8px;background:#ffffff08;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:8px;transition:transform .3s ease,background .3s ease;cursor:pointer;overflow:hidden}.inventory-item-card:hover{transform:translateY(-2px);background:#ffffff0d}.image-container{width:100%;aspect-ratio:1;border-radius:6px;background:#d0bcff1a;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:4px;overflow:hidden}.image-container.has-background:before{content:"";position:absolute;inset:0;background-image:var(--background-url);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:inherit;z-index:1}.marketplace-badge{position:absolute;top:4px;right:4px;padding:2px 6px;border-radius:8px;background:#000000b3;backdrop-filter:blur(5px);display:flex;align-items:center;gap:2px;border:1px solid rgba(255,255,255,.1);z-index:3}.kballs-icon{width:12px;height:12px}.price-text{color:#fff;font-weight:700;font-size:.65rem}.equipped-badge{position:absolute;top:4px;left:4px;padding:2px 6px;border-radius:8px;background:linear-gradient(135deg,#bb83e950,#ccade644);backdrop-filter:blur(5px);display:flex;align-items:center;border:1px solid rgba(255,255,255,.2);z-index:3;box-shadow:0 2px 8px #4caf504d;animation:equipped-glow 2s ease-in-out infinite alternate}.equipped-text{color:#fff;font-weight:700;font-size:.6rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes equipped-glow{0%{box-shadow:0 2px 8px #4caf504d}to{box-shadow:0 2px 12px #4caf5080}}.item-name{font-weight:500;display:block;text-align:center;margin-bottom:4px;font-size:.7rem;line-height:1.2}.rarity-container{display:flex;justify-content:center;gap:4px}.rarity-chip{padding:0 4px;border-radius:4px;font-weight:700;font-size:.6rem;height:16px;display:flex;align-items:center;justify-content:center}.equipped-item-compact .item-name,.equipped-item-compact .rarity-container{display:none}.equipped-item-compact .image-container{margin-bottom:0}.badge{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.badge--post{height:24px!important;min-height:24px!important;margin-top:9px!important}.badge--small{height:16px!important;min-height:16px!important}.badge--medium{height:24px!important;min-height:24px!important}.badge--large{height:32px!important;min-height:32px!important}.badge--shop{height:150px!important;min-height:150px!important}.badge__image{height:100%;object-fit:contain;border-radius:inherit;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.badge--loaded .badge__image{opacity:1;transform:scale(1)}.badge--error .badge__image{opacity:0;transform:scale(.8)}.badge--hovered{transform:scale(1.1);z-index:10}.badge--hovered .badge__image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.badge-upgrade-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--badge-size) * 2);height:calc(var(--badge-size) * 2);pointer-events:none;z-index:1}.badge--post .badge-upgrade-effect{width:calc(var(--badge-size) * 1.5);height:calc(var(--badge-size) * 1.5)}.badge--shop .badge-sparkle:nth-child(1){transform:translate(-50%,-50%) rotate(0) translateY(-60px)}.badge--shop .badge-sparkle:nth-child(2){transform:translate(-50%,-50%) rotate(60deg) translateY(-60px)}.badge--shop .badge-sparkle:nth-child(3){transform:translate(-50%,-50%) rotate(120deg) translateY(-60px)}.badge--shop .badge-sparkle:nth-child(4){transform:translate(-50%,-50%) rotate(180deg) translateY(-60px)}.badge--shop .badge-sparkle:nth-child(5){transform:translate(-50%,-50%) rotate(240deg) translateY(-60px)}.badge--shop .badge-sparkle:nth-child(6){transform:translate(-50%,-50%) rotate(300deg) translateY(-60px)}.badge--post .badge-sparkle:nth-child(1){transform:translate(-50%,-50%) rotate(0) translateY(-10px)}.badge--post .badge-sparkle:nth-child(2){transform:translate(-50%,-50%) rotate(60deg) translateY(-10px)}.badge--post .badge-sparkle:nth-child(3){transform:translate(-50%,-50%) rotate(120deg) translateY(-10px)}.badge--post .badge-sparkle:nth-child(4){transform:translate(-50%,-50%) rotate(180deg) translateY(-10px)}.badge--post .badge-sparkle:nth-child(5){transform:translate(-50%,-50%) rotate(240deg) translateY(-10px)}.badge--post .badge-sparkle:nth-child(6){transform:translate(-50%,-50%) rotate(300deg) translateY(-10px)}.badge-particle{position:absolute;top:50%;left:50%;width:var(--particle-size, 12px);height:var(--particle-size, 12px);pointer-events:none;z-index:2;animation:particle-float 6s ease-out infinite;animation-delay:var(--particle-delay, 0s);color:var(--particle-color, #FFD700);filter:drop-shadow(0 0 6px var(--particle-color, #FFD700));transform-origin:center}.badge-particle svg{width:100%;height:100%;animation:particle-rotate 3s linear infinite;animation-delay:var(--particle-delay, 0s);fill:currentColor;opacity:.5}@keyframes sparkle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle-rotate-svg{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes sparkle-pulse{0%,to{opacity:.4;transform:translate(-50%,-50%) rotate(var(--sparkle-angle, 0deg)) translateY(-20px) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) rotate(var(--sparkle-angle, 0deg)) translateY(-20px) scale(1.3)}}@keyframes sparkle-pulse-post{0%,to{opacity:.4;transform:translate(-50%,-50%) rotate(var(--sparkle-angle, 0deg)) translateY(-10px) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) rotate(var(--sparkle-angle, 0deg)) translateY(-10px) scale(1.3)}}@keyframes sparkle-pulse-shop{0%,to{opacity:.4;transform:translate(-50%,-50%) rotate(var(--sparkle-angle, 0deg)) translateY(-60px) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) rotate(var(--sparkle-angle, 0deg)) translateY(-60px) scale(1.3)}}.badge--post .badge-sparkle{animation:sparkle-pulse-post 3s ease-in-out infinite}.badge--shop .badge-sparkle{animation:sparkle-pulse-shop 3s ease-in-out infinite}@keyframes particle-float{0%{opacity:0;transform:translate(-50%,-50%) translate(var(--particle-x, 0),var(--particle-y, 0)) scale(0) rotate(var(--particle-rotation, 0deg))}20%{opacity:1;transform:translate(-50%,-50%) translate(var(--particle-x, 0),var(--particle-y, 0)) scale(1) rotate(var(--particle-rotation, 0deg))}80%{opacity:1;transform:translate(-50%,-50%) translate(calc(var(--particle-x, 0) * 1.1),calc(var(--particle-y, 0) * 1.1)) scale(.9) rotate(calc(var(--particle-rotation, 0deg) + 180deg))}to{opacity:0;transform:translate(-50%,-50%) translate(calc(var(--particle-x, 0) * 1.2),calc(var(--particle-y, 0) * 1.2)) scale(0) rotate(calc(var(--particle-rotation, 0deg) + 360deg))}}@keyframes particle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge--upgraded{filter:drop-shadow(0 0 8px var(--upgrade-color, #FFD700))}.badge--upgraded .badge__image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1)) brightness(1.1)}.badge--upgraded.badge--hovered{filter:drop-shadow(0 0 12px var(--upgrade-color, #FFD700));transform:scale(1.15)}@media (max-width: 768px){.badge--large{width:28px;height:28px;min-width:28px;min-height:28px}.badge-upgrade-effect{width:calc(var(--badge-size) * 2.2);height:calc(var(--badge-size) * 2.2)}.badge-particle{width:10px;height:10px}}@media (max-width: 480px){.badge--medium{width:20px;height:20px;min-width:20px;min-height:20px}.badge--large{width:24px;height:24px;min-width:24px;min-height:24px}.badge-particle{width:8px;height:8px}}@media (prefers-reduced-motion: reduce){.badge,.badge__image,.badge-sparkles,.badge-sparkle,.badge-sparkle-svg,.badge-particle,.badge-particle svg{animation:none!important;transition:none!important}.badge--hovered{transform:none!important}}.badge,.badge-upgrade-effect,.badge-sparkles,.badge-particle{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.badge:focus{outline:2px solid var(--upgrade-color, #FFD700);outline-offset:2px}.badge__image{alt:attr(alt)}@media (prefers-color-scheme: dark){.badge__image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.badge--hovered .badge__image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}}.badge--shop .badge-sparkle{width:20px;height:20px}.user-profile-wrapper{display:flex;align-items:center;padding:12px;position:relative;gap:12px;text-decoration:none;cursor:pointer;transition:all .3s ease;border-radius:12px;color:inherit;box-sizing:border-box;contain:layout style paint}.user-profile-wrapper:hover{background-color:#ffffff0d;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.SIDEBAR-user-avatar{width:48px;height:48px;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000001a;transition:transform .2s ease;flex-shrink:0;object-fit:cover}.SIDEBAR-user-avatar:hover{transform:scale(1.05)}.user-info-container{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.user-name{font-weight:600;font-size:.95rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.user-name-tag{color:#ffffff80;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}@media (prefers-reduced-motion: reduce){.user-profile-wrapper{transition:none}.user-profile-wrapper:hover{transform:none}.SIDEBAR-user-avatar{transition:none}.SIDEBAR-user-avatar:hover{transform:none}}.user-profile-wrapper,.SIDEBAR-user-avatar{will-change:transform}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.SIDEBAR-user-avatar{border-width:.5px}}@media print{.user-profile-wrapper{background:#fff!important;color:#000!important;box-shadow:none!important;transform:none!important}.SIDEBAR-user-avatar{border:1px solid #ccc!important;box-shadow:none!important}.user-name{color:#000!important}.user-name-tag{color:#666!important}}.sidebar-container{padding:16px 12px;border-radius:16px;height:calc(100vh - 65px);position:sticky;top:55px;overflow-y:auto;overflow-x:hidden;box-shadow:0 4px 15px #00000012;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;scrollbar-width:none;box-sizing:border-box;contain:layout style paint;will-change:transform;transform:translateZ(0)}.sidebar-container::-webkit-scrollbar{width:0px;background:transparent}.sidebar-container::-webkit-scrollbar-track{background-color:transparent}.sidebar-container::-webkit-scrollbar-thumb{background-color:transparent}.sidebar-container:hover{box-shadow:0 6px 20px #0000001a}.sidebar-content{flex:1;display:flex;flex-direction:column}@media (min-width: 1200px){.sidebar-container{width:230px;margin-right:0;margin-left:auto}}@media (max-width: 1199px){.sidebar-container{padding:12px 10px;width:220px;margin-left:auto}}@media (max-width: 959px){.sidebar-container{width:210px;padding:10px 8px;margin-left:auto}}@media (prefers-color-scheme: dark){.sidebar-container{background:#ffffff08;border-color:#ffffff14}}@media (prefers-reduced-motion: reduce){.sidebar-container{transition:none}.sidebar-container:hover{box-shadow:0 4px 15px #00000012}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.sidebar-container{border-width:.5px}}@media print{.sidebar-container{display:none!important}}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;display:block;z-index:1000;border-top:1px solid rgba(43,43,43,.606);background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@media (min-width: 700px){.bottom-navigation{display:none}}.bottom-nav-container{background-color:transparent;height:75px;display:flex;justify-content:center;align-items:flex-start;margin-top:10px}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:auto;padding:8px 4px;color:#d6d1e3c4;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none;background:none;font-family:inherit;flex:1}.bottom-nav-item:hover{color:#d6d1e3e6}.bottom-nav-item.active{color:var(--primary-main, #D0BCFF)}.bottom-nav-icon{width:28px;height:28px;margin-bottom:4px;display:flex;align-items:center;justify-content:center}.bottom-nav-label{font-size:.6rem;font-weight:100;text-align:center;margin:0;line-height:1}.badge{position:relative;display:inline-flex;align-items:center;justify-content:center}.badge-content{position:absolute;top:-8px;right:-8px;background-color:#2f2f2f;border:1px solid #b1b1b1;color:#fff;border-radius:10px;min-width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}:root{--primary-main: #D0BCFF}@font-face{font-family:SF Pro Display;src:url(/font/sf-pro-display-medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/SF-Pro-Display-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/SF-Pro-Display-Heavy.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/SF-Pro-Display-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}body{-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--primary: #D0BCFF;--primary-light: #E9DDFF;--primary-dark: #9A7ACE;--background: #151515;--background-secondary: #1C1C1C;--surface: #1D1D1D;--text-primary: #FFFFFF;--text-secondary: #C2C2C2;--error: #F28C9A;--success: #6CD67D;--border-color: rgba(255, 255, 255, .1);--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-heavy: 800;--font-weight-black: 900}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);min-height:100vh;height:100vh}@supports (-webkit-touch-callout: none){body{height:-webkit-fill-available}}#root{height:100vh;min-height:100vh}.profile-background-active{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:fixed!important;height:100vh!important;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow:auto!important}@supports (-webkit-touch-callout: none){.profile-background-active{height:-webkit-fill-available!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,select{font-family:SF Pro Display,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.selectable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.non-selectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{width:1px;height:1px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background-color:var(--primary-dark);border-radius:1px}::-webkit-scrollbar-thumb:hover{background-color:var(--primary)}.PrivateSwipeArea-root{display:none!important;width:0!important;height:0!important;opacity:0!important;position:absolute!important;pointer-events:none!important}.fullscreen-player-active #app-bottom-navigation{display:none!important}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media screen and (-webkit-min-device-pixel-ratio: 0){.animated,.MuiCircularProgress-root,.MuiSkeleton-root{-webkit-transform:translate3d(0,0,0)}}@-moz-document url-prefix(){.animated,.MuiCircularProgress-root,.MuiSkeleton-root{-moz-transform:translateZ(0)}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.animated,.MuiCircularProgress-root,.MuiSkeleton-root{-ms-transform:translateZ(0)}}