@font-face{font-family:Figtree;src:url(../fonts/figtree-latin.woff2) format("woff2");font-weight:300 900;font-display:swap}:root{--closet-w: clamp(360px, 37vw, 600px);--muse-ink-solid: #2A2118;--muse-ink: light-dark(#2A2118, #F2E9D8);--muse-cream: light-dark(#F2E9D8, #4a3f35);--muse-face: light-dark(#FAF1DE, #5c4f42);--muse-blush: #F6B9B3;--muse-shine: #FFFFFF;--muse-tear: #9FD3F5}.k-btn.v-primary,.k-toast{--muse-ink: #2A2118;--muse-cream: #F2E9D8;--muse-face: #FAF1DE}html,body,#root{height:100%}body{background:var(--color-background-secondary);font-family:var(--font-family-sans)}.app{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) var(--closet-w);gap:var(--spacing-4);padding:var(--spacing-4);padding-left:max(var(--spacing-4),env(safe-area-inset-left));padding-right:max(var(--spacing-4),env(safe-area-inset-right));padding-bottom:max(var(--spacing-4),env(safe-area-inset-bottom))}.closet{min-width:0;min-height:0}.stage{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:var(--radius-page);background:var(--color-background-card);box-shadow:var(--shadow-low);container-type:size}.stage-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.stage-canvas:active{cursor:grabbing}.stage.is-rolling .stage-canvas{animation:shake .22s linear infinite}@keyframes shake{25%{transform:translate(-3px) rotate(-.4deg)}75%{transform:translate(3px) rotate(.4deg)}}.hud{position:absolute;z-index:2}.hud.k-card,.hud-tl,.photo-hint{transition:opacity .2s var(--ease-standard),translate .2s var(--ease-standard)}@starting-style{.hud.k-card,.hud-tl,.photo-hint{opacity:0;translate:0 8px}}.hud-tl{top:var(--spacing-4);inset-inline-start:var(--spacing-4);padding:var(--spacing-1) var(--spacing-4) var(--spacing-1) var(--spacing-1);border-radius:calc(var(--radius-container) + var(--spacing-1));background:var(--color-background-card);box-shadow:var(--shadow-low)}.hud-tc,.hud-bc{inset-inline:var(--spacing-4);width:fit-content;margin-inline:auto}.hud-tc{top:var(--spacing-4)}.hud-tr{top:var(--spacing-4);inset-inline-end:var(--spacing-4)}.hud-ml{inset-inline-start:var(--spacing-4);top:50%;transform:translateY(-50%)}.hud-bc{bottom:var(--spacing-4)}.hud-bc.k-card,.hud-ml.k-card{border-radius:calc(var(--radius-element) + var(--spacing-2))}.hud-tc.k-card{border-radius:calc(var(--radius-element) + var(--spacing-1))}.hud-bc,.hud-tc,.hud-ml,.hud-tl,.hud-tr>*{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.stage .k-btn:focus-visible,.stage .k-ibtn:focus-visible,.stage .k-seg-item:focus-visible,.stage .k-thumb>button:focus-visible{box-shadow:0 0 0 6px var(--color-background-card)}.brand-mark{width:var(--spacing-10);height:var(--spacing-10);display:grid;place-items:center;border-radius:var(--radius-container);background:var(--color-background-muted)}.muse-icon{display:block;flex:none;overflow:visible}.slot-empty{width:44px;height:44px;display:grid;place-items:center;border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-element);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums}.photo-frame{position:absolute;left:50%;top:50%;z-index:1;pointer-events:none;width:calc(min(100cqw,100cqh)*.74);aspect-ratio:1;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax var(--color-overlay);outline:2px solid var(--color-background-card);outline-offset:-1px;transition:border-radius var(--duration-medium) var(--ease-standard),opacity .2s var(--ease-standard)}@starting-style{.photo-frame{opacity:0}}.photo-frame.is-circle{border-radius:var(--radius-full)}.floatingchat-container-wrap .floatingchat-container,.floatingchat-container-wrap-mobi .floatingchat-container-mobi{width:240px!important}body.is-photo .floatingchat-container-wrap,body.is-photo .floatingchat-container-wrap-mobi{display:none}.photo-hint{padding:var(--spacing-1-5) var(--spacing-3);border-radius:var(--radius-full);background:var(--color-background-card);box-shadow:var(--shadow-low);white-space:nowrap}.fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.fx.is-flash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-background-card);animation:flash .45s ease-out forwards}@keyframes flash{0%{opacity:.95}to{opacity:0}}.confetti{position:absolute;left:50%;top:50%;width:8px;height:12px;border-radius:var(--radius-inner);animation:burst 1.1s cubic-bezier(.2,.8,.4,1) forwards}@keyframes burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 140px)) rotate(var(--rot));opacity:0}}.heart{position:absolute;font-style:normal;line-height:0;animation:floatUp 1.1s ease-out forwards}@keyframes floatUp{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}to{transform:translate(calc(-50% + var(--dx)),-130px) scale(1.2);opacity:0}}.closet .rail-nav,.closet .rail-nav+.k-stack{transition:opacity .4s ease-out,translate .4s ease-out,filter .4s ease-out}.closet .rail-nav+.k-stack{transition-delay:.1s}@starting-style{.closet .rail-nav,.closet .rail-nav+.k-stack{opacity:0;translate:0 12px;filter:blur(4px)}}.rail-nav{flex:none;width:88px;height:100%;overflow-y:auto;scrollbar-width:none;border-inline-end:1px solid var(--color-border);background:var(--color-background-muted);border-start-start-radius:inherit;border-end-start-radius:inherit}.rail-nav::-webkit-scrollbar{display:none}.rail-nav ul{list-style:none;margin:0;padding:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-1)}.rail-item{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-0-5);padding:var(--spacing-2) var(--spacing-1);border:0;border-radius:var(--radius-container);background:transparent;color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:var(--font-size-caption);font-weight:600;line-height:1.2;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.rail-item .muse-icon{transition:transform var(--duration-medium) var(--ease-standard)}@media(hover:hover){.rail-item:hover{background:var(--color-background-card);color:var(--color-text-primary)}.rail-item:hover .muse-icon{transform:translateY(-1px) rotate(-4deg)}}.rail-item[aria-selected=true]{background:var(--color-background-card);color:var(--color-text-primary);box-shadow:var(--shadow-low)}.rail-item[aria-selected=true] .muse-icon{transform:scale(1.08)}.rail-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.rail-label{text-align:center;overflow-wrap:anywhere}.rail-item .new-dot{position:absolute;top:var(--spacing-1-5);inset-inline-end:var(--spacing-3)}.new-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--muse-blush);box-shadow:0 0 0 2px var(--color-background-card),inset 0 0 0 1px var(--muse-ink);display:inline-block}.swatches{list-style:none;margin:0;padding:0}.swatch{display:block;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-full);cursor:pointer;background:var(--c);box-shadow:inset 0 0 0 1px var(--color-border-swatch);transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}@media(hover:hover){.swatch:hover{transform:scale(1.12)}}.swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--color-border-swatch),0 0 0 2px var(--color-background-card),0 0 0 4px var(--color-accent)}.swatch:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}.swatch-custom{position:relative;overflow:hidden;background:conic-gradient(var(--toy-red),var(--toy-yellow),var(--toy-green),var(--toy-blue),var(--toy-lilac),var(--toy-red))}.swatch-custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.item{position:relative;display:flex;flex-direction:column}.item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:var(--radius-container);box-shadow:var(--_card-ring, none);transition:box-shadow .16s ease}.thumb{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--color-background-muted)}.item .thumb{border-start-start-radius:var(--radius-container);border-start-end-radius:var(--radius-container)}.thumb img{width:100%;height:100%;display:block;object-fit:cover}.thumb-bg{background:repeating-conic-gradient(var(--color-background-muted) 0 25%,transparent 0 50%) 0 0 / 14px 14px}.thumb-none{display:grid;place-items:center;color:var(--color-text-secondary)}.thumb-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--color-background-card),transparent) 0 0 / 200% 100%;animation:shimmer 1s linear infinite;opacity:.6}@keyframes shimmer{to{background-position:-200% 0}}.item-meta{display:flex;flex-direction:column;gap:var(--spacing-0-5);min-height:var(--spacing-10);justify-content:center;padding:var(--spacing-2) var(--spacing-3)}.rarity{font-size:var(--font-size-caption);font-weight:600;line-height:1;letter-spacing:.02em}.rarity.r-rare{color:var(--color-text-rare)}.rarity.r-epic{color:var(--color-text-epic)}.item-name{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-1)}.item-name .new-dot{flex:none}.share-card{display:block;width:100%;aspect-ratio:1200 / 630;border-radius:var(--radius-container);background:var(--color-background-muted);object-fit:cover}.share-card.is-loading{background:linear-gradient(90deg,var(--color-background-muted),var(--color-background-card),var(--color-background-muted)) 0 0 / 200% 100%;animation:shimmer 1.2s linear infinite}.share-icons{display:grid;grid-template-columns:repeat(7,minmax(0,44px));justify-content:space-between;gap:var(--spacing-1)}.share-icons>.k-btn,.share-icons>.k-ibtn{width:100%;min-width:0;min-height:0;aspect-ratio:1;padding:0;border-radius:var(--radius-full)}.share-url{flex:1;min-width:0;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-element);background:var(--color-background-muted);color:var(--color-text-secondary);font-size:var(--font-size-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo{width:100%;aspect-ratio:1;border-radius:var(--radius-container);background:var(--color-background-muted)}.photo.is-circle{border-radius:var(--radius-full);background:none}.photo-wrap{position:relative;display:block}.hold-hint{position:absolute;left:50%;top:56%;width:0;height:0;pointer-events:none;--hold: 3.2s}.hold-ripple{position:absolute;left:-36px;top:-36px;width:72px;height:72px;border-radius:var(--radius-full);background:#ffffff8c;opacity:0;animation:hold-ripple var(--hold) var(--ease-standard) infinite}.hold-finger{position:absolute;left:-27px;top:-9px;width:56px;height:56px;filter:drop-shadow(0 4px 8px rgb(0 0 0 / 22%));transform-origin:48% 16%;animation:hold-finger var(--hold) var(--ease-standard) infinite}.hold-finger svg{display:block;width:56px;height:56px;max-width:none}.hold-menu{position:absolute;left:50%;bottom:44px;translate:-50% 0;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-element);background:var(--color-background-card);color:var(--color-text-primary);box-shadow:var(--shadow-high, var(--shadow-low));font-size:var(--font-size-caption);font-weight:600;white-space:nowrap;transform-origin:50% 100%;opacity:0;animation:hold-menu var(--hold) var(--ease-standard) infinite}@keyframes hold-finger{0%{opacity:0;transform:translateY(24px)}12%{opacity:1;transform:translateY(0)}18%,70%{opacity:1;transform:translateY(0) scale(.94)}80%{opacity:1;transform:translateY(0)}95%,to{opacity:0;transform:translateY(16px)}}@keyframes hold-ripple{0%,16%{opacity:0;transform:scale(.3)}22%{opacity:1}55%,to{opacity:0;transform:scale(1.5)}}@keyframes hold-menu{0%,48%{opacity:0;transform:scale(.85)}56%,86%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hold-ripple{display:none}.hold-finger,.hold-menu{animation:none;opacity:1}}.seg-fit{display:block;min-width:0}.wrap-group>*{flex-wrap:wrap;row-gap:var(--spacing-1)}@media(max-width:900px)and (orientation:portrait){.app{height:100dvh;display:flex;flex-direction:column;padding:var(--spacing-2);gap:var(--spacing-2);overflow:hidden;padding-left:max(var(--spacing-2),env(safe-area-inset-left));padding-right:max(var(--spacing-2),env(safe-area-inset-right));padding-bottom:max(var(--spacing-2),env(safe-area-inset-bottom))}.stage{flex:0 0 48dvh;min-height:0}.closet,.photo-panel{flex:1;min-height:0}}@media(max-height:500px){.app{grid-template-columns:minmax(0,1fr) minmax(0,52%);padding:var(--spacing-2);gap:var(--spacing-2);padding-left:max(var(--spacing-2),env(safe-area-inset-left));padding-right:max(var(--spacing-2),env(safe-area-inset-right));padding-bottom:max(var(--spacing-2),env(safe-area-inset-bottom))}.photo-panel{align-self:center}}@media(min-width:901px)and (min-height:501px),(min-width:601px)and (min-height:501px)and (orientation:landscape){.k-toasts{left:var(--spacing-4);right:calc(2 * var(--spacing-4) + var(--closet-w));bottom:calc(var(--spacing-4) * 2 + 64px)}}@media(max-width:600px),(max-height:500px),(max-width:900px)and (orientation:portrait){.hud-tl,.hud-tc{display:none}.hud-ml{top:var(--spacing-2);inset-inline-start:var(--spacing-2);transform:none;max-width:calc(100% - 80px - 2 * var(--spacing-2) - var(--spacing-3))}.hud-ml.k-card{border-radius:calc(var(--radius-element) + var(--spacing-1))}.hud-ml>.k-stack{max-width:100%;padding:var(--spacing-2) var(--spacing-2) 0 0}.hud-tr{top:var(--spacing-2);inset-inline-end:var(--spacing-2)}.hud-tc,.hud-bc{inset-inline:var(--spacing-2)}.hud-bc{bottom:var(--spacing-2)}.app.is-photo .closet{display:none}.app.is-photo .stage{flex:1}.app.is-photo .photo-panel{flex:none;overflow:auto}.floatingchat-container-wrap,.floatingchat-container-wrap-mobi{display:none}}@media(max-width:600px){.rail-nav{width:64px}.rail-nav ul{padding:var(--spacing-1)}.rail-item{padding:var(--spacing-1-5) 0}.rail-item .new-dot{inset-inline-end:var(--spacing-2)}.item-meta{min-height:var(--spacing-8);padding:var(--spacing-1-5) var(--spacing-2)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}