.cm-outfit-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px}.cm-outfit-modal__backdrop{position:absolute;inset:0;border:0;padding:0;margin:0;background:rgba(4,8,18,.72);backdrop-filter:blur(8px);cursor:pointer}.cm-outfit-modal__panel{position:relative;z-index:1;width:min(440px,100%);max-height:min(92vh,820px);overflow-y:auto;overflow-x:hidden;padding:22px 20px 18px;border:1px solid rgba(47,107,255,.35);border-radius:18px;background:oklch(.2 .015 256);box-shadow:0 28px 80px -24px rgba(0,0,0,.85);color:oklch(.97 .004 256);-webkit-overflow-scrolling:touch}.cm-outfit-modal__close{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:10px;background:hsla(0,0%,100%,.06);color:oklch(.8 .008 256);cursor:pointer}.cm-outfit-modal__close:hover{background:hsla(0,0%,100%,.1);color:#fff}.cm-outfit-modal__kicker{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#8eb4ff}.cm-outfit-modal__title{margin:0 0 8px;padding-right:36px;font-size:clamp(1.35rem,3.4vw,1.65rem);font-weight:650;letter-spacing:-.03em;line-height:1.15}.cm-outfit-modal__title span{color:#5a8bff}.cm-outfit-modal__sub{margin:0 0 14px;font-size:14px;line-height:1.45;color:oklch(.72 .012 256)}.cm-outfit-modal__compare{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 12px}.cm-outfit-modal__profile,.cm-outfit-modal__stage{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.cm-outfit-modal__profile figcaption,.cm-outfit-modal__stage figcaption{font-size:11px;font-weight:600;color:oklch(.7 .01 256);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-outfit-modal__avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;border:2px solid hsla(0,0%,100%,.14);background:#0a0c12;flex-shrink:0}.cm-outfit-modal__avatar img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.cm-outfit-modal__arrow{flex-shrink:0;font-size:18px;color:#5a8bff;line-height:1;margin-bottom:18px}.cm-outfit-modal__stage-frame{position:relative;width:min(42vw,168px);aspect-ratio:3/4;overflow:hidden;border-radius:14px;border:1px solid hsla(0,0%,100%,.08);background:#0a0c12}.cm-outfit-modal__stage-frame img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cm-outfit-modal__stage-tag{position:absolute;left:8px;top:8px;z-index:2;padding:3px 7px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-weight:600;pointer-events:none}.cm-outfit-modal__hint{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.02em;color:oklch(.68 .012 256);text-align:center}.cm-outfit-modal__rack{display:flex;gap:8px;margin:0 0 16px;padding:2px 2px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.cm-outfit-modal__rack::-webkit-scrollbar{display:none}.cm-outfit-modal__look{flex:0 0 auto;width:72px;padding:0;border:1.5px solid hsla(0,0%,100%,.12);border-radius:12px;background:transparent;cursor:pointer;scroll-snap-align:start;overflow:hidden;color:inherit;font:inherit;text-align:left}.cm-outfit-modal__look img{display:block;width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover}.cm-outfit-modal__look span{display:block;padding:5px 6px 6px;font-size:10px;font-weight:600;line-height:1.2;color:oklch(.72 .01 256);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-outfit-modal__look.is-on{border-color:#5a8bff;box-shadow:0 0 0 1px rgba(90,139,255,.35)}.cm-outfit-modal__look.is-on span{color:#fff}.cm-outfit-modal__actions{display:flex;flex-direction:column;gap:8px}.cm-outfit-modal__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:11px;background:#2f6bff;color:#fff;font-size:15px;font-weight:600;text-decoration:none}.cm-outfit-modal__cta:hover{background:#5a8bff}.cm-outfit-modal__later{height:40px;border:0;border-radius:11px;background:transparent;color:oklch(.78 .01 256);font-size:14px;font-weight:500;cursor:pointer}.cm-outfit-modal__later:hover{color:#fff;background:hsla(0,0%,100%,.05)}.cm-outfit-modal__forever{height:36px;border:0;border-radius:11px;background:transparent;color:oklch(.58 .012 256);font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.cm-outfit-modal__forever:hover{color:oklch(.78 .01 256)}@media (max-width:420px){.cm-outfit-modal{padding:12px}.cm-outfit-modal__panel{padding:18px 14px 14px}.cm-outfit-modal__avatar{width:64px;height:64px}.cm-outfit-modal__stage-frame{width:min(38vw,148px)}.cm-outfit-modal__look{width:64px}}@media (max-width:375px){.cm-outfit-modal__panel{padding:16px 12px 12px}.cm-outfit-modal__title{font-size:clamp(1.2rem,3vw,1.4rem)}.cm-outfit-modal__sub{font-size:13px}.cm-outfit-modal__avatar{width:56px;height:56px}.cm-outfit-modal__stage-frame{width:min(36vw,132px)}.cm-outfit-modal__look{width:58px}.cm-outfit-modal__cta{height:42px;font-size:14px}}@media (max-width:340px){.cm-outfit-modal{padding:8px}.cm-outfit-modal__panel{padding:14px 10px 10px}.cm-outfit-modal__compare{gap:6px}.cm-outfit-modal__avatar{width:48px;height:48px}.cm-outfit-modal__stage-frame{width:min(34vw,118px)}.cm-outfit-modal__title{font-size:1.15rem;padding-right:32px}.cm-outfit-modal__look{width:52px}}