:root{color-scheme:light dark;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--color-background-primary: light-dark(#ffffff, #111111);--color-background-secondary: light-dark(#f7f7f7, #161616);--color-background-card: light-dark(#ffffff, #1b1b1b);--color-background-muted: light-dark(#f1f1f1, #333333);--color-background-raised: light-dark(#ffffff, #4a4a4a);--color-background-hover: light-dark(#0000000a, #ffffff14);--color-background-pressed: light-dark(#00000014, #ffffff1f);--color-text-primary: light-dark(#000000, #ffffff);--color-text-secondary: light-dark(#474747, #b8b8b8);--color-text-on-accent: light-dark(#ffffff, #111111);--color-border: light-dark(#00000014, #ffffff1a);--color-border-strong: light-dark(#00000033, #ffffff33);--color-accent: light-dark(#1b1b1b, #f1f1f1);--color-accent-hover: light-dark(#333333, #dddddd);--color-danger: light-dark(#c8352b, #cc4033);--color-text-on-danger: #ffffff;--color-border-swatch: light-dark(#0000004d, #ffffff4d);--color-background-track: light-dark(#00000033, #ffffff66);--radius-container: .75rem;--radius-element: .625rem;--radius-full: 9999px;--shadow-low: 0 2px 4px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 25%)), 0 4px 8px light-dark(oklch(0 0 0 / 10%), oklch(0 0 0 / 40%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 8%));--shadow-high: 0 8px 16px light-dark(oklch(0 0 0 / 8%), oklch(0 0 0 / 35%)), 0 16px 40px light-dark(oklch(0 0 0 / 14%), oklch(0 0 0 / 55%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 8%));--ease-standard: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--duration-fast: 125ms;--duration-medium: .3s;--font-family-sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-caption: .75rem;--font-size-body: .8125rem;--font-size-lead: .875rem;--font-size-subheading: .9375rem;--font-size-heading: 1rem;--font-size-title: 1.125rem;--color-overlay: rgb(0 0 0 / 45%);--toy-red: #e0584a;--toy-yellow: #f2c94c;--toy-green: #7cc47f;--toy-blue: #5b9be6;--toy-lilac: #b28de0;--blue-700: #2b5fd9;--blue-300: #8fb3ff;--purple-700: #6a3fb5;--purple-300: #c0a6f0;--color-text-rare: light-dark(var(--blue-700), var(--blue-300));--color-text-epic: light-dark(var(--purple-700), var(--purple-300));--radius-inner: .5rem;--radius-page: 1rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-body);line-height:1.4;color:var(--color-text-primary);background:var(--color-background-secondary)}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg,canvas{display:block;max-width:100%}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;text-align:inherit}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.k-stack{display:flex;min-width:0}.k-stack>*{min-width:0}.k-stack>.k-btn.fill{flex:1 1 0}.k-stack.is-scroll{overflow:auto;-webkit-overflow-scrolling:touch}.k-card{background:var(--color-background-card);border-radius:var(--radius-container);box-shadow:inset 0 0 0 1px var(--color-border)}.k-card.e-low{box-shadow:var(--shadow-low)}.k-card.e-high{box-shadow:var(--shadow-high)}.k-card.v-muted{background:var(--color-background-muted)}.k-grid{display:grid}.k-text{margin:0;font-size:var(--font-size-body)}.k-text.t-supporting{color:var(--color-text-secondary);font-size:var(--font-size-caption);text-wrap:pretty}.k-text.t-label{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:600;letter-spacing:.01em}.k-text.c-secondary{color:var(--color-text-secondary);text-wrap:pretty}.k-text.s-sm{font-size:var(--font-size-caption)}.k-text.w-semibold{font-weight:600}.k-text.tabular{font-variant-numeric:tabular-nums}.k-text.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.k-text.clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.k-heading{font-weight:700;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}.k-heading.l-1{font-size:var(--font-size-title)}.k-heading.l-2{font-size:var(--font-size-heading)}.k-heading.l-3{font-size:var(--font-size-subheading);font-weight:600}.k-btn,.k-ibtn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:0;gap:var(--spacing-2);min-height:36px;padding:0 var(--spacing-3);border-radius:var(--radius-element);font-weight:600;font-size:var(--font-size-body);white-space:nowrap;text-decoration:none;transition:transform .16s var(--ease-standard),background-color .16s ease,color .16s ease,box-shadow .16s ease}.k-btn.fill{flex-shrink:1}.k-btn>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.k-btn:active:not(:disabled),.k-ibtn:active:not(:disabled){transform:scale(.96)}.k-btn:not(.icon-only):has(>svg:first-child){padding-inline-start:calc(var(--spacing-3) - 2px)}.k-btn.s-sm:not(.icon-only):has(>svg:first-child){padding-inline-start:calc(var(--spacing-2) - 2px)}.k-btn.v-primary{background:var(--color-accent);color:var(--color-text-on-accent)}.k-btn.v-secondary,.k-ibtn.v-secondary{background:var(--color-background-muted)}.k-btn.v-default,.k-ibtn.v-default{background:var(--color-background-card);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.k-btn.v-ghost,.k-ibtn.v-ghost{background:transparent}@media(hover:hover){.k-btn.v-primary:hover:not(:disabled){background:var(--color-accent-hover)}.k-btn.v-secondary:hover:not(:disabled),.k-ibtn.v-secondary:hover:not(:disabled){background:var(--color-background-pressed)}.k-btn.v-default:hover:not(:disabled),.k-ibtn.v-default:hover:not(:disabled){background:var(--color-background-hover)}.k-btn.v-ghost:hover:not(:disabled),.k-ibtn.v-ghost:hover:not(:disabled){background:var(--color-background-hover)}}.k-btn:disabled,.k-ibtn:disabled{opacity:.45}.k-btn.s-sm,.k-ibtn.s-sm{min-height:28px;padding:0 var(--spacing-2);gap:var(--spacing-1);font-size:var(--font-size-caption)}.k-btn.s-sm>svg{width:16px;height:16px}.k-btn.s-lg{min-height:40px;padding:0 var(--spacing-3);font-size:var(--font-size-lead)}.k-btn.s-lg>svg{width:20px;height:20px}.k-btn.e-low,.k-ibtn.e-low{background:var(--color-background-card);box-shadow:var(--shadow-low)}.k-ibtn{padding:0;width:36px;flex-shrink:0}.k-ibtn.s-sm{width:30px}.k-btn.icon-only{padding:0;width:36px}.k-seg{display:inline-flex;padding:3px;gap:2px;border-radius:var(--radius-element);background:var(--color-background-muted);max-width:100%}.k-seg.fill{display:flex;width:100%}.k-seg.fill>.k-seg-item{flex:1 1 0;min-width:0}.k-seg-item{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);min-height:30px;padding:0 var(--spacing-2);border-radius:calc(var(--radius-element) - 3px);font-size:var(--font-size-caption);font-weight:600;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.k-seg-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.k-seg-item[data-checked]{background:var(--color-background-raised);color:var(--color-text-primary);box-shadow:0 1px 2px light-dark(oklch(0 0 0 / 8%),oklch(0 0 0 / 30%))}.k-seg.s-sm .k-seg-item{min-height:26px}.k-toggles{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.k-toggle{display:inline-flex;align-items:center;min-height:30px;padding:0 var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:600;color:var(--color-text-secondary);background:var(--color-background-muted);transition:background-color .16s ease,color .16s ease}.k-toggle[data-pressed]{background:var(--color-accent);color:var(--color-text-on-accent)}.k-select{display:block;width:100%;border-radius:var(--radius-container);background:var(--color-background-card);box-shadow:inset 0 0 0 1px var(--color-border);transition:box-shadow .16s ease,transform .16s var(--ease-standard)}@media(hover:hover){.k-select:hover{--_card-ring: inset 0 0 0 1px var(--color-border-strong);box-shadow:var(--_card-ring)}}.k-select:active{transform:scale(.96)}.k-select[aria-pressed=true]{--_card-ring: inset 0 0 0 2px var(--color-accent);box-shadow:var(--_card-ring)}.k-switch{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);width:100%;cursor:pointer}.k-switch-track{flex:none;position:relative;width:40px;height:24px;border-radius:var(--radius-full);background:var(--color-background-track);transition:background-color .16s ease}.k-switch-thumb{display:block;position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:var(--color-background-card);box-shadow:0 1px 3px #00000040;transition:transform .16s var(--ease-standard)}.k-switch-track[data-checked]{background:var(--color-accent)}.k-switch-thumb[data-checked]{transform:translate(16px)}:dir(rtl) .k-switch-thumb[data-checked]{transform:translate(-16px)}.k-slider{display:grid;gap:var(--spacing-1)}.k-slider-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-2);font-size:var(--font-size-caption)}.k-slider-head>span:first-child{display:grid}.k-slider-head b{font-weight:600}.k-slider-head .val{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.k-slider-control{display:flex;align-items:center;width:100%;height:24px;touch-action:none}.k-slider-track{position:relative;width:100%;height:4px;border-radius:2px;background:var(--color-background-track)}.k-slider-indicator{position:absolute;top:0;bottom:0;border-radius:2px;background:var(--color-accent)}.k-slider-thumb{position:absolute;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--color-background-card);box-shadow:0 0 0 1px var(--color-border-strong),0 1px 3px #00000040}.k-slider-thumb:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.k-progress-track{height:6px;border-radius:3px;background:var(--color-border);overflow:hidden}.k-progress-indicator{display:block;height:100%;border-radius:3px;background:var(--color-accent);transition:width var(--duration-medium) var(--ease-standard)}.k-thumb{position:relative;flex:none;width:44px}.k-thumb>button.pic{display:block;width:44px;height:44px;border-radius:var(--radius-element);overflow:hidden;background:var(--color-background-muted);box-shadow:inset 0 0 0 1px var(--color-border);transition:transform .16s var(--ease-standard)}.k-thumb>button.pic:active{transform:scale(.96)}.k-thumb img{width:100%;height:100%;object-fit:cover}.k-thumb img,.thumb img,.share-card,.photo{outline:1px solid light-dark(oklch(0 0 0 / 10%),oklch(1 0 0 / 10%));outline-offset:-1px}.k-thumb>button.x{position:absolute;top:-8px;inset-inline-end:-8px;width:24px;height:24px;border-radius:50%;background:var(--color-background-card);color:var(--color-text-secondary);box-shadow:var(--shadow-low);font-size:14px;line-height:24px;text-align:center;touch-action:manipulation;opacity:0;scale:.8;filter:blur(2px);transition:opacity .16s ease,scale .16s var(--ease-standard),filter .16s ease}.k-thumb:hover>button.x,.k-thumb:focus-within>button.x{opacity:1;scale:1;filter:none}@media(hover:none){.k-thumb>button.x{opacity:1;scale:1;filter:none}}.k-icon-swap{position:relative;display:block;width:20px;height:20px}.k-icon-swap>svg{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s cubic-bezier(.2,0,0,1),scale .3s cubic-bezier(.2,0,0,1),filter .3s cubic-bezier(.2,0,0,1)}.k-icon-swap>svg:first-child,.k-icon-swap[data-on]>svg:last-child{opacity:0;scale:.25;filter:blur(4px)}.k-icon-swap[data-on]>svg:first-child{opacity:1;scale:1;filter:none}.k-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-overlay);transition:opacity .2s ease-out}.k-dialog-backdrop[data-starting-style],.k-dialog-backdrop[data-ending-style]{opacity:0}.k-dialog-backdrop[data-ending-style],.k-dialog[data-ending-style]{transition-duration:.15s;transition-timing-function:ease-out}.k-dialog{position:fixed;top:50%;left:50%;z-index:1001;width:calc(100vw - 2 * var(--spacing-4));max-height:calc(100dvh - 2 * var(--spacing-4));overflow:auto;transform:translate(-50%,-50%);background:var(--color-background-card);border-radius:var(--radius-container);box-shadow:var(--shadow-high);transition:opacity .2s var(--ease-standard),transform .2s var(--ease-standard)}.k-dialog[data-starting-style],.k-dialog[data-ending-style]{opacity:0;transform:translate(-50%,-50%) scale(.96)}.k-toasts{position:fixed;left:0;right:0;bottom:max(var(--spacing-4),env(safe-area-inset-bottom));z-index:1100;display:grid;justify-items:center;gap:var(--spacing-2);pointer-events:none}.k-toast{pointer-events:auto;display:flex;align-items:center;gap:var(--spacing-3);max-width:min(92vw,480px);padding-block:var(--spacing-2);padding-inline:var(--spacing-4) var(--spacing-3);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-high);font-size:var(--font-size-lead);transition:opacity .24s var(--ease-standard),transform .24s var(--ease-standard)}.k-toast[data-starting-style],.k-toast[data-ending-style]{opacity:0;transform:translateY(12px)}.k-toast[data-ending-style]{transition-duration:.15s;transition-timing-function:ease-out}.k-toast-body{display:inline-flex;align-items:center;gap:var(--spacing-2);margin:0;min-width:0;overflow-wrap:anywhere}.k-toast.t-error{background:var(--color-danger);color:var(--color-text-on-danger)}.k-toast .k-btn.v-primary{background:var(--color-text-on-accent);color:var(--color-accent)}.k-toast .k-btn.v-ghost{color:inherit}.k-toast .k-btn.v-ghost:hover,.k-toast-x:hover{background:light-dark(rgb(255 255 255 / 12%),rgb(0 0 0 / 8%))}.k-toast-x{flex:none;width:28px;height:28px;margin-inline-start:calc(-1 * var(--spacing-1));border-radius:50%;color:inherit;font-size:1.125rem;line-height:1;opacity:.75;transition:background-color .16s ease,opacity .16s ease}.k-toast-x:hover{opacity:1}@font-face{font-family:Figtree;src:url(../fonts/figtree-latin.woff2) format("woff2");font-weight:300 900;font-display:swap}:root{--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) clamp(360px,37vw,600px);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-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-2)}.share-grid>*{width:100%}.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)}.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{bottom:calc(var(--spacing-4) * 2 + 60px)}}@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}}