:root{--pink: #e8466b;--pink-deep: #c92f55;--peach: #ff8a65;--ink: #2b2230;--muted: #74687a;--bg: #fff6f8;--card: #ffffff;--line: #f2dfe6;--ok: #1d8a4b;--live: #ff2d55;--shadow: 0 6px 24px rgba(201, 47, 85, .12);--radius: 18px;--fs: 19px;--tabbar-h: 72px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}html.big{--fs: 23px}@media(min-width:700px)and (pointer:coarse){:root{--fs: 22px;--tabbar-h: 80px}html.big{--fs: 26px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--fs)/1.5 "Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overscroll-behavior:none}button{font:inherit;cursor:pointer;border:0}input,textarea{font:inherit}.app{display:flex;flex-direction:column;height:100%;padding-top:var(--safe-t)}.screen{flex:1;overflow-y:auto;padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 8px);-webkit-overflow-scrolling:touch}.screen.live{display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(var(--tabbar-h) + var(--safe-b))}.topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,var(--pink),var(--peach));color:#fff}.topbar h1{margin:0;font-size:1.05em;font-weight:800;flex:1;letter-spacing:.2px}.topbar .pillbtn{background:#fff3;color:#fff;border:1.5px solid rgba(255,255,255,.55);padding:6px 12px;border-radius:999px;font-weight:700;font-size:.85em;display:inline-flex;gap:6px;align-items:center}.topbar .pillbtn:active{transform:scale(.96)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid var(--line)}.tabbar button{background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-weight:700;font-size:.78em}.tabbar button .ico{font-size:1.55em;line-height:1;transition:transform .2s}.tabbar button.on{color:var(--pink)}.tabbar button.on .ico{transform:translateY(-2px) scale(1.08)}.player-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;flex-shrink:0}.player-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.player-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:8px;text-align:center;padding:20px;background:radial-gradient(circle at 30% 20%,#5b2340,#1b0f17)}.player-empty .big{font-size:2.4em}.live-head{display:flex;align-items:center;gap:10px;padding:10px 14px 6px}.live-head h2{font-size:1em;margin:0;flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{padding:3px 10px;border-radius:999px;font-weight:800;font-size:.72em;letter-spacing:.4px;white-space:nowrap}.badge.live{background:var(--live);color:#fff;animation:pulse 1.6s infinite}.badge.replay{background:#ffe9c7;color:#9a5b00}.badge.soon{background:#e3ecff;color:#2851b8}@keyframes pulse{0%,to{box-shadow:0 0 #ff2d5580}50%{box-shadow:0 0 0 7px #ff2d5500}}.feed{flex:1;overflow-y:auto;padding:4px 14px 8px;display:flex;flex-direction:column;gap:8px;min-height:80px}.feed .hint{color:var(--muted);text-align:center;margin:auto 0;font-size:.9em}.cmt{display:flex;gap:10px;align-items:flex-start;animation:slideUp .25s ease-out}.cmt .av{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#ffc2d1,#ffd9c2);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--pink-deep);overflow:hidden;font-size:.8em}.cmt .av img{width:100%;height:100%;object-fit:cover}.cmt .bubble{background:var(--card);border-radius:4px 16px 16px;padding:7px 12px;box-shadow:0 1px 4px #0000000d;max-width:85%}.cmt .who{font-weight:700;font-size:.8em;color:var(--pink-deep)}.cmt .txt{word-break:break-word}.cmt.mine .bubble{background:#fff0f4;border:1.5px solid #ffd0dc}.cmt.pending{opacity:.6}.cmt[role=button]{cursor:pointer;-webkit-tap-highlight-color:transparent}.cmt[role=button]:active .bubble{filter:brightness(.92)}.cmt .who .more{opacity:.55;font-weight:800;letter-spacing:1px}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.composer{flex-shrink:0;background:var(--card);border-top:1px solid var(--line);padding:8px 10px 10px}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;background:#fff0f4;color:var(--pink-deep);border:1.5px solid #ffc9d6;padding:8px 14px;border-radius:999px;font-weight:700;font-size:.88em;transition:transform .1s,background .2s}.chip:active{transform:scale(.94);background:#ffd6e0}.chip.pin{background:linear-gradient(135deg,var(--pink),var(--peach));color:#fff;border-color:transparent}.send-row{display:flex;gap:8px}.send-row input{flex:1;min-width:0;padding:12px 16px;border-radius:999px;border:2px solid var(--line);background:#fffafb;outline:none}.send-row input:focus{border-color:var(--pink)}.btn-send{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--peach));color:#fff;font-size:1.3em;box-shadow:var(--shadow);flex-shrink:0}.btn-send:active{transform:scale(.92)}.btn-send:disabled{opacity:.5}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border-radius:16px;font-weight:800;font-size:1em;background:linear-gradient(135deg,var(--pink),var(--peach));color:#fff;box-shadow:var(--shadow);transition:transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55}.btn.ghost{background:#fff;color:var(--pink);border:2px solid var(--pink);box-shadow:none}.btn.dark{background:#111}.btn.zalo{background:#0068ff}.btn.danger{background:#fff;color:#c62828;border:2px solid #f4c7c7;box-shadow:none}.link{background:none;color:var(--pink);font-weight:700;padding:8px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin:14px}.card h3{margin:0 0 10px;font-size:1.05em}.muted{color:var(--muted)}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:12px}.field{width:100%;padding:14px 16px;border-radius:14px;border:2px solid var(--line);background:#fffafb;font-size:1.1em;outline:none}.field:focus{border-color:var(--pink)}.otp{letter-spacing:.6em;text-align:center;font-size:1.6em;font-weight:800}.err{color:#c62828;font-weight:600;font-size:.92em}.ok{color:var(--ok);font-weight:700}.section-title{margin:18px 16px 4px;font-size:1.1em;font-weight:800}.sheet-backdrop{position:fixed;inset:0;background:#140a1459;z-index:40;animation:fade .2s}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--card);border-radius:24px 24px 0 0;padding:18px 18px calc(18px + var(--safe-b));box-shadow:0 -10px 40px #0000002e;animation:sheetUp .28s cubic-bezier(.2,.9,.3,1.1);max-height:70vh;overflow-y:auto}.sheet .grab{width:46px;height:5px;border-radius:3px;background:#e6d6dc;margin:0 auto 12px}.sheet h3{margin:0 0 6px;font-size:1.15em}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.replay-list{display:grid;gap:12px;padding:14px}.replay-item{display:flex;gap:12px;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);text-align:left;padding:0;color:inherit}.replay-item img{width:42%;aspect-ratio:16/9;object-fit:cover;flex-shrink:0;background:#222}.replay-item .meta{padding:10px 10px 10px 0;display:flex;flex-direction:column;justify-content:center;gap:4px}.replay-item .meta b{font-size:.95em;line-height:1.3}.replay-item .meta span{font-size:.8em;color:var(--muted)}.back{display:flex;align-items:center;gap:6px;background:none;color:#fff;font-weight:800;padding:4px 0}.order{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin:12px 14px;padding:16px}.order .row{display:flex;justify-content:space-between;align-items:center;gap:10px}.order .code{font-weight:800}.order .st{padding:4px 12px;border-radius:999px;background:#e9f7ef;color:var(--ok);font-weight:800;font-size:.8em;white-space:nowrap}.order .st.wait{background:#fff3dd;color:#9a5b00}.order .st.cancel{background:#f2f2f2;color:#777}.order ul{margin:10px 0;padding-left:20px}.order .total{font-weight:800;font-size:1.1em;color:var(--pink-deep)}.profile{display:flex;align-items:center;gap:14px}.profile .av{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ffc2d1,#ffd9c2);display:flex;align-items:center;justify-content:center;font-size:1.6em;font-weight:800;color:var(--pink-deep);overflow:hidden;flex-shrink:0}.profile .av img{width:100%;height:100%;object-fit:cover}.menu{display:flex;flex-direction:column}.menu button,.menu a{display:flex;align-items:center;gap:12px;padding:16px 4px;border-bottom:1px solid var(--line);background:none;text-align:left;color:inherit;text-decoration:none;font-weight:600}.menu button:last-child,.menu a:last-child{border-bottom:0}.menu .ico{font-size:1.3em;width:30px;text-align:center}.switch{margin-left:auto;width:56px;height:32px;border-radius:999px;background:#ddd;position:relative;transition:background .2s;flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:left .2s}.switch.on{background:var(--pink)}.switch.on:after{left:27px}.draw-banner{margin:8px 14px 0;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#fff1c9,#ffd7e2);display:flex;align-items:center;gap:12px;animation:slideUp .3s;box-shadow:var(--shadow)}.draw-banner .gift{font-size:2em;animation:wiggle 1s infinite}.draw-banner b{display:block}.draw-banner .num{font-size:1.4em;font-weight:800;color:var(--pink-deep);font-variant-numeric:tabular-nums}.draw-banner.win{background:linear-gradient(135deg,#ffe066,#ff9eb5)}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + var(--safe-b) + 90px);transform:translate(-50%);background:#231a29f0;color:#fff;padding:12px 18px;border-radius:14px;z-index:60;max-width:88vw;text-align:center;animation:fade .2s;font-weight:600}.spinner{width:34px;height:34px;border:4px solid #ffd0dc;border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite;margin:30px auto}@keyframes spin{to{transform:rotate(360deg)}}:root{--topbar-h: 60px}@media(min-width:700px)and (pointer:coarse){:root{--topbar-h: 68px}}.lv{flex:1;display:flex;flex-direction:column;min-height:0}.lv.portrait{position:relative;background:#000;overflow:hidden}.stage{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#3a1a2a,#000)}.stage iframe{position:absolute;border:0}.ov{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;pointer-events:none}.ov>*{pointer-events:auto}.ov>.ov-space{flex:1;pointer-events:none}.screen.live:has(.lv.portrait){position:relative;padding-bottom:0}.screen.live:has(.lv.portrait)>.topbar{position:absolute;top:0;left:0;right:0;z-index:5;height:var(--topbar-h);background:linear-gradient(135deg,#e8466be0,#ff8a65c7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.screen.live:has(.lv.portrait)>.lv.portrait{position:absolute;inset:0}.screen.live:has(.lv.portrait) .ov{padding-top:var(--topbar-h);padding-bottom:calc(var(--tabbar-h) + var(--safe-b))}.app:has(.lv.portrait) .tabbar{background:#140a109e;border-top-color:#ffffff1f}.app:has(.lv.portrait) .tabbar button{color:#ffffffd9}.app:has(.lv.portrait) .tabbar button.on{color:#ff9db4}body:has(.lv.portrait) .toast{bottom:calc(var(--tabbar-h) + var(--safe-b) + 150px)}.lv.portrait .live-head{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7);pointer-events:none}.lv.portrait .draw-banner{box-shadow:0 4px 18px #00000059}.lv.portrait .feed{flex:0 1 auto;max-height:24%;min-height:0;background:transparent;padding:18px 12px 4px;gap:5px;font-size:.7em;line-height:1.35;width:80%;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28px);mask-image:linear-gradient(to bottom,transparent 0,#000 28px)}.lv.portrait .feed::-webkit-scrollbar{display:none}.lv.portrait .feed .hint{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8);margin:0;text-align:left}.lv.portrait .cmt .bubble{background:#0000006b;color:#fff;box-shadow:none}.lv.portrait .cmt .who{color:#ffd3df}.lv.portrait .cmt.mine .bubble{background:#e8466b8c;border-color:#ffffff59}.lv.portrait .cmt{gap:7px}.lv.portrait .cmt .av{width:24px;height:24px;font-size:.7em}.lv.portrait .cmt .bubble{padding:3px 10px 4px;border-radius:4px 12px 12px}.lv.portrait .cmt .who{font-size:.85em}.lv.portrait .feed .hint{font-size:1em}.lv.portrait .composer{background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,.25) 70%,transparent);border-top:0;padding-top:10px}.lv.portrait .chip{background:#ffffffe6;border-color:transparent}.lv.portrait .chip.pin{background:linear-gradient(135deg,var(--pink),var(--peach))}.lv.portrait .send-row input{background:#fffffff0;border-color:transparent}.lv.portrait .send-row input:focus{border-color:var(--pink)}.snd-btn{position:absolute;z-index:3;right:12px;top:calc(var(--topbar-h) + 56px);background:#0009;color:#fff;font-weight:800;padding:12px 18px;border-radius:999px;border:2px solid rgba(255,255,255,.7);font-size:.95em;animation:pulse 1.6s infinite}.snd-btn:active{transform:scale(.96)}.play-btn{position:absolute;z-index:3;left:50%;top:42%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;background:#e8466be0;color:#fff;font-size:2.4em;padding-left:8px;box-shadow:0 6px 30px #00000073}.play-btn:active{transform:translate(-50%,-50%) scale(.94)}.small{font-size:.82em}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.pimg{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#f6eef1;display:block}.pimg.ph{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.6em;color:var(--pink-deep);background:linear-gradient(135deg,#ffe1ea,#fed)}.ptag{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.ptag b{color:var(--pink-deep);font-weight:800}.live-chip{background:#ffe9c7;color:#9a5b00;border-radius:999px;padding:1px 8px;font-size:.68em;font-weight:800;white-space:nowrap}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 12px 6px;background:var(--bg);position:sticky;top:0;z-index:4}.seg button{padding:11px 4px;border-radius:14px;background:#fff;color:var(--muted);font-weight:800;font-size:.82em;border:2px solid var(--line);transition:all .15s}.seg button.on{background:linear-gradient(135deg,var(--pink),var(--peach));color:#fff;border-color:transparent;box-shadow:var(--shadow)}.screen.live>.seg{flex-shrink:0}.hscroll{display:flex;gap:12px;overflow-x:auto;padding:6px 14px 10px;scroll-snap-type:x proximity;scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start;flex-shrink:0}.resume-card{width:220px;background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:0 0 10px;text-align:left;color:inherit;display:flex;flex-direction:column;gap:4px;overflow:hidden}.resume-card .thumb{position:relative}.resume-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#222}.resume-card .bar{position:absolute;left:0;right:0;bottom:0;height:5px;background:#fff6}.resume-card .bar i{display:block;height:100%;background:var(--pink)}.resume-card b,.resume-card span{padding:0 10px;font-size:.88em}.col-desc{margin:0 16px}.shop{padding-bottom:10px}.search-box{display:flex;align-items:center;gap:8px;margin:8px 14px 4px;padding:4px 6px 4px 14px;border-radius:999px;background:#fff;border:2px solid var(--line)}.search-box:focus-within{border-color:var(--pink)}.search-box input{flex:1;min-width:0;border:0;outline:none;padding:10px 4px;background:transparent}.search-box .clear{background:#f3e6eb;color:var(--muted);width:36px;height:36px;border-radius:50%}.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:6px 14px}@media(min-width:600px){.pgrid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.pgrid{grid-template-columns:repeat(4,1fr)}}.pcard{position:relative;background:var(--card);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.pcard.wide{width:168px}.pcard-main{display:flex;flex-direction:column;gap:4px;width:100%;padding:8px 8px 10px;background:none;text-align:left;color:inherit}.pcard-main b{font-size:.88em;font-weight:700;min-height:2.6em}.pcard-img{position:relative}.clip-count{position:absolute;left:6px;bottom:6px;background:#0009;color:#fff;border-radius:999px;padding:1px 8px;font-size:.72em;font-weight:700}.fav-btn{width:44px;height:44px;border-radius:50%;background:#fff;color:var(--pink);font-size:1.3em;line-height:1;box-shadow:0 2px 8px #0000001f;flex-shrink:0}.fav-btn.on{color:#fff;background:var(--pink)}.fav-btn.float{position:absolute;top:12px;right:12px;width:40px;height:40px}.cat-chips{padding:4px 14px 6px}.chip .n{opacity:.7;font-size:.85em}.sort-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 4px}.mini-seg{display:inline-flex;background:#f3e6eb;border-radius:999px;padding:3px}.mini-seg button{background:none;padding:7px 12px;border-radius:999px;font-weight:700;font-size:.78em;color:var(--muted)}.mini-seg button.on{background:#fff;color:var(--pink-deep);box-shadow:0 1px 4px #0000001a}.hit-list,.moment-list{display:flex;flex-direction:column;gap:10px;padding:6px 14px 10px}.hit,.moment{display:flex;gap:10px;align-items:center;background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:8px;text-align:left;color:inherit;border:2px solid transparent}.moment.on{border-color:var(--pink);background:#fff5f8}.hit-thumb{position:relative;width:128px;flex-shrink:0}.hit-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;display:block;background:#222}.hit-thumb i{position:absolute;right:4px;bottom:4px;background:#000000b8;color:#fff;font-style:normal;font-size:.72em;font-weight:700;padding:0 6px;border-radius:6px}.hit-txt{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:.9em}.order-sheet{max-height:85vh}.order-head{display:flex;gap:12px;align-items:center}.order-head .pimg{width:84px;flex-shrink:0}.order-head>div{display:flex;flex-direction:column;gap:4px;min-width:0}.qty-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700}.qty-row.total b{color:var(--pink-deep);font-size:1.2em}.qty{display:inline-flex;align-items:center;gap:14px}.qty button{width:48px;height:48px;border-radius:50%;background:#fff0f4;color:var(--pink-deep);font-size:1.5em;font-weight:800;border:2px solid #ffc9d6}.qty b{min-width:28px;text-align:center;font-size:1.2em}.pdock{display:flex;align-items:flex-end;gap:8px;padding:0 12px 6px}.pdock-space{flex:1}.now-card{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:#fffffff2;border-radius:16px;padding:6px;box-shadow:0 4px 18px #00000040;animation:slideUp .3s}.now-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:none;text-align:left;color:var(--ink);padding:0}.now-main .pimg{width:54px;flex-shrink:0;border-radius:10px}.now-txt{display:flex;flex-direction:column;min-width:0;font-size:.8em;gap:1px}.now-lbl{color:var(--pink);font-weight:800;font-size:.82em;text-transform:uppercase;letter-spacing:.3px}.buy-btn{background:linear-gradient(135deg,var(--pink),var(--peach));color:#fff;font-weight:800;border-radius:14px;padding:12px 14px;white-space:nowrap;box-shadow:var(--shadow);flex-shrink:0}.buy-btn.sm{padding:9px 14px;font-size:.9em}.buy-btn:active{transform:scale(.95)}.buy-btn:disabled{opacity:.5}.bag-btn{flex-shrink:0;height:58px;min-width:58px;border-radius:18px;background:#fffffff2;color:var(--pink-deep);font-size:1.15em;box-shadow:0 4px 18px #00000040;padding:0 10px;display:inline-flex;align-items:center;gap:4px}.lv:not(.portrait) .now-card,.lv:not(.portrait) .bag-btn{box-shadow:var(--shadow)}.lv:not(.portrait) .pdock{padding-top:6px}.bag-sheet{max-height:78vh}.bag-list{display:flex;flex-direction:column;gap:8px}.bag-row{display:flex;align-items:center;gap:8px;border-radius:14px;padding:6px;border:2px solid var(--line)}.bag-row.on{border-color:var(--pink);background:#fff5f8}.bag-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:none;text-align:left;color:inherit;padding:0}.bag-main .pimg{width:64px;flex-shrink:0}.bag-txt{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:.88em}.bag-act{display:flex;flex-direction:column;align-items:center;gap:6px}.bag-act .fav-btn{width:40px;height:40px;font-size:1.1em}.pd{padding-bottom:16px}.pd-top{position:sticky;top:0;z-index:5}.pd-video{position:relative;height:58vh;min-height:300px;background:#000;overflow:hidden}.pd-video .snd-btn{top:14px}.pd-vlabel{position:absolute;left:10px;bottom:10px;z-index:2;background:#0009;color:#fff;font-size:.78em;font-weight:700;padding:3px 10px;border-radius:999px;pointer-events:none}.pd-imgs{padding:14px}.pd-imgs .pimg{max-width:360px;margin:0 auto}.pd-body{padding:12px 16px 4px;display:flex;flex-direction:column;gap:8px}.pd-name{margin:0;font-size:1.15em;line-height:1.3}.pd-price{display:flex;align-items:center;gap:10px;font-size:1.15em}.pd-price s{font-size:.8em}.pd-actions{display:flex;gap:10px}.pd-actions .btn{flex:1;padding:14px 10px}.pd-actions .btn.sq{flex:0 0 58px;font-size:1.4em;padding:0}.pd-actions .btn.sq.on{background:var(--pink);color:#fff}.quotes{margin:10px 0;padding:10px 14px;background:#fff0f4;border-radius:14px}.quotes h4{margin:0 0 6px;font-size:.95em;color:#b0306a}.quotes ul{margin:0;padding-left:20px}.quotes li{margin:4px 0;font-size:.92em;line-height:1.45}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#f3e6eb;color:var(--muted);border-radius:999px;padding:2px 10px;font-size:.78em;font-weight:700}.pd-info{padding:4px 14px;display:flex;flex-direction:column;gap:8px}.pd-info details{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:12px 14px}.pd-info summary{font-weight:800;cursor:pointer}.pd-info p{margin:8px 0 0;white-space:pre-line;font-size:.92em}.pd-gallery .pimg{width:140px}.clipfeed{flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;background:#000;scrollbar-width:none}.clipfeed::-webkit-scrollbar{display:none}.clip{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:radial-gradient(circle at 50% 40%,#3a1a2a,#000)}.clip-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(2px) brightness(.7)}.clip .snd-btn{top:14px}.clip-ov{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;padding:10px 12px 14px;background:linear-gradient(to top,rgba(0,0,0,.65),transparent 40%)}.clip-ov>*{pointer-events:auto}.clip-side{align-self:flex-end;display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.round{width:58px;height:58px;border-radius:50%;background:#00000073;color:#fff;font-size:1.3em;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;border:1.5px solid rgba(255,255,255,.4)}.round small{font-size:.45em;font-weight:700;margin-top:3px}.round.on{background:var(--pink)}.clip-info{display:flex;align-items:flex-end;gap:8px}.clip-prod{flex:1;min-width:0;display:flex;gap:10px;align-items:center;background:#fffffff0;border-radius:16px;padding:8px;text-align:left;color:var(--ink)}.clip-prod .pimg{width:62px;flex-shrink:0}.clip-prod>span{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:.85em}.swipe-hint{position:absolute;left:50%;bottom:210px;transform:translate(-50%);z-index:3;background:#0000008c;color:#fff;padding:6px 14px;border-radius:999px;font-size:.8em;font-weight:700;pointer-events:none;animation:fade .4s,bob 1.6s infinite;white-space:nowrap}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}.clip-end{padding:30px;color:#ddd;scroll-snap-align:end}