*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#fff6f9;color:#2b2233}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#fff;border-bottom:3px solid #f4c430}
.logo{margin:0;font-size:26px;color:#d63384}.logo span{color:#f4a300}
nav button{border:0;background:none;font-size:15px;padding:8px 12px;border-radius:20px;cursor:pointer}nav .active{background:#ffe3ef}
nav b{background:#d63384;color:#fff;border-radius:10px;padding:1px 7px;font-size:12px}
.banner{background:#fff3c4;text-align:center;font-size:13px;padding:6px}
main{max-width:980px;margin:auto;padding:20px}.hidden{display:none}
#search{display:flex;gap:8px;max-width:560px;margin:auto}#search input,#newsForm input{flex:1;padding:12px;border:2px solid #f0bcd2;border-radius:24px;font-size:15px}
button{font:inherit}#search button,#newsForm button,.controls button{padding:10px 18px;border:0;border-radius:24px;background:#d63384;color:#fff;cursor:pointer}
#tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px 0}
.tag{padding:5px 12px;border-radius:16px;border:1px solid #e6a5c2;background:#fff;cursor:pointer;font-size:13px}.tag.on{background:#d63384;color:#fff}
#deck{position:relative;width:340px;height:470px;margin:10px auto}
.card{position:absolute;inset:0;background:#fff;border-radius:18px;box-shadow:0 8px 24px #d6338433;padding:14px;touch-action:none;user-select:none;transition:transform .25s}
.card h3{margin:4px 0}.meta{font-size:12px;color:#8a6f86}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.piece{border-radius:12px;padding:8px;height:150px;display:flex;flex-direction:column;justify-content:space-between;font-size:12px}
.piece .ico{font-size:40px;text-align:center}.piece small{color:#5b4a5a}
.card .share{font-size:12px;margin-top:8px;background:none;border:1px dashed #d63384;color:#d63384;border-radius:12px;padding:4px 10px;cursor:pointer}
.controls{display:flex;justify-content:center;gap:18px}#skip{background:#888}.hint{text-align:center;font-size:12px;color:#8a6f86}
.empty{text-align:center;padding-top:150px;color:#8a6f86}
#boardGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.look{background:#fff;border-radius:16px;padding:14px;box-shadow:0 4px 14px #0001}.look h4{margin:0 0 6px}
.row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid #f3e3ea;font-size:13px}
.row a{background:#f4c430;color:#2b2233;text-decoration:none;padding:4px 10px;border-radius:12px;font-weight:600}
.look .acts{display:flex;gap:8px;margin-top:8px}.look .acts button{font-size:12px;border:1px solid #ddd;background:#fff;border-radius:10px;padding:4px 8px;cursor:pointer}
.news{margin:30px auto;text-align:center;background:#fff;border-radius:16px;padding:18px;max-width:560px}#newsForm{display:flex;gap:8px}
footer{font-size:12px;color:#6b5a69;text-align:center;padding:20px;max-width:760px;margin:auto}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#2b2233;color:#fff;padding:8px 16px;border-radius:20px;opacity:0;transition:.3s}#toast.show{opacity:1}
.quip{display:inline-block;background:#ffe3ef;color:#d63384;font-weight:700;padding:6px 14px;border-radius:16px;margin:0 0 6px}.quip:empty{display:none}.emptyq{font-size:18px;color:#d63384}
#deck{height:640px}.piece{height:105px}.piece .ico{font-size:30px}
.pair{margin-top:8px;background:#fff8e6;border-radius:12px;padding:6px 8px}.ptitle{font-size:12px;font-weight:700;color:#b07800;margin-bottom:4px}
.addon{display:flex;align-items:center;gap:6px;font-size:11px;padding:3px 0;border-top:1px solid #f3e6c4}.addon:first-child{border-top:0}.ai{font-size:18px}.an{flex:1}
.addon a{background:#f4c430;color:#2b2233;text-decoration:none;padding:2px 8px;border-radius:10px;font-weight:600}
.addbtn{font-size:11px;border:1px solid #d63384;background:#fff;color:#d63384;border-radius:10px;padding:2px 7px;cursor:pointer}.addbtn.on{background:#d63384;color:#fff}
.row.added em{font-size:10px;color:#fff;background:#d63384;border-radius:8px;padding:0 5px;font-style:normal}
#tags{display:block;max-width:900px;margin:12px auto}
.tgroup{display:flex;align-items:center;gap:8px;margin:5px 0}
.glabel{flex:0 0 64px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#b07800}
.tscroll{display:flex;flex-wrap:wrap;gap:6px}
.tag{white-space:nowrap}
#deck{height:auto;min-height:200px}.card{padding-bottom:10px}
@media (max-width:700px){.tscroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.tscroll::-webkit-scrollbar{display:none}.glabel{flex-basis:52px}#deck{width:92vw}}
.piece{border:1px solid #0000000f}
nav{white-space:nowrap}@media (max-width:700px){header{padding:10px 12px}.logo{font-size:21px}nav button{padding:6px 8px;font-size:13px}}
.piece.dark{color:#fff}.piece.dark small{color:#ddd}

.mhead{font-weight:800;font-size:20px;margin:6px 0 12px}.mhead span{font-weight:400;font-size:13px;color:#8a6f86}
#masonry{column-count:4;column-gap:14px}@media(max-width:900px){#masonry{column-count:3}}@media(max-width:600px){#masonry{column-count:2;column-gap:8px}}
.tile,.ed{break-inside:avoid;margin:0 0 14px;display:block}
.tile{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 12px #0000000f;cursor:pointer}
.art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2b2233}
.art.dark{color:#fff}.art .big{font-size:64px;filter:drop-shadow(0 6px 10px #0003)}
.art .lbl{font-family:Georgia,serif;font-style:italic;font-size:15px;margin-top:10px;padding:0 12px;text-align:center}
.art .ex{position:absolute;top:8px;left:8px;font-size:9px;letter-spacing:.1em;background:#fff9;color:#2b2233;padding:2px 6px;border-radius:6px}
.ov{position:absolute;inset:0;background:linear-gradient(180deg,#0000 30%,#000c);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;gap:3px;opacity:0;transition:.2s;font-size:13px}
.tile:hover .lbl,.tile.open .lbl{opacity:0}
.tile:hover .ov,.tile.open .ov,.tile:focus-within .ov{opacity:1}
.ovb{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.ov a{background:#f4c430;color:#2b2233;text-decoration:none;font-weight:700;padding:5px 14px;border-radius:14px}
.heart{width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:#d63384;font-size:18px;cursor:pointer}.heart.on{background:#d63384;color:#fff}
figcaption{font-size:12px;padding:8px 10px;line-height:1.4}.hd{font-weight:700}.tg{color:#3b6fd6}
.ed{background:#2b2233;color:#fff;border-radius:16px;padding:20px}.ed h3{font-family:Georgia,serif;font-size:24px;margin:6px 0}.ed p{margin:0;font-size:13px;color:#e8d8e3}
.kicker{font-size:10px;letter-spacing:.12em;color:#f4c430}
.ph{margin-top:24px}.rmp{border:0;background:none;cursor:pointer;color:#999}
.mhead{margin-bottom:4px}.mnote{font-size:12px;color:#8a6f86;margin:0 0 12px}.terms b{display:inline-block;background:#d63384;color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:12px;margin-left:6px}.sub2{font-size:13px;font-weight:400;color:#8a6f86;margin-left:6px}

.tile.mag .art{background-blend-mode:luminosity}.tile.mag .art{filter:grayscale(.35) contrast(1.1)}
.mast{position:absolute;top:14px;left:0;right:0;text-align:center;font-family:'Didot','Bodoni 72',Georgia,serif;font-size:34px;letter-spacing:.08em;font-weight:700;color:#fff;mix-blend-mode:difference}
.issue{position:absolute;top:56px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.3em;color:#fffc}
.cl{position:absolute;left:14px;font-family:Georgia,serif;color:#fff;text-shadow:0 1px 6px #0007}
.cl1{bottom:58px;font-size:15px;letter-spacing:.12em;font-weight:700}.cl2{bottom:40px;font-size:12px;font-style:italic}
.tile.mag .ex{top:auto;bottom:10px;left:auto;right:10px}.tile.mag .lbl{font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-style:normal}
.tile.mag figcaption{font-family:Georgia,serif}
#masonry.editorial{column-gap:18px}#masonry.editorial .tile{border-radius:2px;box-shadow:none;border:1px solid #2b2233}
#masonry.editorial figcaption{font-family:Georgia,serif;text-transform:none;border-top:1px solid #2b2233}

/* ---- Editorial collage moodboard ---- */
.mtop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mtop .mhead{margin:6px 0 4px}
#refresh{border:2px solid #2b2233;background:#fff;color:#2b2233;font-weight:700;border-radius:22px;padding:8px 16px;cursor:pointer;font-size:14px;box-shadow:3px 3px 0 #f4c430;transition:.15s}
#refresh:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #d63384}#refresh:active{transform:none;box-shadow:1px 1px 0 #f4c430}
#masonry{column-count:auto!important;position:relative;min-height:300px;margin-top:8px;padding:10px 0;
 background:repeating-linear-gradient(0deg,#0000 0 27px,#d633840d 27px 28px),#fffdf8;border-radius:6px}
#masonry .tile,#masonry .ed{position:absolute;margin:0;transform:rotate(var(--r,0deg));transition:transform .2s ease,box-shadow .2s ease}
#masonry .tile{border-radius:3px;background:#fff;padding:8px 8px 0;box-shadow:0 6px 18px #2b223326,0 1px 3px #2b22331f;overflow:visible}
#masonry .tile .art{border-radius:2px;overflow:hidden}
#masonry .tile:hover,#masonry .tile.open,#masonry .tile:focus-within,#masonry .ed:hover{z-index:999!important;transform:rotate(0deg) scale(1.06);box-shadow:0 18px 40px #2b223344}
#masonry figcaption{padding:6px 2px 8px;font-size:11px}
.tape,.tape2{position:absolute;top:-10px;left:50%;width:78px;height:22px;margin-left:-39px;background:#f4c430a8;transform:rotate(-4deg);z-index:3;box-shadow:0 1px 2px #0001;
 -webkit-mask:linear-gradient(90deg,#0000 0 2px,#000 2px calc(100% - 2px),#0000 0)}
.tape2{left:auto;right:-14px;top:8px;margin:0;width:64px;background:#ffc6dccc;transform:rotate(38deg)}
.pin{position:absolute;top:-6px;left:50%;margin-left:-8px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff8fbf,#d63384 60%,#8a1f55);z-index:3;box-shadow:0 2px 3px #0004}
.sticker{position:absolute;top:-12px;right:-10px;z-index:3;background:#d63384;color:#fff;font-weight:800;font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:7px 9px;border-radius:50%;min-width:44px;text-align:center;border:2px dashed #fff;box-shadow:0 2px 6px #0003;line-height:1.1}
#masonry .ed.cut{background:#2b2233;padding:22px 18px;border-radius:0;box-shadow:0 6px 18px #2b223333;clip-path:polygon(0 3%,4% 0,97% 2%,100% 0,99% 97%,96% 100%,3% 98%,0 100%)}
#masonry .ed.cut .tape{top:2px}
#masonry .ed.cut h3{font-family:'Didot','Bodoni 72',Georgia,serif;font-size:26px;line-height:1.05}
#masonry.editorial .tile{border:0;border-radius:0}
#masonry.loose{background:#fffdf8}
#masonry.loose .tile{padding:6px 6px 0}#masonry.loose .art .big{font-size:48px}
#masonry.loose .sticker{right:-4px}#masonry.loose .tape2{right:-6px}
@media (max-width:600px){.mtop{flex-direction:column;align-items:flex-start}#refresh{font-size:13px;padding:7px 14px}}
/* ---- Editorial styling notes (replace "Pair it with") ---- */
.tips{margin-top:8px;background:#fff8e6;border-left:3px solid #2b2233;border-radius:4px 12px 12px 4px;padding:8px 10px}
.ttitle{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#2b2233;margin-bottom:2px}.ttitle small{font-weight:600;color:#b07800;margin-left:4px;font-size:9px}
.tip{margin:4px 0 0;font-family:Georgia,serif;font-style:italic;font-size:13px;line-height:1.35;color:#3b2c39}
@media (hover:none){#masonry .tile:not(.open) .ov{pointer-events:none}}
@media (max-width:600px){#masonry{overflow-x:clip}}
@media (max-width:420px){header{padding:10px 8px}.logo{font-size:19px}nav button{padding:6px 6px;font-size:12.5px}}
#newsForm input{min-width:0}@media (max-width:600px){.news{margin:24px 0;padding:14px}}
#masonry .tile:hover .cl,#masonry .tile.open .cl{opacity:0}#masonry .mast{white-space:nowrap;letter-spacing:.04em}
/* ---- Price range + On Sale ---- */
#filters .pricebar,#filters .prange{max-width:900px;margin-left:auto;margin-right:auto}
.pchip{border-color:#c9a63a}.pchip.on{background:#2b2233;border-color:#2b2233;color:#fff}
.salechip{border-color:#e0245e;color:#e0245e;font-weight:700}.salechip.on{background:#e0245e;color:#fff}
.prange{display:flex;align-items:center;gap:10px;margin:2px auto 10px}
.dual{position:relative;flex:0 1 340px;height:26px;--a:0%;--b:100%}
.dual::before{content:'';position:absolute;left:0;right:0;top:11px;height:4px;border-radius:4px;background:linear-gradient(90deg,#f0d9e3 var(--a),#d63384 var(--a) var(--b),#f0d9e3 var(--b))}
.dual input{position:absolute;inset:0;width:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;height:26px}
.dual input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #d63384;cursor:grab;box-shadow:0 1px 4px #0003}
.dual input::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #d63384;cursor:grab}
.dual input::-webkit-slider-runnable-track{background:none}
#plabel{font-size:13px;font-weight:700;color:#2b2233;min-width:90px}
#pclear{border:0;background:none;color:#d63384;font-size:12px;cursor:pointer;text-decoration:underline}
s.was{color:#9a8796;font-weight:400}.salep{color:#e0245e}.dark .salep,.piece.dark .salep{color:#ff8fb3}.ov .salep{color:#ffb3cb}.ov s.was{color:#ddd}
.piece{position:relative}
.salebadge{position:absolute;top:6px;right:6px;z-index:2;background:#e0245e;color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em;padding:2px 6px;border-radius:4px;transform:rotate(6deg);box-shadow:0 1px 3px #0003}
.art .salebadge{top:30px;left:8px;right:auto;transform:rotate(-6deg);font-size:10px}
.ltot{font-size:12px;font-weight:600;color:#b07800;margin-left:4px;white-space:nowrap}
@media (max-width:700px){.prange{gap:8px}.prange .glabel{display:none}.dual{flex:1 1 auto}#plabel{min-width:0;font-size:12px}}
/* ---- My sizes ---- */
#filters .sizebar{max-width:900px;margin:2px auto 10px;align-items:flex-start}
.szwrap{flex:1;min-width:0}
#szBtn{border-color:#2b2233;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis}#szBtn b{color:#d63384}
#sizePanel{margin-top:8px;background:#fff;border:1px solid #f0bcd2;border-radius:14px;padding:10px 12px;box-shadow:0 6px 18px #d633841a}
.szg{display:flex;align-items:center;gap:8px;margin:4px 0}.szl{flex:0 0 80px;font-size:11px;font-weight:700;color:#8a6f86}
.szc{min-width:34px;text-align:center}.szc.on{background:#2b2233;border-color:#2b2233;color:#fff}
.szacts{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.szacts button{border:1px solid #d63384;background:#fff;color:#d63384;border-radius:14px;padding:4px 12px;cursor:pointer;font-size:12px}#szDone{background:#d63384!important;color:#fff!important}.szacts small{color:#8a6f86;font-size:11px}
.osz{font-size:11px;opacity:.9}.rsz{color:#8a6f86;font-size:11px}
@media (max-width:700px){.szl{flex-basis:62px;font-size:10px}#sizePanel{padding:8px}.szg .tscroll{flex-wrap:nowrap;overflow-x:auto}}
@media (max-width:700px){.sizebar{flex-direction:column;align-items:stretch;gap:4px}.sizebar .glabel{flex-basis:auto}.szg .tscroll{flex-wrap:wrap!important;overflow:visible!important}.szc{min-width:30px;padding:4px 9px}}
/* ---- Cheap Fits total ---- */
.bigtotal{margin:6px 0 2px;background:#2b2233;color:#fff;border-radius:12px;padding:8px 12px;font-size:14px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.bigtotal b{font-size:24px;color:#f4c430;letter-spacing:.02em}.bigtotal small{font-size:10px;color:#e8d8e3;margin-left:auto}
/* ---- Beauty: make it last all night ---- */
.beauty{margin-top:8px;background:#fdeef5;border-radius:12px;padding:6px 10px;font-size:12px}
.beauty summary{cursor:pointer;font-weight:800;color:#b0236b;font-size:12px}.beauty summary small{font-weight:600;color:#b07800;font-size:9px;margin-left:4px}
.beauty ul{margin:6px 0;padding-left:18px}.beauty li{margin:2px 0;line-height:1.35}
.bguide,.bopen button{border:1px solid #d63384;background:#fff;color:#d63384;border-radius:12px;padding:4px 10px;font-size:12px;cursor:pointer;font-weight:600}
.bopen{text-align:center;margin:18px 0 0}
#beautyPanel{position:fixed;inset:0;z-index:2000;background:#2b223399;display:flex;align-items:center;justify-content:center;padding:16px}#beautyPanel[hidden]{display:none}
.bp-in{position:relative;background:#fff;border-radius:18px;max-width:560px;width:100%;max-height:88vh;overflow:auto;padding:22px 22px 16px;box-shadow:0 20px 60px #0005}
.bp-in h2{font-family:'Didot','Bodoni 72',Georgia,serif;font-size:30px;margin:4px 0}.bsub{color:#8a6f86;font-size:13px;margin:0 0 10px}
.bclose{position:absolute;top:10px;right:12px;border:0;background:#ffe3ef;color:#d63384;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:15px}
.btip{border-top:1px solid #f3e3ea;padding:8px 0}.btip h4{margin:0 0 3px}.btip p{margin:0;font-size:13px;line-height:1.45}
.bprods{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.bprods a{font-size:11px;background:#f4c430;color:#2b2233;text-decoration:none;font-weight:700;padding:3px 9px;border-radius:10px}
.bsafe{background:#eef7f1;border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.45}.bnote{font-size:11px;color:#8a6f86}
body.noscroll{overflow:hidden}
/* ---- The Group Chat ---- */
#chat h2{margin:0}.chat-wrap{display:grid;grid-template-columns:240px 1fr;gap:16px;margin-top:10px}
.crules{background:#fff8e6;border-radius:14px;padding:12px 14px;font-size:12px;align-self:start;position:sticky;top:10px}.crules h4{margin:0 0 6px}.crules ol{margin:0;padding-left:18px}.crules li{margin:4px 0;line-height:1.35}
.cthreads{display:flex;gap:6px;flex-wrap:wrap}.ctab{border:1px solid #e6a5c2;background:#fff;border-radius:16px;padding:6px 12px;cursor:pointer;font-size:13px}.ctab.on{background:#d63384;color:#fff;border-color:#d63384}.ctab small{opacity:.75}
.cdesc{font-size:12px;color:#8a6f86;margin:8px 0}
#cpost,.crform{background:#fff;border-radius:14px;padding:10px;box-shadow:0 3px 12px #0000000d;display:flex;flex-direction:column;gap:6px}
#cpost textarea,.crform textarea{border:1px solid #f0bcd2;border-radius:10px;padding:8px;font:inherit;font-size:13px;min-height:54px;resize:vertical}
#cpost>button,.crform>button{align-self:flex-end;border:0;background:#d63384;color:#fff;border-radius:16px;padding:6px 16px;cursor:pointer}
.cname{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px}.cname .cn{border:1px solid #f0bcd2;border-radius:10px;padding:5px 8px;font:inherit;font-size:12px;min-width:0;flex:0 1 180px}
.cfeed{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.cmsg{background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 3px 12px #0000000d;font-size:13px}.cmsg p{margin:4px 0;line-height:1.4;white-space:pre-wrap;word-break:break-word}
.cmsg.reply{box-shadow:none;background:#fff6f9;margin-top:6px;border-left:3px solid #f0bcd2;border-radius:4px 12px 12px 4px}
.chd{font-size:12px}.cago{color:#8a6f86;font-size:11px;margin-left:4px}.you{font-size:10px;background:#ffe3ef;color:#d63384;border-radius:8px;padding:0 6px}
.cacts{display:flex;gap:6px}.cacts button{border:1px solid #eee;background:#fff;border-radius:12px;padding:2px 9px;font-size:12px;cursor:pointer}.clike.on{background:#ffe3ef;border-color:#d63384;color:#d63384}.crep{color:#8a6f86}
.cmsg.reported{background:#f6f2f5;color:#8a6f86;font-size:12px}.cundo{border:0;background:none;color:#d63384;text-decoration:underline;cursor:pointer;font-size:12px}
.creplies{margin-left:10px}.crform{margin-top:6px;box-shadow:none;background:#fff6f9}
@media (max-width:700px){.chat-wrap{grid-template-columns:1fr}.crules{position:static}.cthreads{flex-wrap:nowrap;overflow-x:auto}.ctab{white-space:nowrap}}
@media (max-width:480px){nav .lg{display:none}}
@media (max-width:420px){nav button{padding:6px 5px;font-size:12px}nav b{padding:1px 5px;font-size:11px}.logo{font-size:18px}}
.cmain{min-width:0}
.crform[hidden]{display:none!important}.crules{position:static!important}