.skins-shell{background:var(--background);min-height:100vh;position:relative;overflow-x:clip}.skins-ambient{pointer-events:none;background:radial-gradient(46% 42% at 14% 4%,#10b9811c,#0000 64%),radial-gradient(40% 46% at 88% 12%,#2dd4bf12,#0000 66%),radial-gradient(50% 55% at 50% 100%,#10b9810d,#0000 70%);position:absolute;inset:0}.skin-card{will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff07,#ffffff03) padding-box padding-box,#0e1012b8 linear-gradient(168deg,#ffffff26,#ffffff0d 40%,#10b98126 100%) border-box;border:1px solid #0000;border-radius:16px;flex-direction:column;transition:transform .32s cubic-bezier(.34,1.45,.64,1),box-shadow .3s,border-color .2s;display:flex;position:relative;overflow:clip;transform:translateY(0)scale(1)}.skin-card:hover{transform:translateY(-5px)scale(1.015);box-shadow:0 24px 48px -18px #000000d9,0 0 30px -10px #10b98161,inset 0 1px #ffffff14}.skin-card:active{transition-duration:.12s;transform:translateY(-1px)scale(.985)}.skin-card-stage{aspect-ratio:3/4;background:radial-gradient(60% 46% at 50% 62%,#10b9811a,#0000 70%),radial-gradient(#ffffff0b 1px,#0000 1.35px) 0 0/22px 22px;place-items:center;display:grid;position:relative;overflow:clip}.skin-card-stage>canvas,.skin-card-stage>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.skin-card-stage:after{content:"";pointer-events:none;background:radial-gradient(#0000008c,#0000 68%);border-radius:50%;width:46%;height:7%;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.skin-card-canvas{opacity:0}.skin-card-canvas.skin-poster-in{opacity:1;animation:.5s cubic-bezier(.22,1,.36,1) skinPosterIn}@keyframes skinPosterIn{0%{opacity:0;transform:scale(.94)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}.skin-rank{z-index:3;letter-spacing:.01em;color:#04140d;background:linear-gradient(#3ee6a4,#10b981);border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:3px;padding:3px 9px;font-size:11.5px;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 14px -4px #10b981b3,inset 0 1px #ffffff59}.skin-rank-gold{color:#241a02;background:linear-gradient(#ffe08a,#f5b312);box-shadow:0 4px 16px -4px #f5b312bf,inset 0 1px #ffffff73}.skin-model-chip{letter-spacing:.08em;text-transform:uppercase;color:#9fa6ad;border:1px solid var(--hairline);background:#ffffff0d;border-radius:6px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.skin-stat{color:#8a8a93;font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:inline-flex}.skin-stat svg{opacity:.75}.skins-section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.skins-section-title{letter-spacing:-.022em;color:#fff;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.skins-section-title .accent-dot{background:linear-gradient(180deg,var(--accent-hi),var(--accent-2));border-radius:999px;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 10px #10b981cc}.skins-see-all{color:var(--muted-foreground);white-space:nowrap;font-size:12.5px;font-weight:600;transition:color .15s,transform .2s cubic-bezier(.34,1.45,.64,1)}.skins-see-all:hover{color:var(--accent-hi);transform:translate(2px)}.skins-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-flow:column;gap:14px;padding:4px 4px 14px;display:grid;overflow-x:auto}.skins-row::-webkit-scrollbar{display:none}.skins-row>*{scroll-snap-align:start}.skins-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}@media (min-width:640px){.skins-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}}@media (min-width:1280px){.skins-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}}@keyframes skinCardIn{0%{opacity:0;transform:translateY(18px)scale(.92)}62%{opacity:1;transform:translateY(-3px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.skin-card-in{animation:.5s cubic-bezier(.22,1,.36,1) backwards skinCardIn}.skin-skeleton{aspect-ratio:3/4.6;border:1px solid var(--hairline);background:linear-gradient(90deg,#141417 25%,#1b1b1f 50%,#141417 75%) 0 0/200% 100%;border-radius:16px;animation:1.5s ease-in-out infinite shimmer}.skins-hero-title{letter-spacing:-.035em;color:#fff;font-size:clamp(34px,6.2vw,64px);font-weight:800;line-height:1.02}.skins-hero-sub{color:var(--muted-foreground);font-size:clamp(14px,1.6vw,17px);line-height:1.55}.skins-search{color:#ededee;background:#00000061;border:1px solid #ffffff17;border-radius:14px;width:100%;height:46px;padding:0 44px;font-size:14px;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:inset 0 1px 3px #00000073}.skins-search::placeholder{color:#5d626b}.skins-search:focus{background:#00000080;border-color:#34d39980;outline:none;box-shadow:inset 0 1px 3px #00000073,0 0 0 3px #10b98124,0 0 24px -8px #10b9818c}.universal-lookup{width:100%;position:relative}.universal-lookup-icon{pointer-events:none;z-index:1;color:#7a8491;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.universal-lookup-input{color:#f2f7ff;background:#030814c7;border:1px solid #80a4ff33;border-radius:13px;width:100%;height:44px;padding:0 15px 0 42px;font-size:13px;transition:border-color .16s,box-shadow .16s,background-color .16s;box-shadow:inset 0 1px #ffffff0d,0 8px 28px -18px #000000e6}.universal-lookup-input::placeholder{color:#718096}.universal-lookup-input:focus{background:#040b1cf0;border-color:#6297ffa6;outline:none;box-shadow:inset 0 1px #ffffff0f,0 0 0 3px #3b82f624,0 12px 32px -18px #2563ebb3}.universal-lookup-results{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#030815f7;border:1px solid #91b3ff33;border-radius:15px;padding:7px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 28px 70px -22px #000000f2,inset 0 1px #ffffff0f}.universal-lookup-label{letter-spacing:.1em;text-transform:uppercase;color:#7789a5;margin:6px 8px 4px;font-size:9.5px;font-weight:800}.universal-result,.universal-server-result,.universal-server-state{color:#eaf1ff;text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:47px;padding:8px 9px;display:flex}button.universal-result{transition:background-color .14s}@keyframes universalRowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.universal-result-in{animation:.26s cubic-bezier(.22,1,.36,1) both universalRowIn}@media (prefers-reduced-motion:reduce){.universal-result-in{animation:none!important}}button.universal-result:hover{background:#537fe921}.universal-result strong,.universal-server-result strong{font-size:12.5px;font-weight:700;display:block}.universal-result small,.universal-server-result small{color:#8290a8;margin-top:2px;font-size:10.5px;display:block}.universal-result-icon{color:#93b9ff;background:#5580e524;border:1px solid #82a4ff29;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.universal-result-icon img{object-fit:cover;width:100%;height:100%}.universal-player-head{image-rendering:pixelated;border:1px solid #ffffff1f;border-radius:8px;flex:none}.universal-server-result{background:linear-gradient(135deg,#395ebf29,#0d1a3d29);align-items:flex-start;margin-top:1px}.universal-server-result .universal-result-icon{margin-top:1px}.universal-online,.universal-offline{flex:none;font-size:10px;font-weight:750}.universal-online{color:#67e8b0}.universal-offline{color:#a4afbf}.universal-motd{color:#d9e5f7;margin:5px 0 2px;font-size:11.5px;line-height:1.35}.universal-server-players{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.universal-server-state{color:#8998af;min-height:39px;font-size:11.5px}.universal-result-exact{background:linear-gradient(135deg,#10b9811f,#0d281e0d);border:1px solid #34d3993d}button.universal-result-exact:hover{background:linear-gradient(135deg,#10b98133,#0d281e14)}.universal-player-head-lg{border-radius:10px;width:40px;height:40px}.universal-result-go{color:#6ee7b7;opacity:.8;flex:none}.universal-result-exact strong{font-size:13.5px}.search-loader{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:208px;padding:20px 12px 18px;animation:.26s both slFadeIn;display:flex}@keyframes slFadeIn{0%{opacity:0}to{opacity:1}}.search-loader-stage{flex-direction:column;align-items:center;gap:16px;padding-top:6px;display:flex}.search-loader-text{letter-spacing:.02em;color:#8fa0bb;font-size:11.5px;font-weight:600}.search-loader-clock-bob{animation:1.5s cubic-bezier(.45,0,.55,1) infinite slBounce;display:block}.search-loader-clock{filter:drop-shadow(0 10px 14px #00000080)drop-shadow(0 0 18px #78aaff47);width:62px;height:62px;display:block}@keyframes slBounce{0%,to{transform:translateY(2px)}50%{transform:translateY(-11px)}}.search-loader-figure{display:inline-block;position:relative}.search-loader-figure:after{content:"";filter:blur(3px);background:radial-gradient(50% 50%,#00000080,#0000 72%);width:74%;height:12px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.mf-figure{position:relative}.mf-part{position:absolute;overflow:hidden}.mf-part img{image-rendering:pixelated;max-width:none;position:absolute}.mf-arm{transform-origin:50% 8%}.mf-idle{animation:3.4s ease-in-out infinite mfBreathe}.mf-idle .mf-arm-r{animation:3.4s ease-in-out infinite mfSwayR}.mf-idle .mf-arm-l{animation:3.4s ease-in-out infinite mfSwayL}@keyframes mfBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes mfSwayR{0%,to{transform:rotate(2.2deg)}50%{transform:rotate(-1.4deg)}}@keyframes mfSwayL{0%,to{transform:rotate(-2.2deg)}50%{transform:rotate(1.4deg)}}@media (prefers-reduced-motion:reduce){.search-loader,.search-loader-clock-bob,.search-loader-clock,.mf-idle,.mf-idle .mf-arm-r,.mf-idle .mf-arm-l{animation:none!important}.search-loader-clock-bob{transform:none}}.skins-chip{white-space:nowrap;height:32px;color:var(--muted-foreground);border:1px solid var(--hairline);background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex}.skins-chip:hover{color:#fff;border-color:var(--hairline-strong);background:#ffffff0f;transform:translateY(-1px)}.skins-chip:active{transform:scale(.95)}.skins-chip.active{color:#d9fff1;background:linear-gradient(#34d39938,#10b98117);border-color:#34d39973;box-shadow:0 3px 14px -6px #10b98199,inset 0 1px #ffffff1a}.skin-viewer-stage{border:1px solid var(--hairline);background:radial-gradient(70% 55% at 50% 60%,#10b9811a,#0000 70%),#06080999 radial-gradient(#ffffff0d 1px,#0000 1.4px) 0 0/24px 24px;border-radius:20px;position:relative;overflow:clip;box-shadow:inset 0 1px #ffffff0d,0 30px 80px -30px #000000d9}.skin-viewer-stage.bg-none{box-shadow:none;background:0 0;border-color:#0000}.skin-viewer-stage.bg-studio{background:linear-gradient(#101315 0%,#0a0c0d 55%,#131618 100%)}.skin-viewer-vignette{pointer-events:none;background:radial-gradient(80% 75% at 50% 45%,#0000 55%,#0006 100%);position:absolute;inset:0}.skin-action{color:#d4d4d8;white-space:nowrap;background:linear-gradient(#ffffff0b,#ffffff04);border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 16px;font-size:13px;font-weight:600;transition:background-color .16s,color .16s,border-color .16s,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.skin-action:hover{color:#fff;border-color:#fff3;transform:translateY(-1px)}.skin-action:active{transform:scale(.96)}.skin-action.is-on{color:#ffd1dc;background:linear-gradient(#f472b638,#db27771a);border-color:#f472b673;box-shadow:0 4px 18px -8px #f472b6b3}@keyframes skinHeartPop{0%{transform:scale(1)}35%{transform:scale(1.45)rotate(-6deg)}70%{transform:scale(.92)}to{transform:scale(1)}}.skin-heart-pop{animation:.45s cubic-bezier(.34,1.56,.64,1) skinHeartPop}.skin-info-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:14px;padding:9px 0;font-size:13px;display:flex}.skin-info-row dt{color:var(--muted-foreground);flex-shrink:0;font-weight:500}.skin-info-row dd{color:#e6e6ea;text-align:right;min-width:0;font-weight:600}.skin-info-mono{font-family:var(--font-mono);letter-spacing:0;font-size:11.5px}.skin-anim-btn{white-space:nowrap;height:34px;color:var(--muted-foreground);border:1px solid var(--hairline);background:#ffffff08;border-radius:10px;align-items:center;gap:6px;padding:0 13px;font-size:12px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s,transform .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.skin-anim-btn:hover{color:#fff;transform:translateY(-1px)}.skin-anim-btn:active{transform:scale(.94)}.skin-anim-btn.active{color:#d9fff1;background:linear-gradient(#34d3993d,#10b9811a);border-color:#34d39980;box-shadow:0 3px 14px -6px #10b981a6}.skin-wearer{border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:background-color .15s,transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.skin-wearer:hover{background:#ffffff0a;transform:translate(2px)}.skins-panel{background:linear-gradient(#ffffff07,#ffffff02) padding-box padding-box,#0e1012a8 linear-gradient(168deg,#ffffff21,#ffffff0a 45%,#10b9811f 100%) border-box;border:1px solid #0000;border-radius:16px;padding:16px 18px}.skins-panel-title{letter-spacing:.09em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:6px;font-size:11px;font-weight:700}.skin-stat-tile{border:1px solid var(--hairline);background:#ffffff07;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:13px 8px;display:flex}.skin-stat-tile-num{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:17px;font-weight:750}.skin-stat-tile-label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted-foreground);font-size:10.5px;font-weight:600}.skin-viewer-btn{color:#cfcfd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a0b9e;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:color .15s,background-color .15s,border-color .15s,transform .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.skin-viewer-btn:hover{color:#fff;border-color:#ffffff38;transform:translateY(-1px)}.skin-viewer-btn:active{transform:scale(.92)}.skin-viewer-btn.active{color:#d9fff1;background:#10b98138;border-color:#34d39980}.skin-bg-dot{background-clip:padding-box;border:1px solid #ffffff29;border-radius:999px;width:22px;height:22px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff1f}.skin-bg-dot:hover{border-color:#ffffff59;transform:scale(1.14)}.skin-bg-dot.active{border-color:#34d399e6;box-shadow:0 0 0 3px #10b98138,inset 0 1px #ffffff1f}.skin-bg-dot[style*=transparent]{background-image:linear-gradient(45deg,#ffffff24 25%,#0000 25% 75%,#ffffff24 75%),linear-gradient(45deg,#ffffff24 25%,#0000 25% 75%,#ffffff24 75%);background-position:0 0,4px 4px;background-size:8px 8px}.skins-chart-tip{border:1px solid var(--hairline-strong);background:#0a0c0ef2;border-radius:11px;padding:9px 11px;box-shadow:0 14px 40px -12px #000000d9}.skins-chart-tip-day{color:#fff;margin-bottom:4px;font-size:11px;font-weight:700}.skins-chart-tip-row{color:var(--muted-foreground);align-items:center;gap:6px;font-size:11.5px;display:flex}.skins-chart-tip-val{color:#ececf0;font-variant-numeric:tabular-nums;margin-left:auto;padding-left:14px;font-weight:650}.skins-chart-dot{border-radius:999px;flex-shrink:0;width:8px;height:8px}.skin-comment{gap:10px;display:flex}.skin-comment.is-reply{margin:10px 0 0 40px}.skin-comment-act{color:var(--muted-foreground);border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:color .13s,background-color .13s;display:inline-flex}.skin-comment-act:hover{color:#fff;background:#ffffff0d}.skin-reaction{border:1px solid var(--hairline);background:#ffffff0a;border-radius:999px;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:12px;line-height:1;transition:transform .16s cubic-bezier(.34,1.56,.64,1),background-color .13s,border-color .13s,opacity .13s;display:inline-flex}.skin-reaction span{color:var(--muted-foreground);font-size:10.5px;font-weight:700}.skin-reaction:hover:not(:disabled){transform:translateY(-1px)scale(1.05)}.skin-reaction:active:not(:disabled){transform:scale(.9)}.skin-reaction.mine{background:#10b98129;border-color:#34d39973}.skin-reaction.mine span{color:#a7f3d0}.skin-reaction.ghost{opacity:.4}.skin-reaction.ghost:hover{opacity:1}.skin-reaction:disabled{cursor:default}.skins-timeline{flex-direction:column;display:flex;position:relative}.skins-timeline:before{content:"";background:linear-gradient(#34d39959,#ffffff0f);border-radius:1px;width:1.5px;position:absolute;top:10px;bottom:10px;left:5px}.skins-timeline-row{align-items:center;gap:12px;padding:8px 0 8px 22px;display:flex;position:relative}.skins-timeline-dot{background:#34d399;border:2px solid #0e1012;border-radius:999px;width:11px;height:11px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 8px #10b9818c}.skins-timeline-dot.kind-name{background:#60a5fa;box-shadow:0 0 8px #3b82f68c}.skins-timeline-dot.kind-cape{background:#f472b6;box-shadow:0 0 8px #ec48998c}.skins-timeline-dot.kind-tracked{box-shadow:none;background:#6b7280}.skins-cape-frame{border:1px solid var(--hairline);background:radial-gradient(60% 50% at 50% 55%,#10b9811f,#0000 70%),#ffffff08;border-radius:12px;flex-shrink:0;place-items:center;width:68px;height:96px;display:grid}.skins-change-dot{background:linear-gradient(#3ee6a4,#10b981);border:2px solid #0e1012;border-radius:999px;width:11px;height:11px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 10px #10b981cc}.skins-kbd{letter-spacing:.03em;color:#9a9aa3;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:5px;align-items:center;padding:1px 5px;font-size:10px;font-weight:700;display:inline-flex}.skins-cmdk-backdrop{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04050699;justify-content:center;align-items:flex-start;padding:14vh 16px 16px;animation:.16s ease-out fadeIn;display:flex;position:fixed;inset:0}.skins-cmdk{background:linear-gradient(#ffffff08,#ffffff03) padding-box padding-box,#0b0d0ff0 linear-gradient(168deg,#ffffff29,#ffffff0d 45%,#10b98129 100%) border-box;border:1px solid #0000;border-radius:18px;width:100%;max-width:560px;animation:.28s cubic-bezier(.22,1,.36,1) skinPosterIn;overflow:clip;box-shadow:0 40px 100px -24px #000000f2,inset 0 1px #ffffff12}.skins-search-row.is-active{background:#10b9811a}.skins-grid>*,.skins-row>*{content-visibility:auto;contain-intrinsic-size:auto 184px auto 330px}.skins-search-drop{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--hairline-strong);background:#0c0e10eb;border-radius:14px;flex-direction:column;padding:6px;animation:.25s cubic-bezier(.22,1,.36,1) skinPosterIn;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 24px 60px -18px #000000e6,inset 0 1px #ffffff0f}.skins-search-row{border-radius:9px;align-items:center;gap:10px;padding:8px 10px;transition:background-color .13s;display:flex}.skins-search-row:hover{background:#ffffff0d}.skins-search-more{text-align:left;color:var(--accent-hi);border-radius:9px;margin-top:2px;padding:8px 10px;font-size:12px;font-weight:600;transition:background-color .13s}.skins-search-more:hover{background:#10b98114}.skins-lookup{background:linear-gradient(#10b98112,#10b98105);border:1px solid #34d39938;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.skins-lookup-face{border:1px solid var(--hairline-strong);border-radius:9px;flex-shrink:0;width:40px;height:40px;overflow:clip}.skins-empty{text-align:center;border:1px dashed var(--hairline-strong);background:#ffffff04;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:64px 20px;display:flex}.skins-empty-title{color:#d6d6da;font-size:15px;font-weight:600}.skins-empty-body{color:var(--muted-foreground);max-width:380px;font-size:12.5px;line-height:1.55}@media (prefers-reduced-motion:reduce){.skin-card-in,.skin-skeleton,.skin-heart-pop,.skin-card-canvas.skin-poster-in{animation:none!important}.skin-card,.skins-chip,.skin-action,.skin-anim-btn,.skins-see-all{transition:none!important}}
