:root {color-scheme:dark;--bg:#0b0f15;--panel:#151b25;--panel2:#1c2430;--line:#2a3340;--muted:#98a3af;--text:#f7f8f9;--lime:#daff61;--bright:#c7ee4e;--orange:#fc8d6e;--radius:18px;--shadow:0 18px 48px #0005}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-2.7px;font-size:clamp(39px,5.1vw,72px);line-height:1.05;font-weight:850}h2{letter-spacing:-1.1px;font-size:clamp(25px,2.2vw,33px);line-height:1.2}h3{font-size:19px;letter-spacing:-.4px}small{color:var(--muted)}button:disabled{cursor:not-allowed;opacity:.48}input,select,textarea{width:100%;border:1px solid #343d4a;border-radius:12px;padding:12px 14px;background:#10151d;color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px #daff6115}textarea{min-height:94px;resize:vertical}label{display:block;font-weight:650;font-size:13px;margin-bottom:7px}form{width:100%}form>*+*{margin-top:13px}.shell{min-height:100vh}.layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:230px;flex:none;height:100vh;border-right:1px solid #252d3a;padding:30px 18px 20px;background:#0c1017;display:flex;flex-direction:column;gap:32px}.logo{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:900;letter-spacing:-1px}.logoMark{height:35px;width:35px;border-radius:10px;background:var(--lime);display:grid;place-items:center;color:#121718;font-weight:950;font-size:25px}.sideSection{margin-bottom:6px;color:#798490;letter-spacing:2px;font-weight:800;font-size:10px;padding-left:13px}.navLinks{display:flex;flex-direction:column;gap:4px}.navLink{display:flex;align-items:center;gap:13px;color:#aeb8c4;padding:11px 13px;border-radius:12px;font-weight:650;transition:.2s}.navLink:hover,.navLink.active{color:var(--text);background:#202933}.navLink.active{background:#232d2d;color:var(--lime)}.navIcon{width:23px;font-size:20px;line-height:1;text-align:center}.sidebarBottom{margin-top:auto;border-top:1px solid #242d39;padding-top:20px}.sellerBanner{background:#182620;border:1px solid #354632;padding:16px;border-radius:14px}.sellerBanner strong{display:block;color:var(--lime);font-size:14px;margin-bottom:5px}.sellerBanner p{font-size:12px;color:#b6c4b2}.sellerBanner .btn{width:100%;margin-top:15px}.workspace{flex:1;min-width:0}.topbar{height:90px;padding:0 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #222b37;gap:20px}.topSearch{display:flex;align-items:center;background:#171e27;border:1px solid #2b3440;border-radius:100px;padding:0 16px;gap:12px;width:min(445px,50vw);height:47px;color:#818e99}.topSearch input{border:0;background:none;padding:10px 0;outline:0;box-shadow:none;color:var(--text)}.topSearch input:focus{box-shadow:none;border:0}.topRight{display:flex;align-items:center;gap:12px}.roundAvatar{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;background:#493b62;color:#e5d8fa;font-weight:800}.content{padding:35px 48px 110px;max-width:1570px;margin:auto}.eyebrow{font-size:11px;color:var(--lime);font-weight:850;letter-spacing:2.4px;text-transform:uppercase}.muted{color:var(--muted)}.subtle{font-size:13px;color:var(--muted)}.btn{border:0;padding:11px 17px;border-radius:11px;background:#252e3a;color:white;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;white-space:nowrap}.btn:hover{filter:brightness(1.12)}.btnPrimary{background:var(--lime);color:#121816}.btnOutline{border:1px solid #404a58;background:transparent}.btnDanger{background:#6b3036;color:#ffe7e1}.btnSmall{padding:7px 12px;font-size:12px;min-height:33px}.btnWide{width:100%}.stack{display:grid;gap:18px}.hero{min-height:380px;border-radius:24px;overflow:hidden;position:relative;padding:55px 55px;background:radial-gradient(circle at 82% 65%,#717c48 0%,transparent 38%),radial-gradient(circle at 90% -25%,#5d693c 0%,transparent 44%),linear-gradient(120deg,#2d4032,#1c302d 64%,#415041);display:flex;align-items:center;box-shadow:var(--shadow)}.heroText{position:relative;z-index:2;max-width:650px}.heroText .eyebrow{margin-bottom:16px}.heroText h1{max-width:650px}.heroText h1 em{font-style:normal;color:var(--lime)}.heroText p{color:#c8d1c7;max-width:485px;font-size:16px;margin:20px 0 24px}.heroArt{position:absolute;right:-25px;bottom:-230px;transform:rotate(-16deg);width:390px;height:700px;border-radius:220px;background:linear-gradient(135deg,#d0f08735,#2a313400);border:55px solid #daff6130;box-shadow:inset 0 0 90px #0005}.heroArt:after{content:"";position:absolute;inset:60px 42px;border-radius:150px;border:35px solid #e7fbc621}.heroRing{position:absolute;right:130px;top:47px;width:140px;height:140px;border:1px solid #daff6170;border-radius:50%}.heroBadge{position:absolute;right:35px;top:35px;border-radius:12px;padding:11px 13px;background:#08130b9c;color:#d9ff7b;font-size:11px;font-weight:800;letter-spacing:1.4px}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:35px 0 19px}.sectionHead p{color:var(--muted);font-size:13px;margin-top:5px}.pillRow{display:flex;flex-wrap:wrap;gap:9px}.pill{border:1px solid #343c48;background:#1b222d;padding:9px 15px;color:#b6c1cc;border-radius:90px;font-weight:700;font-size:13px}.pill.active{background:var(--lime);color:#15201a;border-color:var(--lime)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.showCard{border:1px solid #2b3440;border-radius:18px;overflow:hidden;background:#151c25;transition:transform .15s,border-color .15s}.showCard:hover{transform:translateY(-3px);border-color:#5b6b70}.cover{position:relative;aspect-ratio:1.3;overflow:hidden;background:#222b3a}.cover img{width:100%;height:100%;object-fit:cover}.cover.compact{aspect-ratio:1.55}.cover:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#080b1180);pointer-events:none}.coverLabel{position:absolute;top:14px;left:14px;z-index:1;background:#111823d9;padding:7px 11px;border-radius:9px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.6px}.coverLabel.live{background:#f35f59;color:white}.viewers{position:absolute;bottom:15px;left:16px;color:white;font-size:12px;font-weight:750;z-index:1}.cardDetails{padding:18px 18px 20px}.cardDetails h3{font-size:18px;margin-bottom:9px}.sellerLine{display:flex;align-items:center;gap:9px;font-size:13px;color:#b0bfcb}.avatar{height:27px;width:27px;border-radius:50%;display:grid;place-items:center;background:#615d7d;color:white;font-size:11px;font-weight:850}.cardFooter{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #2b3440;font-size:12px;color:var(--muted)}.statRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}.stat{border:1px solid var(--line);background:#141b24;padding:22px;border-radius:16px}.stat b{display:block;font-size:31px;letter-spacing:-1px}.stat span{color:var(--muted);font-size:12px}.pageHead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.pageHead p{color:var(--muted);margin-top:7px}.panel{padding:24px;border:1px solid #2d3643;background:#151b25;border-radius:18px}.panel h3{margin-bottom:14px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.formGrid .wide{grid-column:1/-1}.showLayout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.88fr);gap:22px}.videoBox{background:#111821;border:1px solid #29333e;border-radius:20px;overflow:hidden;position:relative;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}.videoBox video{width:100%;height:100%;object-fit:cover;background:#101720}.videoPlaceholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at 55% 48%,#3b4b47,#162024 48%,#0c121a);padding:25px}.videoPlaceholder .play{font-size:38px;color:#d9ff5f;margin-bottom:18px;border-radius:50%;height:78px;width:78px;display:grid;place-items:center;border:1px solid #d9ff5f77;background:#d9ff5f1a}.videoPlaceholder strong{font-size:22px}.videoPlaceholder p{max-width:270px;color:#a4b2b4;font-size:13px;margin-top:8px}.videoOverlay{position:absolute;top:17px;left:17px;background:#ef615b;color:#fff;border-radius:8px;padding:6px 11px;font-weight:850;font-size:12px;letter-spacing:1px}.videoTools{position:absolute;bottom:17px;right:17px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.rhOwnerBroadcastControls[hidden]{display:none!important}.rhVideoReconnect{background:#112620df;border:1px solid #9de2b06b;color:#ecffe7;box-shadow:0 2px 12px #08170d69}.showTitle{margin:17px 0 19px}.showTitle h2{margin-bottom:7px}.auctionPanel{background:#19212b;border:1px solid #394452;border-radius:18px;padding:22px;margin-top:19px}.auctionHeader{display:flex;justify-content:space-between;gap:8px;align-items:center}.price{font-size:43px;font-weight:900;letter-spacing:-2px;color:var(--lime)}.clock{font-size:22px;font-variant-numeric:tabular-nums;font-weight:800}.clock.low{color:var(--orange)}.auctionItem{display:flex;gap:16px;align-items:center;margin:17px 0}.auctionItem img{width:91px;height:91px;object-fit:cover;border-radius:13px}.auctionItem h3{margin-bottom:4px}.bidLine{display:flex;gap:9px;align-items:center;margin-top:17px}.bidLine input{min-width:0;flex:1}.bidLine .btn{flex:none}.chatBox{display:flex;flex-direction:column;min-height:480px;max-height:720px}.chatMessages{min-height:240px;height:380px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:15px;margin-top:13px;padding-right:8px}.chatMessage{font-size:13px;overflow-wrap:anywhere}.chatMessage b{color:#d8ff83;margin-right:8px}.chatComposer{display:flex;gap:8px;padding-top:15px;border-top:1px solid var(--line);margin-top:14px}.chatComposer input{min-width:0}.chatComposer .btn{flex:none}.miniLabel{font-weight:750;font-size:12px;color:#a7b5c0;text-transform:uppercase;letter-spacing:1.2px}.lotGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lotCard{background:#171f2b;border:1px solid #2d3843;border-radius:13px;overflow:hidden}.lotCard img{aspect-ratio:1.25;object-fit:cover;width:100%}.lotCardBody{padding:12px}.lotCardBody b{font-size:13px;display:block}.lotCardBody small{display:block;margin-bottom:10px}.listTable{width:100%;border-collapse:collapse}.listTable th{text-align:left;color:#97a6b3;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:12px 6px;border-bottom:1px solid #343e4a}.listTable td{padding:14px 6px;border-bottom:1px solid #29323e;font-size:13px}.listTable tr:last-child td{border-bottom:0}.listTable a{color:var(--lime)}.empty{border:1px dashed #3d4754;background:#141b23;border-radius:15px;padding:38px;text-align:center}.empty .symbol{font-size:36px;display:block;margin-bottom:12px}.empty p{color:var(--muted);margin:9px auto 17px;max-width:410px}.authWrap{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;max-width:1020px;margin:30px auto}.authLeft h1{font-size:49px}.authLeft p{font-size:16px;color:#b2bec9;margin-top:18px;max-width:380px}.authCard{padding:32px;background:#171f29;border:1px solid #333e4b;border-radius:23px;box-shadow:var(--shadow)}.authCard h2{margin:4px 0 21px}.smallLink{font-size:13px;color:var(--lime);text-decoration:underline;text-underline-offset:4px}.notice{border:1px solid #615c43;background:#2d2b1c;border-radius:13px;padding:14px 17px;font-size:12px;color:#decfa1}.notice strong{color:#f9df8f}.badge{border-radius:7px;padding:5px 8px;background:#2b3642;color:#bdc9d5;font-size:10px;letter-spacing:.6px;text-transform:uppercase;font-weight:850;display:inline-block}.badge.live{background:#692e33;color:#ffcfbf}.badge.green{background:#35462b;color:#ddffb6}.flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.split{display:flex;justify-content:space-between;align-items:center;gap:14px}.mt{margin-top:22px}.mb{margin-bottom:18px}.divider{border:0;border-top:1px solid #2d3743;margin:20px 0}.footer{padding:24px 48px;border-top:1px solid #262e39;color:#8995a3;font-size:12px}.mobileBar{display:none}#toast{position:fixed;right:25px;bottom:25px;z-index:80;max-width:350px;background:#26352b;border:1px solid #6c8f63;color:#f1fff1;padding:13px 17px;border-radius:13px;opacity:0;pointer-events:none;transform:translateY(12px);transition:all .2s;box-shadow:var(--shadow)}#toast.show{opacity:1;transform:translateY(0)}#toast.error{background:#512e34;border-color:#9d5858}.featureStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #2b3540;border-bottom:1px solid #2b3540;margin-top:39px;padding:28px 0}.featureStrip b{display:block;font-size:14px;margin-bottom:4px}.featureStrip p{font-size:12px;color:var(--muted)}.featureStrip .featureIcon{font-size:20px;margin-bottom:6px;color:var(--lime)}.studioActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sectionDivider{margin:25px 0;border:0;border-top:1px solid #2b3743}.bids{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 0}.bidChip{background:#242f3b;padding:6px 10px;border-radius:8px;font-size:11px;color:#b9c8d6}.videoStatus{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:#a2afba}.videoDot{width:7px;height:7px;background:#f0765f;border-radius:50%}.contactSheet{display:grid;grid-template-columns:1fr 1fr;gap:12px}.textWarn{color:#ffc17b;font-size:12px}.hidden{display:none!important}
@media(max-width:1250px){.sidebar{width:205px}.content{padding:32px 30px 100px}.topbar{padding:0 30px}.hero{padding:47px 36px}.showLayout{grid-template-columns:minmax(0,1fr) 320px}.cards{gap:13px}}
@media(max-width:1000px){.sidebar{width:76px;padding:21px 12px}.sidebar .logo .brand,.sidebar .sideSection,.sidebar .navLink span:last-child,.sidebarBottom{display:none}.sidebar .navLink{justify-content:center;padding:13px 10px}.sidebar .navIcon{font-size:22px}.sidebar .logo{justify-content:center}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.heroArt{right:-130px}.showLayout{grid-template-columns:1fr}.chatBox{min-height:400px}.chatMessages{height:240px;min-height:200px}}
@media(max-width:640px){body{font-size:14px}.sidebar{display:none}.topbar{height:71px;padding:0 16px}.topSearch{width:100%;max-width:270px;height:39px}.topSearch input{font-size:12px}.topRight .desktopOnly{display:none}.content{padding:18px 15px 100px}.hero{min-height:315px;padding:28px 25px;border-radius:19px}.hero h1{font-size:43px;letter-spacing:-2px;max-width:330px}.heroText p{font-size:13px;max-width:270px}.heroArt{width:260px;right:-140px;bottom:-170px;border-width:35px}.heroBadge{top:17px;right:15px;font-size:9px}.sectionHead{margin-top:28px}.sectionHead h2{font-size:24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cardDetails{padding:12px}.cardDetails h3{font-size:14px;line-height:1.3}.sellerLine{font-size:11px;gap:5px}.avatar{width:20px;height:20px}.cardFooter{margin-top:10px;padding-top:10px;font-size:10px}.coverLabel{top:8px;left:8px;padding:5px 7px;font-size:9px}.featureStrip{gap:11px}.featureStrip b{font-size:12px}.featureStrip p{font-size:10px}.featureStrip .featureIcon{font-size:17px}.pageHead{align-items:start}.pageHead h2{font-size:25px}.formGrid{grid-template-columns:1fr}.formGrid .wide{grid-column:auto}.mobileBar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#111821;border-top:1px solid #323c45;z-index:20;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.mobileBar a{display:grid;justify-items:center;color:#a6b4bd;gap:2px;min-width:60px;font-size:10px}.mobileBar a.active{color:var(--lime)}.mobileBar .navIcon{font-size:21px}.footer{padding:20px 16px 90px}.statRow{gap:8px}.stat{padding:13px}.stat b{font-size:22px}.stat span{font-size:10px}.authWrap{grid-template-columns:1fr;margin:20px auto;gap:22px}.authLeft h1{font-size:37px}.authCard{padding:23px}.videoBox{aspect-ratio:4/4}.auctionPanel{padding:16px}.price{font-size:35px}.lotGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bidLine{flex-wrap:wrap}.bidLine input{min-width:100%}.bidLine .btn{flex:1}.contactSheet{grid-template-columns:1fr}#toast{left:15px;bottom:78px;right:15px;max-width:unset}}

@media(max-width:640px){.heroBadge{display:none}.heroText .eyebrow{max-width:230px}.heroRing{opacity:.35}.heroText h1{position:relative;z-index:2}}

/* Rag House identity: reveal a compact wordmark when the desktop sidebar is hidden. */
.mobileBrand{display:none;align-items:center;gap:5px;font-size:13px;font-weight:850;white-space:nowrap;letter-spacing:-.35px}
.mobileBrand b{color:var(--lime)}
.mobileBrandMark{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--lime);color:#101518;font-size:16px;font-weight:950}
@media(max-width:640px){.mobileBrand{display:flex;flex:0 0 auto}.topSearch{flex:1;min-width:0;width:auto;max-width:none}.topSearch input{min-width:0}.topRight{flex:0 0 auto}.topbar{gap:8px}.topSearch{padding:0 9px;gap:4px}.topSearch input::placeholder{color:transparent}}

/* v0.5 seller broadcast studio: dedicated immersive view, mobile-first. */
.liveStudio{position:fixed;inset:0;background:#080c0f;color:#f9fafb;z-index:110;display:flex;flex-direction:column;overflow:hidden}
.liveStudioHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 18px;background:#11191c;border-bottom:1px solid #253336;flex-shrink:0;flex-wrap:wrap}
.liveStudioHeader>div:first-child{display:flex;flex-direction:column;gap:3px}.liveStudioHeader small{color:#a6b8bb;font-size:12px}
.liveStudioHeader .flex{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.liveStudioBody{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);min-height:0;flex:1}
.liveStage{position:relative;overflow:hidden;min-height:0;background:#030405;display:flex;align-items:center;justify-content:center}
.liveStage video{height:100%;width:100%;object-fit:contain;max-height:100%}.liveStage .videoPlaceholder{padding:26px;text-align:center}
.liveStageControls{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:10px;flex-wrap:wrap;justify-content:center;min-width:min(90%,460px)}
.liveStudioPanel{overflow-y:auto;padding:20px 18px 50px;background:#10171a;border-left:1px solid #263536}
.liveStudioPanel h3{font-size:1.05rem;margin:6px 0}.liveStudioPanel form{display:flex;flex-direction:column;gap:9px;margin:18px 0}
.liveStudioPanel input{background:#172328;color:#f8fafa;border:1px solid #314147;border-radius:8px;padding:12px;min-height:43px}
.liveStudioPanel label{font-size:12px;color:#c6d6d5}
.quickLots{display:flex;flex-direction:column;gap:8px}.quickLot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #28393c}.quickLot small{color:#9cb3b2}
@media(max-width:850px){.liveStudioHeader{padding:10px}.liveStudioHeader b{font-size:12px}.liveStudioBody{display:flex;flex-direction:column;overflow-y:auto}.liveStage{min-height:min(58dvh,520px);flex:0 0 min(58dvh,520px)}.liveStudioPanel{overflow-y:visible;border-left:0;border-top:1px solid #263536;padding:15px 15px 70px}.liveStageControls{bottom:12px}}
@media(max-width:360px){.liveStudioHeader .flex{gap:5px}.liveStudioHeader .btn{padding:6px}.liveStageControls .btn{padding:8px}}

/* Account-type onboarding and deliberately unobtrusive admin entry point. */
.joinGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1020px;margin:25px auto}
.joinChoice{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-height:305px;padding:30px;border:1px solid #354457;background:#171f29;color:var(--text);border-radius:22px;box-shadow:var(--shadow);transition:border-color .2s,transform .2s}
.joinChoice:hover,.joinChoice:focus-visible{border-color:var(--lime);transform:translateY(-3px);text-decoration:none}
.joinChoice:focus-visible,.footerAdmin:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.joinChoiceIcon{font-size:28px;color:var(--lime);line-height:1}
.joinChoice h3{font-size:25px;margin:0;color:#f0f7f2}
.joinChoice p{color:#b4c0cd;margin:0}
.joinChoice .joinPrice{font-size:13px;color:#cfdae4;font-weight:700;margin-top:auto}
.joinChoice .btn{pointer-events:none}
.footerAdmin{color:#d2dde5;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.footerAdmin:hover{color:var(--lime)}
@media(max-width:720px){.joinGrid{grid-template-columns:1fr;gap:14px}.joinChoice{min-height:235px;padding:22px}.joinChoice h3{font-size:22px}}

/* Owner-only test mode must be recognizable; server-side access controls enforce privacy. */
.privateTestBanner{border:1px solid #4a7057;background:linear-gradient(135deg,#1a2b22,#171f29);border-radius:16px;margin:20px 0;padding:20px}
.privateTestBanner h3{color:#dbf7d7}
.privateTestBanner p{color:#d0e0d5;line-height:1.55}
.privateTestBanner form{display:grid;gap:12px;margin-top:13px}
.privateTestBanner form input{width:100%}

/* Rag House live studio 0.6 — original portrait-first, icon-led mobile experience. */
.ragMobileStudio{background:#070a09}
.ragMobileStudio .liveStage video{object-fit:cover}
.ragStudioRail{position:absolute;z-index:26;top:22px;right:16px;display:flex;flex-direction:column;gap:10px}
.ragStudioIcon{width:50px;min-height:47px;border-radius:17px;border:1px solid #ffffff42;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#080f10c9;backdrop-filter:blur(12px);color:#fff;font-size:21px;font-weight:700;cursor:pointer}
.ragStudioIcon small{font-size:10px;font-weight:600;color:#dfebe2}
.ragStudioIcon:focus-visible,.ragDrawerHeader button:focus-visible{outline:2px solid #b2ef79;outline-offset:3px}
.ragStudioIcon:hover{border-color:#b6ef8a}
.ragStudioDrawer{transition:transform .2s ease,opacity .2s ease}
.ragStudioDrawer.ragDrawerClosed{transform:translateY(110%);opacity:0;pointer-events:none}
.ragDrawerHeader{position:sticky;z-index:3;top:-1px;display:flex;align-items:center;justify-content:space-between;background:#101719;padding:8px 0 14px;margin-bottom:12px;border-bottom:1px solid #314142}
.ragDrawerHeader strong{font-size:16px}
.ragDrawerHeader button{width:35px;height:35px;border:1px solid #54605e;border-radius:50%;background:#1c2624;color:#fff;font-size:18px;cursor:pointer}
.ragDrawerInfo{padding:8px 0 30px}
.ragDrawerInfo form{display:flex;gap:10px;flex-direction:column}
.ragDrawerInfo p{color:#bbc8c4}
.ragChatLog{max-height:190px;overflow-y:auto;border-radius:10px;background:#1b2729;padding:12px}
.ragChatLog p{margin:0 0 8px}
.ragFormRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ragFormRow input,.ragFormRow select{width:100%}
.ragLiveLotBadge{position:absolute;z-index:17;bottom:88px;left:18px;right:85px;max-width:420px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#fff;text-shadow:0 1px 5px #000;padding:10px;background:linear-gradient(90deg,#07100edb,#07100e44);border-radius:14px}
.ragLiveLotBadge b{font-size:15px;line-height:1.2}
.ragLiveLotBadge strong{font-size:24px;color:#c6fe8d}
.ragShopQuantity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.ragShopQuantity select{width:100px;min-height:36px;border-radius:8px;background:#192426;color:#fff;border:1px solid #587069;padding:8px}
@media(max-width:850px){
 .ragMobileStudio{height:100dvh}
 .ragMobileStudio .liveStudioHeader{position:absolute;z-index:27;top:0;left:0;right:0;border:0;background:linear-gradient(#020809b8,transparent);padding:calc(10px + env(safe-area-inset-top)) 74px 12px 12px;min-height:70px;align-items:flex-start}
 .ragMobileStudio .liveStudioHeader .flex{gap:5px}
 .ragMobileStudio .liveStudioHeader .btn{font-size:10px;padding:5px 7px}
 .ragMobileStudio .liveStudioBody{display:block;position:absolute;inset:0;overflow:hidden}
 .ragMobileStudio .liveStage{position:absolute;inset:0;width:100%;height:100%;min-height:100%;max-height:100%;flex:none}
 .ragMobileStudio .liveStage video{height:100%;width:100%;object-fit:cover}
 .ragMobileStudio .ragStudioRail{top:calc(100px + env(safe-area-inset-top));right:11px;gap:8px}
 .ragMobileStudio .ragStudioIcon{width:46px;min-height:45px;font-size:20px;border-radius:13px}
 .ragMobileStudio .liveStageControls{bottom:calc(15px + env(safe-area-inset-bottom));left:50%;z-index:22;max-width:calc(100% - 24px);min-width:0;width:auto;white-space:nowrap;flex-wrap:nowrap}
 .ragMobileStudio .liveStageControls .btn{font-size:12px;padding:9px}
 .ragMobileStudio .ragLiveLotBadge{bottom:calc(72px + env(safe-area-inset-bottom));left:12px;right:65px}
 .ragMobileStudio .ragStudioDrawer{position:absolute;z-index:40;bottom:0;left:0;right:0;width:100%;height:min(64dvh,620px);max-height:calc(100dvh - 85px);background:#101819f7;backdrop-filter:blur(16px);border:1px solid #4b605a;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 -15px 45px #0008;overflow-y:auto;padding:15px 18px calc(25px + env(safe-area-inset-bottom))}
 .ragMobileStudio .ragDrawerHeader{top:-15px;padding:16px 0 13px}
 .ragMobileStudio .ragStudioRail{z-index:23}
}
@media(max-width:390px){.ragMobileStudio .ragStudioIcon{width:42px;min-height:43px}.ragMobileStudio .liveStudioHeader{padding-right:62px}.ragMobileStudio .liveStageControls .btn{font-size:10px}.ragFormRow{grid-template-columns:1fr}}

/* Rag House unified livestream room: one immersive buyer interface for every show.
   Original styling, using conventional live-video interaction patterns. */
.rhViewerMobile{display:none}
@media(max-width:850px){
  .rhShowPage>.pageHead,.rhShowPage .showLayout>div:nth-child(2),.rhShowPage .showLayout>div:first-child>.showTitle,.rhShowPage .showLayout>div:first-child>.panel,.rhShowPage .showLayout>div:first-child>.sectionHead,.rhShowPage .showLayout>div:first-child>.lotGrid{display:none!important}
  .rhShowPage .showLayout{display:block;overflow:visible}
  .rhShowPage .videoBox{position:fixed;inset:0;width:100%;height:100dvh;max-width:100vw;aspect-ratio:auto;z-index:115;border:0;border-radius:0;background:#070a0c}
  .rhShowPage .videoBox>video{width:100%;height:100%;object-fit:cover}
  .rhShowPage .videoBox>.videoPlaceholder{background:linear-gradient(180deg,#1b332c,#0c1519 65%);color:#f6fbfa}
  .rhShowPage .videoBox>.videoOverlay,.rhShowPage .videoBox>.videoTools{display:none!important}
  .rhViewerMobile{display:block;position:absolute;inset:0;z-index:15;color:#fff;pointer-events:none;font-family:inherit}
  .rhViewerMobile>*{pointer-events:auto}
  .rhViewerTop{position:absolute;top:0;left:0;right:0;z-index:18;display:flex;align-items:center;gap:8px;min-height:90px;padding:calc(10px + env(safe-area-inset-top)) 14px 13px;background:linear-gradient(#000a,#0000)}
  .rhViewerBack{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:32px;background:#0007;color:#fff;text-decoration:none;line-height:1}
  .rhHostAvatar{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#d9ff5f;color:#101614;font-size:13px;font-weight:900;border:2px solid #d9ff5f}
  .rhHostInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-shadow:0 2px 8px #000}
  .rhHostInfo strong,.rhHostInfo small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
  .rhHostInfo strong{font-size:13px;font-weight:800}
  .rhHostInfo small{font-size:10px;color:#e6edeb;max-width:160px}
  .rhLivePill{flex:none;background:#e94748;color:white;padding:5px 7px;font-size:10px;font-weight:900;border-radius:7px}
  .rhMobileCount{flex:none;color:#fff;background:#0008;font-size:10px;border-radius:8px;padding:5px 7px;white-space:nowrap}
  .rhPrivatePill{flex:none;background:#123621cc;border:1px solid #b1e789;color:#d8ffd1;padding:5px;border-radius:7px;font-size:9px;font-weight:850}
  .rhViewerRail{position:absolute;right:11px;top:calc(115px + env(safe-area-inset-top));z-index:19;display:flex;flex-direction:column;gap:8px}
  .rhViewerRail button,.rhViewerRail a{width:46px;height:48px;border-radius:15px;border:1px solid #f2ffed50;background:#071414d9;backdrop-filter:blur(9px);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;font-size:21px;font-weight:800;line-height:1;gap:4px;cursor:pointer}
  .rhViewerRail small{font-size:9px;font-weight:750;color:#e7f5ec}
  .rhViewerRail button:focus-visible,.rhViewerRail a:focus-visible,.rhQuickBid:focus-visible,.rhViewerChatComposer input:focus-visible{outline:2px solid #d9ff5f;outline-offset:2px}
  .rhViewerChatPeek{position:absolute;bottom:calc(297px + env(safe-area-inset-bottom));left:12px;right:71px;z-index:16;display:flex;flex-direction:column;gap:4px;max-height:93px;overflow:hidden;justify-content:flex-end;text-shadow:0 2px 5px #000}
  .rhViewerChatPeek p{margin:0;font-size:12px;line-height:17px;max-width:100%;width:max-content;overflow-wrap:anywhere;padding:3px 8px;border-radius:10px;background:#050b0b70}
  .rhViewerChatPeek b{color:#d9ff5f}
  .rhViewerChatPeek .rhEmptyChat{color:#c7d3d4}
  .rhViewerProduct{position:absolute;left:10px;right:10px;bottom:calc(69px + env(safe-area-inset-bottom));z-index:19;padding:11px 12px 12px;background:linear-gradient(125deg,#08100fef,#141d1de6);box-shadow:0 8px 26px #0009;border:1px solid #ffffff30;border-radius:15px;backdrop-filter:blur(12px)}
  .rhItemIdentity{display:flex;align-items:center;gap:9px;min-width:0}
  .rhItemIdentity img{width:52px;height:52px;object-fit:cover;border-radius:9px;border:1px solid #cde7d242;flex:none}
  .rhItemIdentity>div{min-width:0;flex:1}
  .rhItemIdentity h3{color:white;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;margin:2px 0}
  .rhItemStage{display:block;color:#d9ff5f;font-size:9px;font-weight:900;letter-spacing:.6px}
  .rhItemPostage{font-size:10px;color:#d6e1df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rhAuctionClock{padding:6px 7px;border-radius:9px;background:#181f22;border:1px solid #e4eab03d;color:#fff;font-size:17px;font-weight:850;font-variant-numeric:tabular-nums;flex:none}
  .rhAuctionClock.low{color:#ffbe86}
  .rhOffer{display:flex;align-items:baseline;gap:9px;margin:7px 0}
  .rhOffer>span{font-size:11px;color:#c6d1ce}
  .rhOffer strong{font-size:26px;color:#d9ff5f;letter-spacing:-.5px}
  .rhOffer small{color:#c3d0cb;margin-left:auto;font-size:10px}
  .rhViewerPurchase{min-height:44px}
  .rhBidForm{display:flex;gap:8px;align-items:center;margin:0}
  .rhBidForm input{flex:0 0 90px;min-width:0;width:90px;min-height:43px;padding:8px 7px;text-align:center;border-radius:11px;border:1px solid #899c96;background:#1a2726;color:#fff;font-size:15px}
  .rhQuickBid{flex:1;min-height:43px;border:0;border-radius:13px;background:#d9ff5f;color:#111c0c;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;text-decoration:none;padding:9px 12px;cursor:pointer}
  .rhNoBid{display:grid;place-items:center;min-height:40px;color:#cbd3d1;font-size:12px}
  .rhViewerChatComposer{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom));left:11px;right:11px;z-index:19;display:flex;gap:7px;margin:0}
  .rhViewerChatComposer input{min-width:0;flex:1;min-height:42px;background:#08110ecc;border:1px solid #ffffff65;color:#fff;border-radius:23px;padding:10px 15px;font-size:14px}
  .rhViewerChatComposer input::placeholder{color:#d4d8d4}
  .rhViewerChatComposer button{flex:none;width:42px;height:42px;border-radius:50%;border:0;color:#182318;font-weight:950;background:#d9ff5f}
  .rhViewerChatComposer button:disabled{opacity:.45}
  .rhViewerSheet{display:none;position:absolute;inset:auto 0 0 0;z-index:35;max-height:76dvh;min-height:210px;background:#121b1cf9;border-radius:22px 22px 0 0;padding:16px 17px calc(28px + env(safe-area-inset-bottom));border-top:1px solid #637b72;overflow-y:auto;box-shadow:0 -10px 55px #000a}
  .rhViewerSheet.rhViewerSheetOpen{display:block}
  .rhSheetHead{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-16px;background:#121b1c;padding:12px 0;border-bottom:1px solid #384c49}
  .rhSheetHead strong{font-size:17px}
  .rhSheetHead button{color:#fff;border:1px solid #6c8580;background:#283333;border-radius:50%;width:35px;height:35px}
  .rhSheetList{display:flex;flex-direction:column;gap:12px;padding:13px 0}
  .rhSheetItem{display:flex;gap:13px;align-items:center;border-bottom:1px solid #334241;padding-bottom:10px}
  .rhSheetItem img{width:60px;height:60px;object-fit:cover;border-radius:11px}
  .rhSheetItem div{display:flex;flex-direction:column;gap:4px}
  .rhSheetItem small{color:#b9c6be}
  .rhSheetAction{display:block;margin:20px 0;background:#d9ff5f;padding:13px 17px;text-align:center;border-radius:12px;font-weight:850;color:#152010;text-decoration:none}
  .rhSheetCaution{color:#ccd2d0;font-size:12px}
  .rhSheetMessages{max-height:300px;overflow-y:auto}
  .rhSheetMessages p{border-bottom:1px solid #354542;padding:9px 0;margin:0}
}
@media(max-width:390px){
 .rhViewerTop{padding-left:9px;padding-right:9px;gap:6px}
 .rhViewerRail{right:7px}
 .rhViewerRail button,.rhViewerRail a{width:41px;height:44px}
 .rhHostInfo small{max-width:105px}
 .rhMobileCount{display:none}
 .rhViewerProduct{left:7px;right:7px;padding:9px}
 .rhItemIdentity img{width:43px;height:43px}
 .rhBidForm input{flex-basis:75px;width:75px}
 .rhQuickBid{font-size:13px}
}

/* Seller camera chat uses the same overlay language as the viewer room. */
.ragSellerChatPeek{position:absolute;left:18px;right:100px;bottom:calc(165px + env(safe-area-inset-bottom));z-index:17;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;max-height:85px;overflow:hidden;pointer-events:none}
.ragSellerChatPeek p{margin:0;max-width:max-content;background:#06120faa;border-radius:9px;padding:4px 8px;font-size:12px;line-height:18px;color:white;text-shadow:0 2px 5px #000}
.ragSellerChatPeek b{color:#d9ff5f}
@media(min-width:851px){.ragSellerChatPeek{bottom:155px}}

/* Single owner sign-in: replaces the browser-level HTTP Basic dialog in staging. */
.rhOwnerEntry{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(ellipse at 25% 4%,#2b4237,#0b1218 58%,#090d12)}
.rhOwnerEntry .authWrap{display:flex;align-items:center;justify-content:center;width:100%;max-width:520px;margin:0;gap:0}
.rhOwnerEntry .authLeft{display:none}
.rhOwnerEntry .authCard{width:100%;max-width:480px;border:1px solid #4a6155;border-radius:22px;box-shadow:0 20px 75px #0008;background:#142021}
.rhOwnerEntry .authCard h2{font-size:clamp(28px,7vw,38px)}
.rhOwnerEntry .authCard input{min-height:50px;font-size:16px}
.rhOwnerEntry .authCard .btn{min-height:49px}
@media(max-width:640px){.rhOwnerEntry{padding:17px 13px}.rhOwnerEntry .authCard{padding:24px 20px}.rhOwnerEntry .authWrap{width:100%}}

/* Preview signup pages remain navigable, but private registration is disabled. */
.rhOwnerEntry .rhPreviewJoin{width:min(100%,980px)}
.rhOwnerEntry .rhPreviewJoin .pageHead{max-width:980px;margin:0 auto}
.rhOwnerEntry .rhPreviewJoin .joinGrid{width:100%}
.rhOwnerEntry .rhPreviewJoin .joinChoice{min-width:0}
.rhOwnerEntry .authCard .stack > a.btn{display:flex;justify-content:center;text-align:center}
@media(max-width:720px){.rhOwnerEntry .rhPreviewJoin{padding-top:12px;padding-bottom:24px}}

/* Immersive live-room viewport: all controls start inside the usable device frame. */
@media (max-width:850px) {
  body.rhStreamFixed {width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}
  body.rhStreamFixed #app {position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden}
  body.rhStreamFixed .rhShowPage, body.rhStreamFixed .ragMobileStudio {width:100%;max-width:100%;overflow:hidden}
  body.rhStreamFixed .rhViewerMobile {width:100%;max-width:100%;overflow:hidden;touch-action:manipulation}
  body.rhStreamFixed .rhShowPage .videoBox {width:100%;max-width:100%;height:100dvh;overflow:hidden}
  body.rhStreamFixed .ragMobileStudio {height:100dvh;max-height:100dvh}
  body.rhStreamFixed .ragMobileStudio .liveStageControls {right:12px;left:12px;transform:none;width:auto;max-width:none;justify-content:center;gap:6px}
  body.rhStreamFixed .ragMobileStudio .liveStageControls .btn {min-width:0;padding:8px 10px;white-space:normal;line-height:1.15}
  body.rhStreamFixed input, body.rhStreamFixed select, body.rhStreamFixed textarea {font-size:16px}
  .rhPlayAction {font-size:clamp(23px,7vw,34px);line-height:1;cursor:pointer;touch-action:manipulation;border:1px solid #d9ff5f8f;color:#d9ff5f;background:#08120ecc}
  .rhPlayAction:disabled {cursor:default}
  .rhViewerTop {max-width:100%;min-width:0;overflow:hidden}
  .rhHostInfo {min-width:0}
  .rhViewerTop .rhPrivatePill {position:absolute;top:calc(59px + env(safe-area-inset-top));right:10px}
  .rhViewerRail {max-width:calc(100vw - 14px)}
  .rhViewerProduct,.rhViewerChatComposer,.rhViewerSheet {max-width:100%;min-width:0}
  .ragMobileStudio .liveStudioHeader {max-width:100%;overflow:hidden}
  .ragMobileStudio .liveStudioHeader>div:first-child {max-width:calc(100% - 60px);min-width:0}
  .ragMobileStudio .liveStudioHeader b,.ragMobileStudio .liveStudioHeader small {display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (max-width:550px) {
  .rhMobileCount {display:none}
  .rhViewerTop {gap:6px;padding-left:10px;padding-right:10px}
  .rhHostAvatar {width:32px;height:32px}
  .rhViewerRail {right:8px;gap:5px}
  .rhViewerRail button,.rhViewerRail a {width:42px;height:43px;font-size:19px}
  .ragMobileStudio .ragStudioRail {right:8px;gap:5px}
  .ragMobileStudio .ragStudioIcon {width:42px;min-height:42px;font-size:19px}
}
@media (max-width:850px) and (max-height:700px) {
  .rhViewerRail {top:calc(83px + env(safe-area-inset-top));gap:3px}
  .rhViewerRail button,.rhViewerRail a {height:37px;width:40px;border-radius:10px;font-size:18px}
  .rhViewerRail small,.ragMobileStudio .ragStudioIcon small {font-size:9px}
  .rhViewerChatPeek {display:none}
  .rhViewerProduct {bottom:calc(61px + env(safe-area-inset-bottom));padding:8px}
  .rhViewerChatComposer {bottom:calc(7px + env(safe-area-inset-bottom))}
  .rhViewerChatComposer input,.rhViewerChatComposer button {min-height:39px;height:39px}
  .ragMobileStudio .ragStudioRail {top:calc(78px + env(safe-area-inset-top));display:grid;grid-template-columns:repeat(2,40px);gap:4px}
  .ragMobileStudio .ragStudioIcon {width:40px;min-height:37px;font-size:17px}
  .ragMobileStudio .ragLiveLotBadge {bottom:calc(62px + env(safe-area-inset-bottom));right:104px}
}

/* Price tiers inside the full-screen shipping drawers; they never exceed device width. */
.ragRateList{display:grid;gap:7px;width:100%;min-width:0;margin:12px 0}
.ragRate{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 12px;background:#1c2929;border:1px solid #3d5350;border-radius:11px;font-size:13px}
.ragRate>span{display:block;min-width:0;font-weight:750}
.ragRate small{display:block;font-size:10px;color:#b8c7c5;font-weight:450;white-space:normal;line-height:1.3}
.ragRate b{flex:none;color:#d9ff5f;font-variant-numeric:tabular-nums;font-size:15px}

/* iPhone livestream mode: device-sized viewport without pinch, double-tap zoom or overflow. */
@media (max-width:850px) {
  html:has(body.rhStreamFixed) {width:100%;max-width:100%;height:100%;overflow:hidden;touch-action:pan-x pan-y}
  body.rhStreamFixed,body.rhStreamFixed #app,body.rhStreamFixed .rhShowPage,body.rhStreamFixed .ragMobileStudio {touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%;max-width:100vw}
  body.rhStreamFixed .rhShowPage .videoBox,body.rhStreamFixed .ragMobileStudio .liveStage {touch-action:pan-x pan-y}
  body.rhStreamFixed [data-chat-view="peek"] {display:flex!important;min-width:0}
  .rhViewerChatPeek {max-height:min(140px,23dvh);bottom:calc(254px + env(safe-area-inset-bottom));right:65px;overflow:hidden;gap:3px}
  .ragSellerChatPeek {max-height:min(145px,23dvh);bottom:calc(120px + env(safe-area-inset-bottom));right:96px;overflow:hidden}
  .rhViewerChatPeek .rhChatRow,.ragSellerChatPeek .rhChatRow {width:fit-content;max-width:100%;line-height:1.35;font-size:12px;overflow-wrap:anywhere}
  .rhViewerSheet,.ragStudioDrawer {touch-action:pan-y}
  .rhViewerChatComposer input,.ragStudioDrawer input,.ragStudioDrawer select,.ragStudioDrawer textarea {font-size:16px!important}
}
@media (max-width:850px) and (max-height:700px) {
  .rhViewerChatPeek {display:flex!important;bottom:calc(225px + env(safe-area-inset-bottom));max-height:78px;right:62px}
  .ragSellerChatPeek {display:flex!important;bottom:calc(104px + env(safe-area-inset-bottom));max-height:88px}
}
.rhChatRow {display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;line-height:1.45;overflow-wrap:anywhere}
.rhChatUser {font-weight:900;color:#d9ff5f;white-space:nowrap}
.rhChatHost {color:#fff3ae}
.rhChatRole {font-size:9px;font-weight:850;border-radius:5px;padding:1px 4px;background:#d9ff5f;color:#10200f;letter-spacing:.4px}
.rhChatText {color:#f5faf5;word-break:break-word}
.rhViewerSheet .rhChatRow,.ragChatLog .rhChatRow,.chatMessages .rhChatRow {padding:7px 3px;border-bottom:1px solid #415046;max-width:100%;width:100%;background:none}
.rhCameraSwitch {border-color:#d9ff5f!important}
.rhCameraPaused #roomVideo {visibility:hidden!important}
.rhCameraPaused .videoPlaceholder {display:flex!important;z-index:2;background:linear-gradient(#142120,#080f13)!important}
.rhCameraPaused .videoPlaceholder .play {display:none}

/* Seller-controlled chat: pinned messages, settings and per-message moderation. */
.rhPinnedNotice {display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid #d9ff5f99;background:#0c1714ed;color:#f4faf1;border-radius:10px;min-width:0;max-width:100%;box-shadow:0 5px 20px #0008}
.rhPinnedNotice.hidden {display:none!important}
.rhPinnedNotice b {font-size:10px;letter-spacing:1px;color:#d9ff5f;font-weight:900}
.rhPinnedNotice span {font-size:12px;line-height:1.35;overflow-wrap:anywhere;max-width:100%;font-weight:650}
.rhChatRow {align-items:baseline}
.ragChatSettings {padding:10px 0 14px;display:grid;gap:7px;border-bottom:1px solid var(--line);margin-bottom:9px}
.ragChatSettings form {display:grid;gap:7px}
.ragChatSettings form input,.ragChatSettings form select {width:100%;min-width:0}
.ragChatSettings h4 {font-size:14px;margin:0}
.ragChatSettings small {color:var(--muted)}
.ragModerationMessage {border-bottom:1px solid #30413b;padding:4px 0}
.ragModerationMessage .rhChatRow {border:0!important;padding:3px 0}
.ragModActions {display:flex;gap:7px;justify-content:flex-end;margin:1px 0 3px}
.ragModButton {font-size:11px;font-weight:750;padding:4px 8px;border:1px solid #728177;border-radius:7px;background:#14201b;color:#e7f0e6;min-height:28px}
.ragModButton:active {background:#35493d}
@media(max-width:850px) {
 .rhViewerMobile>.rhPinnedNotice {position:absolute;top:calc(95px + env(safe-area-inset-top));left:12px;right:70px;z-index:22;max-height:72px;overflow:hidden;pointer-events:none}
 .ragMobileStudio .liveStage>.rhPinnedNotice {position:absolute;top:calc(92px + env(safe-area-inset-top));left:12px;right:94px;z-index:22;max-height:72px;overflow:hidden;pointer-events:none}
 .ragMobileStudio .ragDrawerInfo .rhPinnedNotice {position:static;margin:8px 0;pointer-events:none}
 .rhShowPage .chatBox>.rhPinnedNotice {display:none}
 .rhViewerChatPeek,.ragSellerChatPeek {min-height:0}
}
@media(min-width:851px){
 .rhViewerMobile>.rhPinnedNotice {position:absolute;left:15px;right:15px;top:65px;z-index:22}
 .ragMobileStudio .liveStage>.rhPinnedNotice {position:absolute;left:15px;right:120px;top:65px;z-index:12}
 .ragMobileStudio .ragDrawerInfo .rhPinnedNotice {position:static;margin:8px 0}
}

/* Buy It Now inside the live camera: only this show seller's stock. */
.rhStreamShopList {display:grid;gap:10px;min-width:0;max-width:100%;max-height:min(52dvh,480px);overflow-y:auto;overscroll-behavior:contain;padding:4px 2px 14px;touch-action:pan-y}
.rhStreamShopCard {display:grid;grid-template-columns:80px minmax(0,1fr);gap:11px;border:1px solid #5b756b;background:#101d1b;padding:9px;border-radius:12px;min-width:0;color:#f1f8f2}
.rhStreamShopCard>img {width:80px;height:106px;object-fit:cover;border-radius:8px;background:#1b2727}
.rhStreamShopBody {min-width:0;display:grid;gap:5px}
.rhStreamShopBody>strong {font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.rhStreamShopBody .subtle {font-size:12px;color:#c4d2c9;line-height:1.25}
.rhStreamShopBody small {color:#c6d1c5}
.rhStreamPrice {font-size:18px;color:#d9ff5f}
.rhStreamShopBody label {display:flex;align-items:center;gap:10px;color:#e7f4e5;font-size:12px}
.rhStreamShopBody input {width:63px;min-width:0;padding:7px;border-radius:8px;border:1px solid #637769;background:#080f0e;color:white;font-size:16px;touch-action:auto}
.rhStreamItemTotal {font-size:12px!important;line-height:1.35;color:#e1f6dc;overflow-wrap:anywhere}
.rhStreamShopBody button {width:fit-content;max-width:100%;white-space:normal}
.rhStreamShopEmpty {padding:12px;color:#b9c7c1}
.rhViewerSheet .rhStreamShopList,.ragDrawerInfo .rhStreamShopList {width:100%;margin:6px 0 9px}
.rhLiveDiagnostics {display:grid;grid-template-columns:minmax(0,1fr);gap:3px;margin:9px 0 14px;color:#e5f2e8}
.rhLiveDiagnostics>div {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:8px;border-bottom:1px solid #38493f;padding:6px 0;font-size:12px}
.rhLiveDiagnostics b {font-weight:750;color:#bcd8be}
.rhLiveDiagnostics span {overflow-wrap:anywhere;color:#f0f8ea;text-align:right}
.rhLiveDiagnostics p {font-size:11px;color:#bdcabe;padding:6px 0;line-height:1.4}
@media(max-width:850px) {
 .rhViewerRail {max-height:calc(100dvh - 190px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}
 .rhViewerRail::-webkit-scrollbar {display:none}
 .rhViewerSheet .rhStreamShopList {max-height:min(45dvh,380px)}
 .rhStreamShopCard {grid-template-columns:68px minmax(0,1fr);gap:8px;padding:8px}
 .rhStreamShopCard>img {width:68px;height:90px}
 .ragStudioRail {max-height:calc(100dvh - 158px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}
 .ragStudioRail::-webkit-scrollbar {display:none}
}

/* Compact portrait stream icon trays: all core controls visible without zooming the page. */
@media(max-width:850px) {
 body.rhStreamFixed .rhViewerRail {display:grid;grid-template-columns:repeat(2,42px);gap:5px;right:8px;top:calc(113px + env(safe-area-inset-top));max-height:calc(100dvh - 255px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}
 body.rhStreamFixed .rhViewerRail button,body.rhStreamFixed .rhViewerRail a {width:42px;height:42px;border-radius:12px;font-size:18px;min-height:42px}
 body.rhStreamFixed .rhViewerRail small {font-size:8px}
 body.rhStreamFixed .ragStudioRail {display:grid;grid-template-columns:repeat(2,42px);gap:5px;right:8px;top:calc(101px + env(safe-area-inset-top));max-height:calc(100dvh - 255px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}
 body.rhStreamFixed .ragStudioIcon {width:42px;min-height:42px;height:42px;border-radius:12px;font-size:18px}
 body.rhStreamFixed .ragStudioIcon small {font-size:8px}
 body.rhStreamFixed .rhViewerChatPeek {right:105px}
 body.rhStreamFixed .ragSellerChatPeek {right:110px}
}
@media(max-width:380px) and (max-height:680px) {
 body.rhStreamFixed .rhViewerRail {top:calc(98px + env(safe-area-inset-top));gap:4px}
 body.rhStreamFixed .ragStudioRail {top:calc(92px + env(safe-area-inset-top));gap:4px}
 body.rhStreamFixed .rhViewerRail button,body.rhStreamFixed .rhViewerRail a,body.rhStreamFixed .ragStudioIcon {width:40px;height:39px;min-height:39px}
 body.rhStreamFixed .rhViewerRail,body.rhStreamFixed .ragStudioRail {grid-template-columns:repeat(2,40px)}
}

/* RAG HOUSE global fixed-width mobile app: prevent page-scale gestures, layout overflow and sideways panning. */
html.rhFixedWidth,html.rhFixedWidth body {width:100%;max-width:100%;min-width:0;overflow-x:clip;overscroll-behavior-x:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.rhFixedWidth #app {width:100%;max-width:100%;min-width:0;overflow-x:clip}
html.rhFixedWidth .layout,html.rhFixedWidth .workspace,html.rhFixedWidth .content,html.rhFixedWidth main,html.rhFixedWidth .topbar,html.rhFixedWidth .pageHead,html.rhFixedWidth .showLayout,html.rhFixedWidth .liveStudio {min-width:0;max-width:100%}
html.rhFixedWidth .cards,html.rhFixedWidth .lotGrid,html.rhFixedWidth .statRow,html.rhFixedWidth .flex,html.rhFixedWidth .formGrid {min-width:0;max-width:100%}
html.rhFixedWidth img,html.rhFixedWidth video {max-width:100%}
@media (max-width:850px){
 html.rhFixedWidth,html.rhFixedWidth body,html.rhFixedWidth #app {touch-action:pan-y;overflow-x:hidden;overscroll-behavior-x:none}
 html.rhFixedWidth .layout,html.rhFixedWidth .workspace,html.rhFixedWidth .content {max-width:100vw;width:100%;min-width:0;overflow-x:hidden}
 html.rhFixedWidth .pageHead,html.rhFixedWidth .topbar,html.rhFixedWidth .cards,html.rhFixedWidth .lotGrid,html.rhFixedWidth .statRow,html.rhFixedWidth .formGrid,html.rhFixedWidth .authWrap {max-width:100%;min-width:0;overflow-x:clip}
 html.rhFixedWidth .split,html.rhFixedWidth .flex {flex-wrap:wrap;min-width:0;max-width:100%}
 html.rhFixedWidth input,html.rhFixedWidth textarea,html.rhFixedWidth select {font-size:16px!important;max-width:100%;min-width:0}
 html.rhFixedWidth .sidebar {max-width:100vw}
 html.rhFixedWidth .mobileBar {left:0;right:0;width:100%;max-width:100vw;overflow-x:hidden}
}
/* Accessible exit routes remain present even when a show is scheduled, ended or video is unavailable. */
.rhInactiveShowNav,.rhInactiveStudioNav {position:absolute;z-index:45;top:34%;left:12px;right:12px;max-width:420px;margin:auto;display:grid;gap:9px;padding:18px;border:1px solid #d9ff5f80;background:#091611f2;box-shadow:0 18px 48px #0009;border-radius:15px;color:#f4fffa;text-align:center}
.rhInactiveShowNav strong,.rhInactiveStudioNav h2 {font-size:19px;font-weight:900;line-height:1.3}
.rhInactiveShowNav p,.rhInactiveStudioNav p {font-size:13px;line-height:1.4;color:#bcd3c8}
.rhInactiveShowNav>div,.rhInactiveStudioNav>div {display:flex;gap:7px;justify-content:center;flex-wrap:wrap}
.rhInactiveShowNav .btn,.rhInactiveStudioNav .btn {white-space:normal;min-height:36px;display:inline-flex;align-items:center;justify-content:center}
.rhViewerMobile>.rhInactiveShowNav {pointer-events:auto}
.ragMobileStudio .liveStage>.rhInactiveStudioNav {z-index:46}
@media(max-width:850px){
 .rhInactiveShowNav,.rhInactiveStudioNav {top:32%;left:11px;right:11px;padding:13px;max-width:335px}
 .rhInactiveShowNav strong,.rhInactiveStudioNav h2 {font-size:17px}
 .rhInactiveShowNav .btn,.rhInactiveStudioNav .btn {font-size:12px;padding:8px}
}
/* Desktop-first admin operations; phones show fast marketplace and live seller shortcuts. */
.rhAdminWorkspace {width:100%;max-width:100%;min-width:0}
.rhAdminHero {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}
.rhAdminHeroAction {display:flex;flex-direction:column;gap:8px;padding:21px;border:1px solid #465d49;border-radius:15px;background:#17271d;min-width:0}
.rhAdminHeroAction:hover,.rhAdminHeroAction:focus-visible {border-color:#d9ff5f;outline-offset:2px}
.rhAdminHeroAction b {color:#e1ff9b;font-size:18px}
.rhAdminHeroAction span {color:#c6d6ca;font-size:13px;line-height:1.4}
.rhAdminSecurity {scroll-margin-top:25px}
.rhAdminSession {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #3d4c43;min-width:0}
.rhAdminSession span:first-child {min-width:0;display:grid;gap:5px}
.rhAdminSession small {color:#bccdbf;overflow-wrap:anywhere}
@media(min-width:851px){
 .rhAdminWorkspace .statRow {grid-template-columns:repeat(6,minmax(0,1fr))}
 .rhAdminWorkspace .panel {padding:25px}
}
@media(max-width:850px){
 .rhAdminHero {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .rhAdminHeroAction {padding:13px;gap:5px}
 .rhAdminHeroAction b {font-size:14px}
 .rhAdminHeroAction span {font-size:11px}
 .rhAdminHeroAction:first-child {grid-column:1/-1}
 .rhAdminSession {flex-wrap:wrap}
}

/* End-of-livestream parcel grouping and seller/recipient fulfilment status. */
.rhSerialPolicy {display:block;padding:9px;border:1px solid #8dcf8b55;background:#12261a;border-radius:9px;color:#dcffbf;font-size:12px}
.rhFulfilmentTabs {display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.rhShipmentOverview {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px}
.rhShipmentOverview>.stat {min-width:0}
.rhShipmentList {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:16px;align-items:start}
.rhShipmentCard {min-width:0;display:grid;gap:15px}
.rhShipmentHead {display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px}
.rhShipmentHead>div {display:grid;gap:5px;min-width:0;flex:1}
.rhShipmentHead>div>span {font-size:12px;color:#c3d3c8}
.rhShipmentHead h3 {font-size:20px;line-height:1.25;overflow-wrap:anywhere}
.rhShipmentSub {font-size:10px;color:#cfe5bd;letter-spacing:0.06em;font-weight:800}
.rhShipmentItems {display:grid;gap:0;border:1px solid #4a5a51;border-radius:10px;overflow:hidden}
.rhShipmentItem {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px;border-bottom:1px solid #485a4c;min-width:0}
.rhShipmentItem:last-child {border-bottom:0}
.rhShipmentItem>span {display:grid;gap:3px;min-width:0}
.rhShipmentItem strong {overflow-wrap:anywhere}
.rhShipmentItem small {color:#c8dacb;font-size:11px;overflow-wrap:anywhere}
.rhShipmentItem b {white-space:nowrap}
.rhShipmentTotals {display:grid;gap:7px;font-size:13px;border-radius:10px;background:#1b2b22;padding:12px}
.rhShipmentTotals>span {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.rhShippingWarning {color:#ffbda7;font-weight:800}
.rhFulfilmentSteps {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;font-size:12px}
.rhFulfilmentSteps>span {border:1px solid #3d5445;background:#121f17;border-radius:8px;padding:9px;overflow-wrap:anywhere}
.rhPackReview {display:grid;gap:12px;border-top:1px solid #43574b;padding-top:13px}
.rhPackReview h4 {font-size:16px}
.rhPackReview label {display:grid;gap:5px;font-size:13px}
.rhPackReview input,.rhPackReview textarea {width:100%;max-width:100%;min-width:0;padding:10px;border-radius:10px;background:#101c18;color:#e7f5e5;border:1px solid #566b58;font-size:16px}
.rhPackDims {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.rhShipmentActions {display:flex;gap:8px;flex-wrap:wrap}
.rhShipmentLock {display:grid;gap:5px;padding:12px;border-left:3px solid #e6c884;background:#332f1c;border-radius:8px;font-size:12px;color:#ffedc4}
.rhShipmentLock span {line-height:1.45}
.rhShipmentEmpty {display:grid;gap:12px;justify-items:start}
#rhPrintSlip {display:none}
@media(max-width:640px) {
 .rhShipmentOverview {gap:7px}
 .rhShipmentOverview .stat {padding:10px}
 .rhShipmentOverview .stat b {font-size:20px}
 .rhShipmentOverview .stat span {font-size:10px}
 .rhShipmentList {grid-template-columns:minmax(0,1fr)}
 .rhShipmentCard {gap:12px}
 .rhFulfilmentSteps {grid-template-columns:repeat(2,minmax(0,1fr))}
 .rhShipmentHead h3 {font-size:17px}
}
@media print {
 body:has(#rhPrintSlip) {background:#fff!important;color:#111!important}
 body:has(#rhPrintSlip) * {visibility:hidden!important}
 #rhPrintSlip,#rhPrintSlip * {visibility:visible!important;color:#111!important}
 #rhPrintSlip {display:block!important;position:absolute;top:0;left:0;width:100%;padding:16px;background:white!important;border:0}
 #rhPrintSlip h1 {font-size:22px;margin:0 0 10px}
 #rhPrintSlip h2 {font-size:16px;margin:10px 0}
 #rhPrintSlip .rhShipmentItems {border:1px solid #aaa}
 #rhPrintSlip .rhShipmentItem {border-color:#bbb}
}

/* Seller preparation is deliberately NOT the buyer's upcoming-show blocking modal. */
.rhSellerPrelive {position:absolute;z-index:18;top:calc(96px + env(safe-area-inset-top));left:12px;max-width:min(245px,calc(100% - 120px));display:grid;gap:7px;padding:10px 12px;border:1px solid #7a9d72;background:#0b1713e8;border-radius:12px;color:#f1ffe9;text-align:left;box-shadow:0 8px 30px #0005}
.rhSellerPrelive strong,.rhSellerPrelive h2 {font-size:14px;font-weight:800;letter-spacing:0;line-height:1.25}
.rhSellerPrelive p {font-size:11px;color:#c2d7c5}
.rhSellerPrelive>div {display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.rhSellerPrelive .btn {font-size:10px;min-height:29px;padding:5px 7px}
.rhUpcomingCountdown {display:inline-flex;align-items:center;width:fit-content;max-width:100%;font-size:14px;font-variant-numeric:tabular-nums;color:#dcff80;font-weight:800;white-space:normal;overflow-wrap:anywhere}
.rhInactiveShowNav>.rhUpcomingCountdown {justify-self:center;font-size:17px}
.rhStudioPreparation {top:calc(100px + env(safe-area-inset-top));max-width:min(270px,calc(100% - 115px))}
.rhNoStartTime {font-size:12px;color:#dddbc1}
.rhCountryPrefs {margin:15px 0;padding:18px;max-width:100%}
.rhCountryPrefs form {display:grid;gap:12px;margin:9px 0}
.rhCountryPrefs p,.rhCountryPrefs small {color:#b5c7bd;font-size:12px;line-height:1.4}
.rhCountryFields {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;min-width:0}
.rhCountryFields label {display:grid;gap:5px;font-size:13px}
.rhCountryFields input {width:100%;max-width:220px;min-width:0;text-transform:uppercase;font-size:16px}
.rhShipmentItemPostage {display:block;color:#d8ecbd;overflow-wrap:anywhere}
@media(max-width:850px) {
 .rhSellerPrelive {top:calc(100px + env(safe-area-inset-top));left:9px;max-width:min(230px,calc(100% - 112px));padding:9px}
 .rhInactiveShowNav {top:30%}
 .rhCountryPrefs {padding:12px}
}

/* Country selection stays inside the mobile live auction sheet. */
.rhViewerSheet .rhCountryPrefs {padding:10px;margin:8px 0;background:#0d1c18;border:1px solid #385543;border-radius:12px;min-width:0}
.rhViewerSheet .rhCountryPrefs h3 {font-size:14px}
.rhViewerSheet .rhCountryPrefs form {gap:7px}
.rhViewerSheet .rhCountryPrefs .rhCountryFields {grid-template-columns:minmax(0,1fr)}
.rhViewerSheet .rhCountryPrefs .rhCountryFields input {width:100%;max-width:100%}

/* Compact, mobile-first reconciliation queue for large live shows. */
.rhFulfilmentToolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;justify-content:space-between;margin:14px 0;min-width:0}
.rhFulfilmentFilter{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.rhFulfilmentSearch{display:grid;gap:5px;flex:1 1 215px;max-width:340px;font-size:12px;font-weight:700}
.rhFulfilmentSearch input{box-sizing:border-box;width:100%;min-width:0;font-size:16px;border-radius:10px}
.rhShipmentSearchItem{min-width:0;max-width:100%}
.rhShipmentSearchItem[hidden]{display:none!important}
.rhShipmentDetails{margin:12px 0;border-radius:12px;border:1px solid #476151;background:#111f18;max-width:100%;min-width:0;overflow:hidden}
.rhShipmentDetails>summary{padding:12px 13px;cursor:pointer;font-size:13px;font-weight:750;list-style-position:inside}
.rhShipmentDetails[open]>summary{border-bottom:1px solid #476151}
.rhShipmentDetails .rhShipmentItems{max-height:390px;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px}
@media(max-width:850px){
 .rhFulfilmentToolbar{display:grid;gap:9px}
 .rhFulfilmentFilter{display:flex;width:100%;gap:5px}
 .rhFulfilmentFilter .btn{font-size:11px;padding:7px 8px}
 .rhFulfilmentSearch{max-width:none;width:100%}
 .rhShipmentDetails .rhShipmentItems{max-height:55dvh}
}

/* Rag House official uploaded black-and-white wordmark (shared across all routes). */
.rhBrandLogo{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;aspect-ratio:860/325}
.sidebar .logo{display:block;width:100%;line-height:0}
.sidebar .logo .rhBrandLogo{width:194px;max-width:100%;height:auto}
.topbar .mobileBrand{line-height:0;min-width:0}
.topbar .mobileBrand .rhBrandLogo{width:118px;max-width:100%;height:auto}
.rhFooterInner{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.rhFooterBrand{display:block;flex:0 0 125px;line-height:0}
.rhFooterBrand .rhBrandLogo{width:125px}
.rhFooterInner>.split{flex:1 1 320px;min-width:0;flex-wrap:wrap}
.rhStudioBrand{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.rhStudioBrand .rhBrandLogo{width:116px;max-width:100%;height:auto}
.rhStudioBrand span{font-size:11px;letter-spacing:.04em}
@media (min-width:641px) and (max-width:1000px){
 .sidebar .logo .rhBrandLogo{width:100%}
}
@media (max-width:640px){
 .topbar .mobileBrand .rhBrandLogo{width:106px}
 .rhFooterInner{gap:10px}
 .rhFooterBrand{flex-basis:110px}
 .rhFooterBrand .rhBrandLogo{width:110px}
 .rhStudioBrand .rhBrandLogo{width:90px}
}
@media (max-width:360px){.topbar .mobileBrand .rhBrandLogo{width:90px}}

/* Unified account identities. Verification is server-provided for the enrolled owner only. */
.rhVerifiedTick{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;color:#168bfa;margin-inline-start:4px;flex-shrink:0}
.rhVerifiedTick svg{width:17px;height:17px;display:block}
.rhHandle{display:inline-block;font-weight:750;overflow-wrap:anywhere}
.rhChatUser .rhHandle{font-weight:800}
.rhTopAvatar{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.rhAvatarImage{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border-radius:50%;background:#15271b}
.rhAvatarImage img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.rhEditProfile{max-width:740px;margin:0 auto;padding:24px}
.rhProfileIntro{display:flex;align-items:center;gap:17px;margin-bottom:25px;min-width:0}
.rhProfileAvatar{width:92px;height:92px;font-size:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#cfff59;color:#122015;font-weight:850;flex-shrink:0}
.rhProfileAvatar img{height:100%;width:100%;object-fit:cover;border-radius:50%}
.rhProfileIntro h3{margin-bottom:5px;font-size:21px}
.rhProfileHandle{display:flex;align-items:center;font-size:17px;gap:3px}
.rhProfileIntro small{color:#adc1ad}
.rhProfileForm{display:grid;gap:16px}
.rhProfileForm>label{display:grid;gap:6px;min-width:0}
.rhProfileForm input[type=file]{max-width:100%;font-size:14px}
.rhProfileForm small,.rhUsernameRule{font-size:12px;line-height:1.5;color:#b6c7b8}
.rhHandleInput{display:flex;align-items:center;gap:8px;border:1px solid #506b55;border-radius:12px;padding-left:12px;min-width:0;max-width:100%;background:#13221a}
.rhHandleInput b{font-size:19px;color:#b5d58c}
.rhHandleInput input{border:none!important;background:transparent!important;min-width:0;width:100%;max-width:100%;padding:12px 9px!important;font-size:16px!important}
.rhHandleInput input[readonly]{opacity:.65;cursor:not-allowed}
.rhRemovePhoto{display:flex!important;align-items:center;gap:8px;font-size:13px}
.rhRemovePhoto input{width:auto}
.rhAccountLinks{flex-wrap:wrap}
.rhHostAvatar.rhAvatarImage,.avatar.rhAvatarImage{overflow:hidden}
.rhViewerTop .rhHostInfo strong{display:flex;align-items:center;min-width:0;overflow-wrap:anywhere}
.rhChatUser .rhVerifiedTick svg{width:13px;height:13px}
@media(max-width:850px){.rhEditProfile{padding:15px}.rhProfileAvatar{width:70px;height:70px;font-size:26px}.rhProfileIntro{gap:12px}.rhProfileIntro h3{font-size:19px}.rhProfileForm input,.rhProfileForm textarea{font-size:16px!important}}

/* Seller auction timer selector — accessible mobile-first controls. */
.rhAuctionTimerDialog{border:1px solid #46515f;background:#151d27;color:#f6f8f4;border-radius:20px;
 width:min(95vw,490px);max-height:90vh;overflow:auto;padding:24px;box-shadow:0 28px 100px #000b}
.rhAuctionTimerDialog::backdrop{background:#070b12d9;backdrop-filter:blur(5px)}
.rhAuctionTimerDialog h2{font-size:23px;margin:4px 0 15px;letter-spacing:-.5px}
.rhAuctionTimerDialog form>*+*{margin-top:17px}
.rhTimerFieldset{border:0;padding:0;min-width:0}
.rhTimerFieldset legend{font-weight:800;font-size:13px;margin-bottom:9px}
.rhTimerChoices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.rhTimerChoices label{display:block;margin:0;cursor:pointer}
.rhTimerChoices input{position:absolute;opacity:0;width:1px;height:1px}
.rhTimerChoices span{display:grid;justify-items:center;border:1px solid #48515e;background:#242c36;
 border-radius:12px;padding:12px 0;font-size:20px;font-weight:900;line-height:1.2}
.rhTimerChoices span small{font-size:10px;font-weight:600}
.rhTimerChoices input:checked+span{border-color:var(--lime);background:var(--lime);color:#131b13}
.rhTimerChoices input:checked+span small{color:#253822}
.rhTimerChoices input:focus-visible+span{outline:2px solid white;outline-offset:2px}
.rhTimerOption{display:flex;align-items:center;gap:12px;padding:13px;
 background:#242d37;border:1px solid #46505d;border-radius:12px;cursor:pointer}
.rhTimerOption input{width:22px;height:22px;flex:none;accent-color:var(--lime)}
.rhTimerOption small,.rhAuctionTimerDialog label>small{display:block;color:#aebbc5;font-size:11px;font-weight:450;margin-top:4px}
.rhAuctionTimerDialog select{margin-top:8px}
.rhTimerActions{display:flex;gap:12px;justify-content:flex-end}
.rhSuddenMode,.rhStandardMode{display:inline-flex;align-items:center;padding:5px 9px;margin-top:5px;
 border-radius:8px;background:#4d2d32;color:#ffcbc5;font-size:11px;font-weight:800}
.rhStandardMode{background:#263b34;color:#d4f8c8}
.rhStageCountdown{display:inline-flex;background:#111721;padding:4px 10px;border-radius:10px;font-size:23px}
.rhSaleStatusRow{border:1px solid #344150;border-radius:12px;background:#1b2631;padding:12px;display:flex;
 align-items:center;justify-content:space-between;gap:10px}
.rhSaleStatusRow small{display:block;margin-top:4px}.rhSaleStatusRow .badge{white-space:nowrap}
@media(max-width:640px){.rhAuctionTimerDialog{padding:20px;width:calc(100vw - 22px)}
 .rhTimerChoices span{font-size:18px;padding:13px 0}.rhTimerActions .btn{flex:1}
 .rhSaleStatusRow{align-items:flex-start;flex-direction:column}}


/* Show posters are never empty. Reminders remain separate from the card's navigation link. */
.showCard .rhShowCardLink{display:block;color:inherit;text-decoration:none}
.showCard>.rhShowReminder{display:block;margin:0 14px 14px;width:calc(100% - 28px);text-align:center}
.rhShowReminder{white-space:normal}
.rhThumbnailPicker{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}
.rhThumbnailPicker img{width:170px;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid #445060}
.rhThumbnailPicker small{display:block;margin:8px 0 12px}
.rhShowThumbnailEdit form{margin-top:14px}
.rhShowThumbnailEdit form label{margin-top:12px}
.rhShowThumbnailEdit .rhShowThumbnailPreview{width:100%;max-height:240px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-top:12px;border:1px solid #445060}
.rhNotificationSettings small{display:block;margin-top:5px}
.rhNotificationSettings .split{align-items:center;gap:18px}
@media(max-width:540px){
 .rhThumbnailPicker{grid-template-columns:1fr}
 .rhThumbnailPicker img{width:100%;max-height:200px}
 .rhNotificationSettings .split{align-items:stretch;flex-direction:column}
 .rhShowReminder{font-size:13px}
}

/* Short-screen iPhone stream rails remain reachable without pinch-zoom. */
@media(max-width:850px){
 body.rhStreamFixed .rhViewerRail::-webkit-scrollbar,body.rhStreamFixed .ragStudioRail::-webkit-scrollbar{display:none}
 body.rhStreamFixed .rhViewerRail button,body.rhStreamFixed .ragStudioRail button{touch-action:manipulation}
}

/* Compact, readable scheduled-start strip on marketplace show cards. */
.showCard .rhShowSchedule{display:flex;align-items:center;gap:9px;min-width:0;margin-top:9px;padding:7px 9px;border:1px solid #65e278;border-radius:11px;background:linear-gradient(113deg,#1b4834 0%,#1c3a31 54%,#253d32 100%);color:#f4fff6;box-shadow:inset 0 1px 0 #ffffff12,0 0 0 1px #70ef5e10;transition:border-color .18s,background .18s,box-shadow .18s}
.showCard .rhShowCardLink:hover .rhShowSchedule,.showCard .rhShowCardLink:focus-visible .rhShowSchedule{border-color:#d9ff5f;box-shadow:0 0 0 2px #d9ff5f25,0 3px 16px #030e0b35}
.showCard .rhScheduleIcon{width:23px;height:28px;display:grid;place-items:center;flex:none;border-right:1px solid #caeea566;padding-right:6px;color:#d9ff5f}
.showCard .rhScheduleIcon svg{width:18px;height:18px}
.showCard .rhScheduleCopy{min-width:0;flex:1}
.showCard .rhScheduleEyebrow{display:block;color:#c0eccd;font-size:8px;letter-spacing:.7px;line-height:1.2;font-weight:850;margin-bottom:2px}
.showCard .rhScheduleCopy time{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:5px;row-gap:0;line-height:1.15;font-variant-numeric:tabular-nums}
.showCard .rhScheduleDate{font-size:clamp(14px,1.45vw,18px);font-weight:900;letter-spacing:-.35px;color:#fff;white-space:nowrap}
.showCard .rhScheduleAt{color:#c8eec0;font-size:10px;font-weight:650}
.showCard .rhScheduleTime{font-size:clamp(15px,1.55vw,19px);font-weight:950;letter-spacing:-.4px;color:#d9ff5f;white-space:nowrap}
.showCard .rhScheduleChevron{font-size:20px;font-weight:500;line-height:1;color:#dcff9a}
.showCard .rhScheduleUnconfirmed{display:block;font-size:12px;font-weight:850;line-height:1.2;color:#fff}
.showCard .rhShowSchedulePending{border-color:#829b83;background:linear-gradient(110deg,#2a3833,#1e2e30)}
@media(max-width:640px){
 .showCard .rhShowSchedule{gap:5px;margin-top:7px;padding:6px;border-radius:9px}
 .showCard .rhScheduleIcon{width:19px;height:23px;padding-right:3px}
 .showCard .rhScheduleIcon svg{width:16px;height:16px}
 .showCard .rhScheduleEyebrow{font-size:7px;letter-spacing:.3px;line-height:1.15}
 .showCard .rhScheduleCopy time{column-gap:4px}
 .showCard .rhScheduleDate{font-size:13px;letter-spacing:-.2px}
 .showCard .rhScheduleAt{font-size:9px}
 .showCard .rhScheduleTime{font-size:14px;letter-spacing:-.3px}
 .showCard .rhScheduleChevron{display:none}
 .showCard .rhScheduleUnconfirmed{font-size:11px}
}
@media(max-width:380px){
 .showCard .rhShowSchedule{gap:4px;padding:5px}
 .showCard .rhScheduleIcon{width:17px;padding-right:2px}
 .showCard .rhScheduleDate{font-size:12px}
 .showCard .rhScheduleTime{font-size:13px}
}

/* Compact scheduled-start strip above the stream, with a visible live countdown. */
.rhStreamCountdownHero{display:flex;align-items:center;gap:10px;min-width:0;margin:0 0 12px;padding:9px 12px;border:1px solid #65e278;border-radius:12px;background:linear-gradient(115deg,#1b4934 0%,#1b392f 54%,#263b32 100%);box-shadow:inset 0 1px 0 #ffffff18,0 5px 14px #060e0b33;color:#f4fff6}
.rhStreamCountdownIcon{display:grid;place-items:center;flex:0 0 29px;height:34px;color:#d9ff5f;border-right:1px solid #c9efa970;padding-right:6px}
.rhStreamCountdownIcon svg{width:21px;height:21px}
.rhStreamCountdownCopy{flex:1;min-width:0}
.rhStreamCountdownEyebrow{display:block;color:#bce9c7;letter-spacing:.8px;font-weight:900;font-size:9px;margin-bottom:2px}
.rhStreamCountdownWhen{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:6px;row-gap:1px;font-variant-numeric:tabular-nums;line-height:1.15}
.rhStreamCountdownDate{color:#fff;font-size:clamp(16px,1.9vw,22px);font-weight:900;letter-spacing:-.45px}
.rhStreamCountdownAt{font-size:12px;color:#c6e9cb;font-weight:750}
.rhStreamCountdownTime{color:#d9ff5f;font-size:clamp(18px,2.1vw,25px);font-weight:950;letter-spacing:-.5px}
.rhStreamCountdownTimerWrap{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:128px;padding:5px 9px;background:#0c1c17c9;border:1px solid #88ec7a66;border-radius:10px}
.rhStreamCountdownTimerLabel{color:#c1e6cd;letter-spacing:.7px;font-size:8px;font-weight:850}
.rhStreamCountdownHero .rhUpcomingCountdownHero{display:block;width:100%;text-align:center;color:#dcff80;font-size:clamp(15px,1.65vw,19px);font-weight:950;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.rhStreamCountdownUnconfirmed{display:block;font-size:16px;font-weight:850;color:#f7fff8}
.rhStreamCountdownPending{border-color:#819d85;background:linear-gradient(115deg,#283b34,#1d2e31)}
@media(max-width:850px){
 /* The fullscreen mobile stream uses the visible pre-live overlay, not a duplicate banner behind the player. */
 .rhShowPage>.rhStreamCountdownHero{display:none}
 .rhInactiveShowNav{max-height:calc(100dvh - 145px);overflow-y:auto}
 .rhInactiveShowNav .rhStreamCountdownCompact,.rhSellerPrelive .rhStreamCountdownCompact{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:1px 0;padding:7px 8px;border-radius:10px;text-align:center;width:100%}
 .rhInactiveShowNav .rhStreamCountdownIcon,.rhSellerPrelive .rhStreamCountdownCompact .rhStreamCountdownIcon{height:24px;flex-basis:20px;padding-right:0;border-right:0}
 .rhInactiveShowNav .rhStreamCountdownIcon svg,.rhSellerPrelive .rhStreamCountdownCompact .rhStreamCountdownIcon svg{width:18px;height:18px}
 .rhInactiveShowNav .rhStreamCountdownCopy,.rhSellerPrelive .rhStreamCountdownCompact .rhStreamCountdownCopy{flex:1 1 160px;text-align:left}
 .rhInactiveShowNav .rhStreamCountdownEyebrow,.rhSellerPrelive .rhStreamCountdownCompact .rhStreamCountdownEyebrow{font-size:8px;margin-bottom:1px}
 .rhInactiveShowNav .rhStreamCountdownDate,.rhSellerPrelive .rhStreamCountdownCompact .rhStreamCountdownDate{font-size:14px}
 .rhInactiveShowNav .rhStreamCountdownAt,.rhSellerPrelive .rhStreamCountdownCompact .rhStreamCountdownAt{font-size:10px}
 .rhInactiveShowNav .rhStreamCountdownTime,.rhSellerPrelive .rhStreamCountdownCompact .rhStreamCountdownTime{font-size:16px}
 .rhInactiveShowNav .rhStreamCountdownTimerWrap,.rhSellerPrelive .rhStreamCountdownCompact .rhStreamCountdownTimerWrap{flex:1 0 100%;min-width:0;padding:4px 7px;gap:0}
 .rhInactiveShowNav .rhStreamCountdownTimerLabel,.rhSellerPrelive .rhStreamCountdownCompact .rhStreamCountdownTimerLabel{font-size:8px}
 .rhInactiveShowNav .rhUpcomingCountdownHero,.rhSellerPrelive .rhStreamCountdownCompact .rhUpcomingCountdownHero{font-size:15px}
 .rhInactiveShowNav .rhStreamCountdownUnconfirmed,.rhSellerPrelive .rhStreamCountdownCompact .rhStreamCountdownUnconfirmed{font-size:13px}
}
@media(min-width:851px) and (max-width:1050px){
 .rhStreamCountdownHero{gap:8px;padding:8px 10px}
 .rhStreamCountdownTimerWrap{min-width:110px}
 .rhStreamCountdownDate{font-size:16px}
 .rhStreamCountdownTime{font-size:19px}
}
@media(max-width:360px){
 .rhInactiveShowNav .rhStreamCountdownCompact,.rhSellerPrelive .rhStreamCountdownCompact{padding:6px;gap:4px}
 .rhInactiveShowNav .rhStreamCountdownDate,.rhSellerPrelive .rhStreamCountdownCompact .rhStreamCountdownDate{font-size:13px}
 .rhInactiveShowNav .rhStreamCountdownTime,.rhSellerPrelive .rhStreamCountdownCompact .rhStreamCountdownTime{font-size:15px}
}

/* Marketplace status filters — separate from category pills. */
.rhStreamStatusFilters{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 4px}
.rhStatusFilter{padding:10px 15px;min-height:42px;border:1px solid #4a585e;border-radius:12px;background:#1a2731;color:#cddce2;font-weight:850;font-size:13px;white-space:nowrap}
.rhStatusFilter:hover,.rhStatusFilter:focus-visible{border-color:#d9ff5f;outline-offset:3px}
.rhStatusFilter.active{background:#d9ff5f;border-color:#d9ff5f;color:#15241c}
.rhInboxLayout{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:15px;align-items:start}
.rhInboxLayout>.panel{min-width:0}
.rhInboxThreads h3,.rhInboxConversation h3{margin-bottom:14px}
.rhStartConversation{display:grid;gap:8px;margin-bottom:16px}
.rhStartConversation label{font-size:12px;color:#c7d7dc}
.rhStartConversation input{width:100%;min-width:0;margin-top:6px}
.rhInboxPerson{display:grid;grid-template-columns:1fr auto;gap:5px;padding:13px 9px;border-top:1px solid #34414b;min-width:0;border-radius:7px}
.rhInboxPerson:hover,.rhInboxPerson.selected{background:#203a33}
.rhInboxPerson strong{font-size:14px;color:#f4fff2}
.rhInboxPerson small{grid-column:1/-1;color:#b2c4cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rhMessagesLog{display:flex;flex-direction:column;gap:13px;max-height:470px;min-height:220px;overflow:auto;padding:12px 0}
.rhDmMessage{align-self:flex-start;max-width:min(88%,540px);background:#24313b;border:1px solid #3c4b56;border-radius:14px;padding:11px 13px;overflow-wrap:anywhere;white-space:pre-wrap}
.rhDmMessage.mine{align-self:flex-end;background:#213e2e;border-color:#477e55}
.rhDmMessage b{font-size:12px;color:#d9ff91}
.rhDmMessage p{font-size:14px;line-height:1.5;margin:5px 0}
.rhDmMessage small{font-size:11px;color:#a8bfb9}
.rhDmReport{margin-left:10px;border:0;background:transparent;color:#d4ccaa;font-size:11px;text-decoration:underline}
.rhDmComposer{display:grid;gap:10px;border-top:1px solid #35444a;padding-top:15px}
.rhDmComposer textarea{width:100%;resize:vertical}
.rhDmComposer button{justify-self:start}
.rhInboxPlaceholder{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.rhPurchaseRecord{display:grid;gap:18px}
.rhPurchaseProduct{display:grid;grid-template-columns:minmax(110px,210px) 1fr;gap:18px;align-items:start}
.rhPurchaseProduct img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px;border:1px solid #50616a}
.rhPurchaseProduct>div{display:grid;justify-items:start;gap:8px}
.rhPurchaseProduct strong{font-size:25px;color:#d9ff5f}
.rhEvidenceVideo{padding:17px;border-radius:14px;background:#1b2831;border:1px dashed #65777e}
.rhEvidenceVideo p{color:#c8d5d8;line-height:1.5;margin:10px 0}
@media(max-width:740px){
 .rhInboxLayout{grid-template-columns:1fr}
 .rhInboxThreads{max-height:260px;overflow-y:auto}
 .rhInboxConversation{min-height:300px}
 .rhStatusFilter{font-size:12px;min-height:38px;padding:8px 11px}
 .rhPurchaseProduct{grid-template-columns:100px 1fr;gap:12px}
 .rhPurchaseProduct strong{font-size:21px}
}

/* Six mobile destinations must fit narrow phones without horizontal scrolling. */
@media(max-width:640px){.mobileBar{gap:0;padding-left:5px;padding-right:5px}.mobileBar a{min-width:0;flex:1;font-size:9px;white-space:nowrap}}

.rhReportsList{display:grid;gap:15px}.rhReport{border-bottom:1px solid #3a4852;padding:12px 0}.rhReport:last-child{border-bottom:0}.rhReport p,.rhReport small{display:block;margin:6px 0;color:#b9ced3}.rhReport blockquote{margin:8px 0;padding:12px 16px;background:#1c2930;border-left:3px solid #d9ff5f;white-space:pre-wrap;overflow-wrap:anywhere}

/* Keep six mobile nav destinations inside narrow screens. */
@media(max-width:640px){.mobileBar{gap:2px}.mobileBar a{flex:1 1 0;min-width:0}.mobileBar .navIcon{font-size:19px}}


/* Dedicated viewer studio: immediate immersive layout on phones AND desktop.
   No seller camera controls or ordinary marketplace columns are rendered here. */
.rhWatchFullscreen{position:fixed;inset:0;z-index:130;background:#070c0c;margin:0!important;padding:0!important;width:100vw;height:100dvh;max-width:none!important;overflow:hidden}
.rhWatchFullscreen .showLayout{display:block!important;margin:0!important;padding:0!important;overflow:hidden;width:100%;height:100%}
.rhWatchFullscreen .videoBox{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;border:0;border-radius:0;background:#060b0c;z-index:0;overflow:hidden}
.rhWatchFullscreen .videoBox>video{width:100%;height:100%;object-fit:contain;background:#060b0c}
.rhWatchFullscreen .videoBox>.videoPlaceholder{background:linear-gradient(160deg,#20332d,#0b1419 66%);color:#f8fff8}
.rhWatchFullscreen .videoBox>.videoPlaceholder p{max-width:330px}
.rhWatchFullscreen .videoBox>.videoOverlay,.rhWatchFullscreen .videoBox>.videoTools{display:none}
body.rhStreamFixed .rhWatchFullscreen .rhViewerMobile{display:block;position:absolute;inset:0;color:#fff;z-index:15;pointer-events:none}
body.rhStreamFixed .rhWatchFullscreen .rhViewerMobile>*{pointer-events:auto}
body.rhStreamFixed .rhWatchFullscreen .rhViewerRail button,body.rhStreamFixed .rhWatchFullscreen .rhViewerRail a{touch-action:manipulation}
@media(min-width:851px){
.rhWatchFullscreen .rhViewerMobile{display:block;position:absolute;inset:0;z-index:15;color:#fff;pointer-events:none;font-family:inherit}
.rhWatchFullscreen .rhViewerMobile>*{pointer-events:auto}
.rhWatchFullscreen .rhViewerTop{position:absolute;top:0;left:0;right:0;z-index:18;display:flex;align-items:center;gap:8px;min-height:90px;padding:calc(10px + env(safe-area-inset-top)) 14px 13px;background:linear-gradient(#000a,#0000)}
.rhWatchFullscreen .rhViewerBack{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:32px;background:#0007;color:#fff;text-decoration:none;line-height:1}
.rhWatchFullscreen .rhHostAvatar{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#d9ff5f;color:#101614;font-size:13px;font-weight:900;border:2px solid #d9ff5f}
.rhWatchFullscreen .rhHostInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-shadow:0 2px 8px #000}
.rhWatchFullscreen .rhHostInfo strong,.rhWatchFullscreen .rhHostInfo small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.rhWatchFullscreen .rhHostInfo strong{font-size:13px;font-weight:800}
.rhWatchFullscreen .rhHostInfo small{font-size:10px;color:#e6edeb;max-width:160px}
.rhWatchFullscreen .rhLivePill{flex:none;background:#e94748;color:white;padding:5px 7px;font-size:10px;font-weight:900;border-radius:7px}
.rhWatchFullscreen .rhMobileCount{flex:none;color:#fff;background:#0008;font-size:10px;border-radius:8px;padding:5px 7px;white-space:nowrap}
.rhWatchFullscreen .rhPrivatePill{flex:none;background:#123621cc;border:1px solid #b1e789;color:#d8ffd1;padding:5px;border-radius:7px;font-size:9px;font-weight:850}
.rhWatchFullscreen .rhViewerRail{position:absolute;right:11px;top:calc(115px + env(safe-area-inset-top));z-index:19;display:flex;flex-direction:column;gap:8px}
.rhWatchFullscreen .rhViewerRail button,.rhWatchFullscreen .rhViewerRail a{width:46px;height:48px;border-radius:15px;border:1px solid #f2ffed50;background:#071414d9;backdrop-filter:blur(9px);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;font-size:21px;font-weight:800;line-height:1;gap:4px;cursor:pointer}
.rhWatchFullscreen .rhViewerRail small{font-size:9px;font-weight:750;color:#e7f5ec}
.rhWatchFullscreen .rhViewerRail button:focus-visible,.rhWatchFullscreen .rhViewerRail a:focus-visible,.rhWatchFullscreen .rhQuickBid:focus-visible,.rhWatchFullscreen .rhViewerChatComposer input:focus-visible{outline:2px solid #d9ff5f;outline-offset:2px}
.rhWatchFullscreen .rhViewerChatPeek{position:absolute;bottom:calc(297px + env(safe-area-inset-bottom));left:12px;right:71px;z-index:16;display:flex;flex-direction:column;gap:4px;max-height:93px;overflow:hidden;justify-content:flex-end;text-shadow:0 2px 5px #000}
.rhWatchFullscreen .rhViewerChatPeek p{margin:0;font-size:12px;line-height:17px;max-width:100%;width:max-content;overflow-wrap:anywhere;padding:3px 8px;border-radius:10px;background:#050b0b70}
.rhWatchFullscreen .rhViewerChatPeek b{color:#d9ff5f}
.rhWatchFullscreen .rhViewerChatPeek .rhEmptyChat{color:#c7d3d4}
.rhWatchFullscreen .rhViewerProduct{position:absolute;left:10px;right:10px;bottom:calc(69px + env(safe-area-inset-bottom));z-index:19;padding:11px 12px 12px;background:linear-gradient(125deg,#08100fef,#141d1de6);box-shadow:0 8px 26px #0009;border:1px solid #ffffff30;border-radius:15px;backdrop-filter:blur(12px)}
.rhWatchFullscreen .rhItemIdentity{display:flex;align-items:center;gap:9px;min-width:0}
.rhWatchFullscreen .rhItemIdentity img{width:52px;height:52px;object-fit:cover;border-radius:9px;border:1px solid #cde7d242;flex:none}
.rhWatchFullscreen .rhItemIdentity>div{min-width:0;flex:1}
.rhWatchFullscreen .rhItemIdentity h3{color:white;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;margin:2px 0}
.rhWatchFullscreen .rhItemStage{display:block;color:#d9ff5f;font-size:9px;font-weight:900;letter-spacing:.6px}
.rhWatchFullscreen .rhItemPostage{font-size:10px;color:#d6e1df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rhWatchFullscreen .rhAuctionClock{padding:6px 7px;border-radius:9px;background:#181f22;border:1px solid #e4eab03d;color:#fff;font-size:17px;font-weight:850;font-variant-numeric:tabular-nums;flex:none}
.rhWatchFullscreen .rhAuctionClock.low{color:#ffbe86}
.rhWatchFullscreen .rhOffer{display:flex;align-items:baseline;gap:9px;margin:7px 0}
.rhWatchFullscreen .rhOffer>span{font-size:11px;color:#c6d1ce}
.rhWatchFullscreen .rhOffer strong{font-size:26px;color:#d9ff5f;letter-spacing:-.5px}
.rhWatchFullscreen .rhOffer small{color:#c3d0cb;margin-left:auto;font-size:10px}
.rhWatchFullscreen .rhViewerPurchase{min-height:44px}
.rhWatchFullscreen .rhBidForm{display:flex;gap:8px;align-items:center;margin:0}
.rhWatchFullscreen .rhBidForm input{flex:0 0 90px;min-width:0;width:90px;min-height:43px;padding:8px 7px;text-align:center;border-radius:11px;border:1px solid #899c96;background:#1a2726;color:#fff;font-size:15px}
.rhWatchFullscreen .rhQuickBid{flex:1;min-height:43px;border:0;border-radius:13px;background:#d9ff5f;color:#111c0c;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;text-decoration:none;padding:9px 12px;cursor:pointer}
.rhWatchFullscreen .rhNoBid{display:grid;place-items:center;min-height:40px;color:#cbd3d1;font-size:12px}
.rhWatchFullscreen .rhViewerChatComposer{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom));left:11px;right:11px;z-index:19;display:flex;gap:7px;margin:0}
.rhWatchFullscreen .rhViewerChatComposer input{min-width:0;flex:1;min-height:42px;background:#08110ecc;border:1px solid #ffffff65;color:#fff;border-radius:23px;padding:10px 15px;font-size:14px}
.rhWatchFullscreen .rhViewerChatComposer input::placeholder{color:#d4d8d4}
.rhWatchFullscreen .rhViewerChatComposer button{flex:none;width:42px;height:42px;border-radius:50%;border:0;color:#182318;font-weight:950;background:#d9ff5f}
.rhWatchFullscreen .rhViewerChatComposer button:disabled{opacity:.45}
.rhWatchFullscreen .rhViewerSheet{display:none;position:absolute;inset:auto 0 0 0;z-index:35;max-height:76dvh;min-height:210px;background:#121b1cf9;border-radius:22px 22px 0 0;padding:16px 17px calc(28px + env(safe-area-inset-bottom));border-top:1px solid #637b72;overflow-y:auto;box-shadow:0 -10px 55px #000a}
.rhWatchFullscreen .rhViewerSheet.rhViewerSheetOpen{display:block}
.rhWatchFullscreen .rhSheetHead{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-16px;background:#121b1c;padding:12px 0;border-bottom:1px solid #384c49}
.rhWatchFullscreen .rhSheetHead strong{font-size:17px}
.rhWatchFullscreen .rhSheetHead button{color:#fff;border:1px solid #6c8580;background:#283333;border-radius:50%;width:35px;height:35px}
.rhWatchFullscreen .rhSheetList{display:flex;flex-direction:column;gap:12px;padding:13px 0}
.rhWatchFullscreen .rhSheetItem{display:flex;gap:13px;align-items:center;border-bottom:1px solid #334241;padding-bottom:10px}
.rhWatchFullscreen .rhSheetItem img{width:60px;height:60px;object-fit:cover;border-radius:11px}
.rhWatchFullscreen .rhSheetItem div{display:flex;flex-direction:column;gap:4px}
.rhWatchFullscreen .rhSheetItem small{color:#b9c6be}
.rhWatchFullscreen .rhSheetAction{display:block;margin:20px 0;background:#d9ff5f;padding:13px 17px;text-align:center;border-radius:12px;font-weight:850;color:#152010;text-decoration:none}
.rhWatchFullscreen .rhSheetCaution{color:#ccd2d0;font-size:12px}
.rhWatchFullscreen .rhSheetMessages{max-height:300px;overflow-y:auto}
.rhWatchFullscreen .rhSheetMessages p{border-bottom:1px solid #354542;padding:9px 0;margin:0}
 .rhWatchFullscreen .rhViewerProduct{left:22px;right:auto;width:min(570px,calc(100vw - 130px));bottom:78px}
 .rhWatchFullscreen .rhViewerChatComposer{left:22px;right:auto;width:min(570px,calc(100vw - 130px));bottom:18px}
 .rhWatchFullscreen .rhViewerChatPeek{left:22px;right:auto;width:min(570px,calc(100vw - 130px));bottom:260px;max-height:125px}
 .rhWatchFullscreen .rhViewerRail{top:120px;right:24px}
 .rhWatchFullscreen .rhViewerTop{padding:15px 24px;min-height:78px}
 .rhWatchFullscreen .rhViewerSheet{left:auto;right:0;top:0;bottom:0;width:min(430px,42vw);max-height:none;border-radius:18px 0 0 18px;padding:20px 24px}
 .rhWatchFullscreen .rhViewerMobile>.rhPinnedNotice{top:84px;left:24px;right:100px;max-width:450px}
}

/* Keep camera, microphone and buyer tools reachable on short mobile screens. */
@media(max-width:850px){
 .rhShowPage .rhViewerRail{max-height:calc(100dvh - 135px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:1px}
 .rhShowPage .rhViewerRail::-webkit-scrollbar{display:none}
}

/* Admin drill-down: clear clickable tiles, keyboard-friendly record inspection. */
.rhAdminStatLink{display:flex;flex-direction:column;justify-content:center;cursor:pointer;color:inherit;text-decoration:none;transition:border-color .15s,background .15s}
.rhAdminStatLink:hover,.rhAdminStatLink:focus-visible{border-color:var(--lime);background:#283322;outline:2px solid transparent}
.rhAdminStatLink span{font-size:13px}
.rhAdminWorkspace .rhAdminTabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}
.rhAdminRecordList{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.rhAdminRecord{background:#161e29;border:1px solid #34404f;border-radius:14px;overflow:hidden}
.rhAdminRecord summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;min-height:70px;list-style:none}
.rhAdminRecord summary::-webkit-details-marker{display:none}
.rhAdminRecord summary:after{content:'+';font-size:23px;color:var(--lime);flex-shrink:0}
.rhAdminRecord[open] summary:after{content:'−'}
.rhAdminRecord summary:hover,.rhAdminRecord summary:focus-visible{background:#212b39;outline-color:var(--lime)}
.rhAdminRecord summary span{display:flex;flex-direction:column;gap:4px;min-width:0}
.rhAdminRecord summary small{overflow-wrap:anywhere}
.rhAdminDetail{padding:18px 20px;border-top:1px solid #34404f;display:flex;flex-direction:column;gap:10px;overflow-wrap:anywhere}
.rhAdminDetail p{margin:0}
.rhAdminDetail .flex{flex-wrap:wrap}
@media(max-width:680px){.rhAdminRecord summary{padding:14px;min-height:64px}.rhAdminDetail{padding:14px}.rhAdminWorkspace .rhAdminTabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.rhAdminWorkspace .rhAdminTabs .btn{flex:none}}


/* Visitor-first Rag House homepage: scoped so authenticated selling/streaming layouts stay unchanged. */
.rhLanding{--rhLandingLine:#34433e;--rhLandingText:#bac7c4;max-width:1380px;margin:0 auto}
.rhLandingHero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.85fr);align-items:center;gap:30px;min-height:495px;padding:clamp(30px,5vw,70px);border-radius:26px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 86% 22%,#63773d38,transparent 41%),linear-gradient(125deg,#20362e 0%,#10201e 58%,#171d20 100%);border:1px solid #405344;box-shadow:0 20px 60px #0005}
.rhLandingHero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ecff9922 1px,transparent 1px),linear-gradient(0deg,#ecff991a 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,transparent 30%,#000 100%);opacity:.2}
.rhLandingHeroCopy{position:relative;z-index:2}
.rhLandingHeroCopy .eyebrow{margin-bottom:19px}
.rhLandingHeroCopy h1{font-size:clamp(40px,5.1vw,76px);line-height:1.035;letter-spacing:-2.8px;max-width:660px}
.rhLandingHeroCopy h1 em{font-style:normal;color:var(--lime)}
.rhLandingHeroCopy>p{color:#d0ded5;font-size:clamp(15px,1.4vw,18px);line-height:1.65;max-width:520px;margin:21px 0 26px}
.rhLandingActions,.rhLandingClosingActions{display:flex;flex-wrap:wrap;gap:11px}
.rhLandingActions .btn{min-height:49px;padding:12px 19px}
.rhLandingHeroFoot{display:flex;flex-wrap:wrap;gap:9px 17px;margin-top:26px;color:#d6e5d4;font-size:11px;font-weight:700}
.rhLandingVisual{position:relative;z-index:1;max-width:390px;width:100%;justify-self:center;background:#0b1215;border:1px solid #526b5a;border-radius:22px;transform:rotate(2deg);padding:10px 10px 12px;box-shadow:18px 21px 36px #030a0996}
.rhLandingVideo{position:relative;height:clamp(225px,27vw,325px);overflow:hidden;border-radius:15px;background:#3e293c}
.rhLandingVideo img{height:100%;width:100%;object-fit:cover;object-position:50% 47%}
.rhLandingVideo:after{content:"";position:absolute;inset:44% 0 0;background:linear-gradient(transparent,#060b0bd9);pointer-events:none}
.rhLandingVideoLabel,.rhLandingVideoCorner{position:absolute;z-index:1;left:12px;border-radius:7px;background:#0a1b19d9;border:1px solid #e6ffe244;padding:7px 9px;color:#e5ffd7;font-size:10px;font-weight:900;letter-spacing:.6px}
.rhLandingVideoLabel{top:12px}.rhLandingVideoCorner{bottom:13px;background:#d9ff5f;color:#111a13}
.rhLandingVisualInfo{display:flex;align-items:center;gap:12px;padding:16px 9px 9px}
.rhLandingPulse{width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px #d9ff5f22;flex:none}
.rhLandingVisualInfo>div{display:grid;gap:3px}
.rhLandingVisualInfo strong{font-size:16px;color:white}
.rhLandingVisualInfo div span{font-size:11px;color:#aebbb8;line-height:1.45}
.rhLandingDemoNote{font-size:10px;text-align:center;color:#9eaba5;margin-top:6px}
.rhLandingPreview{border:1px solid #7c754c;background:#29281c;padding:14px 18px;border-radius:12px;margin-top:16px;color:#eee4bd;font-size:12px;line-height:1.6}
.rhLandingPreview strong{color:#fcdf91}
.rhLandingHighlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:22px;border:1px solid var(--rhLandingLine);border-radius:15px;background:#141f20;overflow:hidden}
.rhLandingHighlights>div{display:grid;gap:7px;padding:21px 25px}
.rhLandingHighlights>div+div{border-left:1px solid var(--rhLandingLine)}
.rhLandingHighlights strong{font-size:15px;color:#e3ffad}
.rhLandingHighlights span{font-size:12px;color:var(--rhLandingText)}
.rhLandingSection{margin-top:clamp(45px,6vw,78px)}
.rhLandingSectionTitle{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.rhLandingSectionTitle .eyebrow{display:block;margin-bottom:11px}
.rhLandingSectionTitle h2{font-size:clamp(27px,3.3vw,42px);letter-spacing:-1.5px}
.rhLandingSectionTitle p{font-size:14px;line-height:1.65;color:var(--rhLandingText);max-width:670px;margin-top:12px}
.rhLandingCategoryGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.rhLandingCategory{min-width:0;background:#151c24;border-radius:17px;overflow:hidden;border:1px solid #37434b}
.rhLandingCategory img{display:block;width:100%;height:185px;object-fit:cover}
.rhLandingCategory>div{padding:14px 15px 17px;display:grid;gap:3px}
.rhLandingCategory strong{font-size:15px}
.rhLandingCategory span{font-size:11px;color:#acbac3}
.rhLandingBenefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rhLandingBenefits article{padding:25px 21px 26px;min-width:0;border:1px solid #36443e;background:linear-gradient(155deg,#1d2c28,#151d23);border-radius:17px}
.rhLandingBenefitIcon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#344b30;color:var(--lime);font-size:24px;font-weight:800;margin-bottom:19px}
.rhLandingBenefits h3{font-size:17px;line-height:1.3;margin-bottom:10px}
.rhLandingBenefits p{color:var(--rhLandingText);font-size:12px;line-height:1.7}
.rhLandingPaths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rhLandingPath{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(22px,3vw,35px);border:1px solid #42504a;border-radius:20px;background:radial-gradient(circle at 100% 0%,#344d3d66,transparent 50%),#17251f}
.rhLandingSeller{background:radial-gradient(circle at 100% 0%,#3e385d80,transparent 54%),#1b1d2c;border-color:#45435c}
.rhLandingPathTag{font-size:11px;letter-spacing:1.7px;font-weight:900;color:#d9ff5f}
.rhLandingSeller .rhLandingPathTag{color:#d9c7ff}
.rhLandingPath h3{font-size:clamp(22px,2.4vw,32px);line-height:1.2;max-width:380px;letter-spacing:-.8px;margin:16px 0 12px}
.rhLandingPath>p{font-size:13px;line-height:1.7;color:#c6d0cc;max-width:440px}
.rhLandingPath ul{padding-left:20px;margin:23px 0 25px;display:grid;gap:11px;color:#ebefe9;font-size:13px;line-height:1.5}
.rhLandingPath li::marker{color:var(--lime)}
.rhLandingPathBottom{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}
.rhLandingPathBottom>span{font-size:11px;color:#bbc9c5}
.rhLandingPathBottom .btn{min-height:45px}
.rhLandingSteps{counter-reset:none;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rhLandingSteps li{display:flex;align-items:flex-start;gap:16px;border:1px solid #34443f;border-radius:16px;padding:23px 20px;background:#14201f}
.rhLandingSteps li>span{color:#dcff89;font-size:30px;font-weight:900;letter-spacing:-2px;line-height:1;flex:none}
.rhLandingSteps h3{margin-bottom:8px;font-size:17px}
.rhLandingSteps p{font-size:12px;line-height:1.7;color:var(--rhLandingText)}
.rhLandingFaqList{max-width:960px;border-top:1px solid #34413e}
.rhLandingFaqList details{border-bottom:1px solid #34413e}
.rhLandingFaqList summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:21px 3px;list-style:none;font-size:15px;font-weight:750}
.rhLandingFaqList summary::-webkit-details-marker{display:none}
.rhLandingFaqList summary:after{content:"+";font-size:25px;color:var(--lime);line-height:1}
.rhLandingFaqList details[open] summary:after{content:"−"}
.rhLandingFaqList details p{padding:0 36px 21px 3px;color:var(--rhLandingText);font-size:13px;line-height:1.7}
.rhLandingFaqList summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.rhLandingClosing{margin:clamp(45px,6vw,80px) 0 10px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;border-radius:22px;padding:clamp(24px,4vw,46px);border:1px solid #647c46;background:radial-gradient(circle at 98% 10%,#586e3b66,transparent 38%),linear-gradient(115deg,#243b2b,#152325 80%)}
.rhLandingClosing .eyebrow{margin-bottom:13px}
.rhLandingClosing h2{font-size:clamp(25px,3.4vw,39px)}
.rhLandingClosing p{color:#cedbd2;font-size:12px;line-height:1.7;max-width:540px;margin-top:13px}
.rhLandingClosingActions .btn{min-height:45px}
@media(max-width:1100px){
 .rhLandingHero{grid-template-columns:minmax(0,1.05fr) minmax(260px,.85fr);padding:36px;gap:20px}
 .rhLandingCategory img{height:150px}
 .rhLandingBenefits{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rhLandingHighlights>div{padding:18px}
}
@media(max-width:760px){
 .rhLandingHero{grid-template-columns:1fr;padding:30px 25px;gap:27px}
 .rhLandingHeroCopy h1{font-size:clamp(39px,9vw,62px)}
 .rhLandingVisual{max-width:365px;transform:none}
 .rhLandingVideo{height:235px}
 .rhLandingHighlights{grid-template-columns:1fr}
 .rhLandingHighlights>div+div{border-left:0;border-top:1px solid var(--rhLandingLine)}
 .rhLandingCategoryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .rhLandingCategory img{height:130px}
 .rhLandingPaths{grid-template-columns:1fr}
 .rhLandingSteps{grid-template-columns:1fr}
}
@media(max-width:480px){
 .rhLandingHero{padding:25px 18px;border-radius:19px}
 .rhLandingHeroCopy h1{font-size:clamp(36px,10vw,47px);letter-spacing:-2px}
 .rhLandingHeroCopy>p{font-size:14px;margin:18px 0 23px}
 .rhLandingActions{display:grid;grid-template-columns:1fr}
 .rhLandingActions .btn{width:100%}
 .rhLandingHeroFoot{gap:7px 11px;font-size:10px}
 .rhLandingCategoryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .rhLandingCategory img{height:128px}
 .rhLandingCategory>div{padding:11px}
 .rhLandingCategory strong{font-size:13px}
 .rhLandingCategory span{font-size:10px}
 .rhLandingBenefits{grid-template-columns:1fr}
 .rhLandingBenefits article{padding:20px}
 .rhLandingSteps li{padding:20px 15px}
 .rhLandingClosingActions{width:100%}
 .rhLandingClosingActions .btn{width:100%}
 .rhLandingSectionTitle h2{font-size:28px}
}

/* Instant signup identity validation: clear green tick or red cross next to the handle. */
.authCard .rhUsernameCheck{display:flex;align-items:center;gap:9px;min-height:32px;margin-top:7px;padding:6px 10px;border-radius:10px;font-size:12px;font-weight:750;line-height:1.4;transition:background-color .15s,color .15s}
.authCard .rhUsernameCheck::before{content:'·';display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border:1px solid #708075;border-radius:50%;font-size:18px;font-weight:900;line-height:1}
.authCard .rhUsernameCheck.is-idle{color:#b5c8bc}
.authCard .rhUsernameCheck.is-checking{color:#dce8ae;background:#313b26}
.authCard .rhUsernameCheck.is-checking::before{content:'…';border-color:#c6da88;font-size:16px}
.authCard .rhUsernameCheck.is-valid{color:#b7ffbd;background:#1d402e}
.authCard .rhUsernameCheck.is-valid::before{content:'✓';color:#102515;background:#8bffa1;border:2px solid #8bffa1;font-size:15px}
.authCard .rhUsernameCheck.is-invalid{color:#ffc0c1;background:#47262c}
.authCard .rhUsernameCheck.is-invalid::before{content:'×';color:#37171d;background:#ff929a;border:2px solid #ff929a;font-size:20px}
.authCard .rhUsernameCheck.is-error{color:#f9d9a4;background:#44372b}
.authCard .rhUsernameCheck.is-error::before{content:'!';color:#44372b;background:#f5cc8b;border-color:#f5cc8b;font-size:14px}
.authCard .rhHandleInput.rhHandleValid{border:2px solid #77ef8b;box-shadow:0 0 0 2px #63ff8940}
.authCard .rhHandleInput.rhHandleInvalid{border:2px solid #fb8e96;box-shadow:0 0 0 2px #fb788c38}
.authCard form[data-form="register"] button[type="submit"]:disabled{opacity:.52;cursor:not-allowed;filter:grayscale(.3)}
@media(max-width:640px){.authCard .rhUsernameCheck{font-size:12px;min-height:38px}.authCard .rhUsernameCheck::before{width:24px;height:24px;flex-basis:24px}}

/* High-contrast, colourful on-lot card: seller portrait and landscape studios. */
.ragLiveLotBadge.rhLotBanner{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:auto;max-width:450px;padding:12px;border:2px solid #fa96ec;border-radius:17px;background:linear-gradient(125deg,#4d1a65 0%,#2c174b 65%,#16182e 100%);color:#fff;text-shadow:none;box-shadow:0 9px 30px #03020bcc,0 0 0 1px #fff2;min-width:0}
.ragLiveLotBadge.rhLotActive{border-color:#ff8a95;background:linear-gradient(125deg,#66243e,#341b45 68%,#161927)}
.rhLotBannerHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0}
.rhLotTag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;border-radius:7px;background:#ff80d3;color:#301233;font-size:11px;font-weight:950;line-height:1.2;letter-spacing:.7px;padding:8px 10px;white-space:nowrap}
.rhLotActive .rhLotTag{background:#ff8394;color:#34101c}
.rhLotTagDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#351037;box-shadow:0 0 0 2px #fff7}
.rhLotPrice{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:0;min-width:104px;padding:5px 10px 4px;background:#d9ff5f;color:#182014;border-radius:10px;box-shadow:0 2px 9px #0004;line-height:1.1;flex:none}
.rhLotPrice small{font-size:9px;font-weight:900;color:#26301e;letter-spacing:.5px}
.rhLotPrice strong,.ragLiveLotBadge .rhLotPrice strong{color:#182014;font-size:24px;font-weight:950;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.rhLotTitle{color:#fff;margin:0!important;font-size:20px;line-height:1.2;font-weight:900;letter-spacing:-.25px;overflow-wrap:anywhere;text-shadow:0 1px 3px #0006;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rhLotShipping{display:flex;align-items:center;gap:8px;min-width:0;width:100%;padding:8px 10px;border-radius:11px;background:#fff1fb;color:#281b36;border:1px solid #ffd1f1}
.rhLotShippingReady{background:#e8fff1;border-color:#a7efb9;color:#142d20}
.rhLotShippingIcon{width:25px;height:25px;flex:none;display:grid;place-items:center;background:#ebc5ef;color:#5c236e;border-radius:7px;font-size:18px;font-weight:900}
.rhLotShippingReady .rhLotShippingIcon{background:#bbebcb;color:#14502d}
.rhLotShippingCopy{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}
.rhLotShippingCopy small{font-size:9px;font-weight:950;letter-spacing:.65px;line-height:1.1}
.rhLotShippingCopy>span{display:block;font-size:12px;font-weight:750;line-height:1.3;overflow-wrap:anywhere;color:inherit}
.rhLotShipAction{flex:none;border:0;background:#572264;color:#fff;border-radius:8px;padding:8px 10px;min-height:36px;font-size:11px;font-weight:900;cursor:pointer}
.rhLotShipAction:hover{background:#78348b}
.rhLotShipAction:focus-visible{outline:3px solid #d9ff5f;outline-offset:3px}
.rhLotAuctionMeta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;font-weight:800;color:#fff}
.rhLotAuctionMeta .rhStageCountdown{background:#fbdae5;border-radius:8px;color:#661735;padding:4px 9px;text-shadow:none;font-size:18px;font-variant-numeric:tabular-nums}
.rhLotBanner.rhLotEmpty{gap:5px;padding:10px 12px}
.rhLotEmpty p{margin:0;color:#f9e9fd;font-size:12px;font-weight:750;line-height:1.35}
.rhStudioShippingCountries{margin-top:16px}
.rhStudioShippingCountries .rhCountryPrefs{background:#192b2a;border:1px solid #526b62}
.rhStudioShippingCountries .rhCountryPrefs h3{color:#fff}
@media(min-width:851px){
 .ragMobileStudio .ragSellerChatPeek{bottom:285px}
}
@media(max-width:850px){
 .ragMobileStudio .ragLiveLotBadge.rhLotBanner{left:12px;right:70px;bottom:calc(72px + env(safe-area-inset-bottom));max-width:430px;padding:11px;gap:7px}
 .ragMobileStudio .ragSellerChatPeek{bottom:calc(260px + env(safe-area-inset-bottom));max-height:85px}
 .ragMobileStudio:has(.rhLotActive) .ragSellerChatPeek{bottom:calc(300px + env(safe-area-inset-bottom))}
 .ragMobileStudio:has(.rhLotEmpty) .ragSellerChatPeek{bottom:calc(165px + env(safe-area-inset-bottom))}
}
@media(max-width:390px){
 .ragMobileStudio .ragLiveLotBadge.rhLotBanner{right:64px;padding:9px;gap:6px}
 .rhLotTitle{font-size:17px}
 .rhLotPrice{min-width:88px;padding:5px 7px}
 .ragLiveLotBadge .rhLotPrice strong{font-size:20px}
 .rhLotShipping{padding:7px;gap:6px}
 .rhLotShippingCopy>span{font-size:11px}
 .rhLotShipAction{padding:7px;font-size:10px}
}
@media(max-width:850px) and (max-height:700px){
 .ragMobileStudio .ragLiveLotBadge.rhLotBanner{bottom:calc(62px + env(safe-area-inset-bottom));right:104px}
 .ragMobileStudio .ragSellerChatPeek{bottom:calc(240px + env(safe-area-inset-bottom));max-height:70px}
 .ragMobileStudio:has(.rhLotActive) .ragSellerChatPeek{bottom:calc(285px + env(safe-area-inset-bottom))}
}


/* Seller and buyer audio truth: never render an ambiguous "Mic" or "Sound" state. */
.ragStudioIcon.rhMicActive,.rhInlineMicSwitch.rhMicActive{background:#1a3b2c!important;border-color:#a7fb79!important;color:#e7ffcf!important}
.ragStudioIcon.rhMicActive small,.rhInlineMicSwitch.rhMicActive small{color:#e7ffcf!important}
.ragStudioIcon.rhMicMuted,.rhInlineMicSwitch.rhMicMuted{background:#502d31!important;border-color:#ff9d8c!important;color:#ffe3df!important}
.ragStudioIcon.rhMicMuted small,.rhInlineMicSwitch.rhMicMuted small{color:#ffe3df!important}
.rhViewerSoundSwitch.rhViewerSoundOff{border-color:#e8b17f!important;background:#573a2c!important}
.rhViewerSoundSwitch.rhViewerSoundOn{border-color:#9ff37b!important;background:#224d31!important}
.rhViewerSoundSwitch small{font-size:8px!important;letter-spacing:-.1px;white-space:nowrap}
.rhMicCheck{padding:15px;border:1px solid #426b4e;border-radius:14px;background:#16271d;margin:16px 0;display:grid;gap:9px}
.rhMicCheck strong{font-size:14px;color:#d9ff9c}
.rhMicCheck p{font-size:12px;color:#c7dacb;line-height:1.55;margin:0}
.rhMicCheck .flex{display:flex;flex-wrap:wrap;gap:8px}
.rhMicMeter{height:13px;width:100%;border:1px solid #516951;background:#101a15;border-radius:999px;overflow:hidden}
.rhMicMeter>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#68d782,#ddff68);transition:width 70ms ease-out}
@media(max-width:480px){.rhMicCheck{padding:12px}.rhMicCheck .btn{font-size:11px;padding:9px}}

/* Seller-owned pin/unpin actions remain accessible in compact camera view. */
.rhLotBadgeTools{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.rhLotUnpin{flex:none;border:1px solid #ffe9fc9e;border-radius:8px;background:#fff3fc;color:#4e1a60;min-height:34px;padding:6px 9px;font-size:11px;font-weight:900;cursor:pointer;text-shadow:none}
.rhLotUnpin:hover{background:#fff}
.rhLotUnpin:focus-visible,.rhTrayUnpin:focus-visible{outline:3px solid #d9ff5f;outline-offset:2px}
.rhLotBannerHead .rhLotPrice{margin-left:auto}
.rhPinnedTrayStatus{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 11px;border:1px solid #e0a3e5;background:linear-gradient(110deg,#51255d,#30213e);border-radius:11px;color:#fff;font-size:12px}
.rhPinnedTrayStatus strong{min-width:0;overflow-wrap:anywhere}
.rhTrayUnpin{border-color:#ffc1e0!important;color:#ffe1f3!important;background:#5b2b4f!important;flex:none}
.rhQuickLotPinned{border-left:3px solid #f5a8ef;background:#36283f;padding:7px!important;border-radius:9px}
.quickLot>span{min-width:0;flex:1;overflow-wrap:anywhere}
.rhDevicePermissions{margin-top:15px;padding:13px;background:#1e2c30;border:1px solid #657a78;border-radius:12px}
.rhDevicePermissions h4{margin:0 0 10px;color:#fff;font-size:15px}
.rhDevicePermissions>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0;padding:9px 10px;border:1px solid #4c6863;background:#142327;border-radius:9px;color:#f3f8f6;font-size:12px}
.rhDevicePermissions>div strong{color:#d9ff5f;text-align:right;line-height:1.25}
.rhDevicePermissions>button{margin-top:8px}
.rhDevicePermissions p{margin:10px 0 0;color:#e1e9e8;font-size:12px;line-height:1.5}
.rhDevicePermissions p b{color:#fff}
@media(max-width:390px){
 .rhLotBadgeTools{gap:4px}
 .rhLotUnpin{min-height:30px;padding:5px 6px;font-size:10px}
 .rhPinnedTrayStatus{flex-wrap:wrap}
}

/* Livestream notices must sit above the fullscreen host (z=110) and viewer (z=130).
   Otherwise Mic actions can appear inert because their feedback is behind the video. */
#toast{z-index:250}
body.rhStreamFixed #toast{z-index:250;bottom:calc(16px + env(safe-area-inset-bottom));max-width:min(390px,calc(100vw - 24px));pointer-events:none}
@media(max-width:640px){body.rhStreamFixed #toast{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}}

/* High-visibility pinned lot: a colourful item card and one-tap auction launch. */
.ragLiveLotBadge.rhLotBanner.rhLotPinned{background:linear-gradient(125deg,#751a8c 0%,#4f166d 49%,#201438 100%);border:2px solid #ffb6f2;box-shadow:0 0 0 2px #ff57c633,0 13px 32px #0c0719dd}
.rhLotPinned .rhLotTag{color:#3e1341;background:#fff085;border:1px solid #fff4b9;box-shadow:0 2px 6px #10071966}
.rhLotPinned .rhLotTagDot{background:#ba25ab;box-shadow:0 0 0 2px #fff8}
.rhLotProductIdentity{display:flex;align-items:center;gap:10px;min-width:0}
.rhLotThumb{display:block;flex:none;width:53px;height:53px;object-fit:cover;border:2px solid #ffffffbd;border-radius:12px;background:#e6cff1;box-shadow:0 3px 13px #0007}
.rhLotProductCopy{flex:1;min-width:0}
.rhLotProductCopy .rhLotTitle{color:#fff;font-size:20px;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rhLotRemaining{display:inline-flex;margin-top:5px;color:#ffe0fa;font-size:11px;font-weight:800}
.rhLotStartAuction{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;width:100%;background:linear-gradient(100deg,#d9ff5f,#acfd72);border:2px solid #f0ffbc;color:#101f19;border-radius:11px;font-size:15px;font-weight:950;box-shadow:0 5px 14px #0006;cursor:pointer}
.rhLotStartAuction small{font-size:10px;font-weight:800;opacity:.78;margin-left:auto;padding-right:10px}
.rhLotStartAuction:hover{filter:brightness(1.06)}
.rhLotStartAuction:focus-visible{outline:3px solid #fff;outline-offset:3px}
.rhLotStartAuction:active{transform:scale(.99)}
/* Each creation represents a durable batch, not just a once-only auction row. */
.rhStockHelp{font-size:12px;color:#e0e8e4;line-height:1.4;margin:5px 0 12px}
.rhBatchTray{gap:12px}
.rhBatchCard.quickLot{display:flex;align-items:stretch;flex-direction:column;justify-content:flex-start;gap:9px;padding:12px!important;border:1px solid #6b5178;border-left:4px solid #d58df2;background:linear-gradient(125deg,#272034,#1b2531);border-radius:13px;min-width:0}
.rhBatchCard.rhQuickLotPinned{border-color:#eaaaff;border-left-color:#f7b7ff;background:linear-gradient(125deg,#462854,#202b35)}
.rhBatchTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;min-width:0}
.rhBatchTitle strong{color:white;font-size:15px;line-height:1.3;overflow-wrap:anywhere;min-width:0}
.rhBatchQty{flex:none;background:#d9ff5f;color:#1a291c;font-weight:900;font-size:10px;border-radius:7px;padding:5px 7px;white-space:nowrap}
.rhBatchProgress{width:100%;height:7px;background:#4b465b;border-radius:20px;overflow:hidden}
.rhBatchProgress span{height:100%;display:block;background:linear-gradient(90deg,#c49dfd,#81efbb);border-radius:20px}
.rhBatchInfo{display:flex;gap:9px;align-items:center;flex-wrap:wrap;min-width:0}
.rhBatchInfo>span{color:#d9ff5f;font-size:17px;font-weight:900}
.rhBatchInfo small{font-size:11px;color:#f3dff6}
.rhBatchActions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.rhBatchActions .btn{min-height:38px;padding:8px 13px;font-size:12px}
.rhBatchActions .btn:disabled{opacity:.47}
.rhStockEmpty{padding:12px;border:1px dashed #6d7881;border-radius:10px;color:#d6e6df;font-size:12px}
@media(max-width:850px){
 .ragMobileStudio:has(.rhLotPinned .rhLotStartAuction) .ragSellerChatPeek{bottom:calc(344px + env(safe-area-inset-bottom));max-height:65px}
}
@media(max-width:390px){
 .rhLotThumb{width:43px;height:43px;border-radius:9px}
 .rhLotProductCopy .rhLotTitle{font-size:17px}
 .rhLotStartAuction{min-height:39px;font-size:13px}
 .rhLotStartAuction small{font-size:9px}
 .rhBatchTitle{flex-wrap:wrap}
 .rhBatchQty{white-space:normal}
}
@media(max-width:850px) and (max-height:700px){
 .ragMobileStudio:has(.rhLotPinned .rhLotStartAuction) .ragSellerChatPeek{bottom:calc(330px + env(safe-area-inset-bottom));max-height:45px}
}

/* Seller camera states mirror the explicit green/red microphone buttons. */
.rhCameraSwitch.rhCameraActive,.rhInlineCameraSwitch.rhCameraActive{
 background:#1a3b2c!important;border:2px solid #a7fb79!important;color:#e7ffcf!important;
 box-shadow:0 0 0 1px #9bff8a42,0 3px 12px #041d10bd
}
.rhCameraSwitch.rhCameraActive small{color:#e7ffcf!important}
.rhCameraSwitch.rhCameraMuted,.rhInlineCameraSwitch.rhCameraMuted{
 background:#502d31!important;border:2px solid #ff9d8c!important;color:#ffe3df!important;
 box-shadow:0 0 0 1px #ff927844,0 3px 12px #180b10bd
}
.rhCameraSwitch.rhCameraMuted small{color:#ffe3df!important}
.rhCameraSwitch:focus-visible{outline:3px solid #fff!important;outline-offset:2px}
.rhDeleteAction{border-color:#f3a0ad!important;color:#ffd7df!important;background:#4a272d!important;font-weight:850}
.rhDeleteAction:hover{background:#622c39!important}
.rhOrderPayment{display:inline-flex;align-self:flex-start;border-radius:6px;padding:6px 9px;max-width:100%;font-size:11px!important;font-weight:850!important;line-height:1.3}
.rhOrderPaid{color:#bdf9c1!important;border:1px solid #74d78b;background:#1a3e2a}
.rhOrderUnpaid{color:#ffe4d0!important;border:1px solid #efa27d;background:#56312a}
.rhBuyerDestination{display:block;color:#f7dbb6!important;font-weight:700;font-size:12px!important}
.rhModeratorRole{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border:1px solid #8ac8ff;border-radius:5px;color:#061c38;background:#91d8ff;font-weight:950;font-size:9px;line-height:1.2;letter-spacing:.35px;text-shadow:none}
.rhPromoteMod{background:#172f47!important;border-color:#7dd1ff!important;color:#d8f3ff!important}
.rhPromoteMod:hover{background:#254866!important}
@media(max-width:400px){
 .rhOrderPayment{font-size:10px!important;padding:5px 7px}
 .rhCameraSwitch small{white-space:nowrap}
}

/* Private buyer address editing and seller-only picking details. */
.rhDeliveryAddress{display:grid;gap:12px}
.rhDeliveryAddress h3{margin:0}
.rhAddressFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rhAddressFields label{min-width:0}
.rhAddressFields input{width:100%;max-width:100%}
.rhAddressFields button{grid-column:1/-1;justify-self:start}
.rhAddressSafety{color:#dff7b9;font-size:12px;line-height:1.5}
.rhBuyerAddress{margin-top:8px;padding:12px;border:1px solid #917d5a;border-radius:10px;background:#30291d;color:#fff3d5;display:grid;gap:7px;font-size:12px}
.rhBuyerAddress>strong{color:#ffdeb0;letter-spacing:.35px;font-size:11px}
.rhBuyerAddress address{display:flex;flex-direction:column;gap:3px;font-style:normal;color:white;font-weight:650;overflow-wrap:anywhere}
.rhBuyerAddress address span{display:block}
.rhBuyerAddress p{margin:0;color:#ffe5c3}
@media(max-width:640px){.rhAddressFields{grid-template-columns:1fr}.rhAddressFields button{width:100%}}
@media print{.rhBuyerAddress{background:white!important;color:#111!important;border-color:#777}.rhBuyerAddress address{color:#111!important}}

/* Admin-only per-show moderator appointment controls. */
.rhAdminModeratorPanel{display:grid;gap:12px}
.rhModeratorAssign{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.rhModeratorAssign>label{flex:1;min-width:min(100%,210px)}
.rhModeratorAssign input{width:100%;max-width:100%}
.rhModeratorAssign button{min-height:43px}
.rhModeratorRoster{display:grid;gap:8px}
.rhModeratorAccount{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-radius:10px;padding:10px 12px;background:#172b3a;border:1px solid #648eae}
.rhModeratorAccount strong{min-width:0;flex:1;overflow-wrap:anywhere}
.rhModeratorAccount button{min-height:35px}
@media(max-width:640px){.rhModeratorAssign{display:grid}.rhModeratorAssign>label{min-width:0}.rhModeratorAssign button{width:100%}}

/* Cross-site search: keyboard-friendly grouped results, no private account data. */
.rhGlobalSearch{position:relative;min-width:190px;isolation:isolate}
.rhSearchResults{position:absolute;z-index:180;top:calc(100% + 9px);left:0;width:min(520px,calc(100vw - 28px));max-height:min(68vh,550px);overflow-y:auto;overscroll-behavior:contain;background:#17212b;border:1px solid #80998c;border-radius:15px;padding:8px;box-shadow:0 17px 46px #000b}
.rhSearchResults.hidden{display:none}
.rhSearchSection{padding:3px 1px 9px}
.rhSearchSection>strong{display:block;padding:10px 10px 6px;color:#dcff9a;font-size:11px;font-weight:950;letter-spacing:1.2px;text-transform:uppercase}
.rhSearchResult{display:flex;gap:10px;align-items:center;padding:11px 10px;border-radius:10px;color:#f0f5f0;text-decoration:none;outline-offset:1px}
.rhSearchResult:hover,.rhSearchResult:focus-visible{background:#2a3c3a;outline:2px solid #b8f26d}
.rhSearchResult>span:last-child{min-width:0;display:grid;gap:4px}
.rhSearchResult b{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.rhSearchResult small{font-size:11px;color:#b9cfc6;line-height:1.4}
.rhSearchType{flex:0 0 54px;text-align:center;font-size:10px;font-weight:950;color:#132326;background:#b3e88c;border-radius:7px;padding:8px 4px;letter-spacing:.2px}
.rhSearchHint{padding:18px 14px;color:#dee8d9;font-size:13px;line-height:1.5}
.rhPublicProfile{max-width:900px;display:grid;gap:23px}
.rhPublicProfileHead{padding:30px;border-radius:20px;border:1px solid #4e685d;background:linear-gradient(115deg,#1e3431,#20213b)}
.rhPublicProfileHead h1{font-size:clamp(33px,5vw,58px);color:#e5ffa2;overflow-wrap:anywhere;margin:9px 0}
.rhPublicProfileHead p{margin-bottom:19px;color:#d1e3df}
.rhProfileShow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;padding:16px 0;text-decoration:none;border-bottom:1px solid #425249;color:#fff}
.rhProfileShow b{font-size:15px}.rhProfileShow small{grid-column:1;color:#c5d8cc;font-size:12px}.rhProfileShow>span{grid-column:2;grid-row:1/3;color:#d9ff5f;font-weight:850}
.rhProfileShow:hover b{text-decoration:underline}
/* Make creating a stream a primary seller action, not an ordinary indistinct form. */
.rhCreateShowPanel{position:relative;border:2px solid #c1fb76!important;background:linear-gradient(146deg,#233d30 0%,#1c2933 58%,#241f37 100%)!important;box-shadow:0 0 0 5px #a7eb6114,0 15px 35px #0007}
.rhCreateShowPanel::before{content:"";position:absolute;top:0;right:0;width:135px;height:135px;border-top-right-radius:inherit;background:radial-gradient(circle at 100% 0%,#d7fa6940,transparent 72%);pointer-events:none}
.rhCreateShowHeading{display:flex;align-items:center;gap:13px;margin-bottom:9px}
.rhCreateShowHeading .eyebrow{font-size:10px;color:#d7ff87}
.rhCreateShowHeading h3{color:#fff;font-size:clamp(21px,2.2vw,29px);letter-spacing:-.6px;margin:3px 0}
.rhCreateShowIcon{flex:none;width:52px;height:52px;border-radius:15px;background:#d2ff6a;color:#18251c;display:grid;place-items:center;font-size:37px;font-weight:800}
.rhCreateShowPanel form>.btn[type="submit"]{background:#d2ff6a!important;color:#12220f!important;min-height:46px;font-weight:900;padding:12px 20px}
.rhCreateShowPanel :is(input,select,textarea):focus-visible{outline:2px solid #d4fb79;outline-offset:2px}
.rhSellerShowsPages{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;margin:11px 0 18px}
.rhSellerShowsPages>span{color:#d0e3d4;font-size:12px;font-weight:750}
.rhSellerShowsPages>div{display:flex;gap:5px;flex-wrap:wrap}
.rhShowPageNumber{min-width:35px;height:34px;background:#27343f;border:1px solid #53645d;border-radius:8px;color:#e0f1e0;cursor:pointer;font-size:13px;font-weight:850}
.rhShowPageNumber.active{background:#d1fa72;color:#1b2c21;border-color:#d1fa72}
.rhShowPageNumber:focus-visible{outline:2px solid white;outline-offset:2px}
.rhLandingRoomPreview{max-width:510px;transform:none;background:linear-gradient(150deg,#152126,#151222);border-color:#8fb184;box-shadow:0 22px 49px #020804bb}
.rhLandingRoomImage{height:auto;aspect-ratio:1120/850;min-height:0;overflow:hidden;background:#101a1d}
.rhLandingRoomImage img{display:block;height:100%;width:100%;object-fit:contain;object-position:center}
.rhLandingRoomImage::after{display:none}
.rhLandingRoomImage .rhLandingVideoLabel{top:10px;left:10px;background:#d7fa78;color:#13231b;border:0;box-shadow:0 3px 11px #0008}
.rhModPinnedNotice{border:2px solid #8dbfff!important;background:linear-gradient(105deg,#173c5e,#302657)!important;box-shadow:0 5px 22px #040b1ac2}
.rhModPinnedNotice b{color:#b6e6ff!important}
.rhModPinnedNotice [data-mod-pin-clock]{display:inline-block;margin-left:7px;font-size:11px;font-weight:900;color:#d6fb93;white-space:nowrap}
.rhCommentPin{background:#244b5c!important;color:#d1f0ff!important;border-color:#84cfff!important;font-weight:900}
@media(max-width:760px){
 .rhLandingRoomPreview{max-width:510px}
 .rhLandingRoomImage{height:auto}
 .rhGlobalSearch .rhSearchResults{left:50%;transform:translateX(-50%)}
 .rhCreateShowHeading h3{font-size:22px}
}
@media(max-width:480px){
 .rhGlobalSearch .rhSearchResults{position:fixed;top:69px;left:8px;right:8px;width:auto;transform:none;max-height:55vh}
 .rhPublicProfileHead{padding:19px}
 .rhCreateShowIcon{width:42px;height:42px;font-size:31px}
 .rhSellerShowsPages{align-items:flex-start;flex-direction:column}
}

/* Open a specific listing directly when selected from global search. */
.rhShopFocused{border:2px solid #d0ff72!important;box-shadow:0 0 0 5px #d4ff7933,0 9px 26px #0007;scroll-margin:110px}

/* Seller camera is a status indicator first, an action second: green ON / red OFF. */
.ragStudioIcon.rhCameraSwitch.rhCameraActive,.btn.rhCameraSwitch.rhCameraActive,.rhInlineCameraSwitch.rhCameraActive{
 background:#124d2e!important;border:2px solid #abff75!important;color:#efffe8!important;box-shadow:inset 0 0 0 1px #caff7a88,0 0 16px #53ff7650!important;font-weight:950
}
.ragStudioIcon.rhCameraSwitch.rhCameraMuted,.btn.rhCameraSwitch.rhCameraMuted,.rhInlineCameraSwitch.rhCameraMuted{
 background:#7e2538!important;border:2px solid #ff9090!important;color:#fff1ee!important;box-shadow:inset 0 0 0 1px #ffd4c477,0 0 15px #ff596e52!important;font-weight:950
}
.ragStudioIcon.rhCameraSwitch small,.rhInlineCameraSwitch small{font-weight:950!important;letter-spacing:.3px}
.ragStudioIcon.rhCameraSwitch.rhCameraActive small{color:#ecffe4!important}
.ragStudioIcon.rhCameraSwitch.rhCameraMuted small{color:#fff3f0!important}
/* Full-height cover strip on a pinned lot, text and controls remain readable alongside. */
.rhLotBanner:has(.rhLotThumb){position:relative;overflow:hidden;padding-left:clamp(88px,26%,134px)!important;min-height:172px}
.rhLotBanner:has(.rhLotThumb) .rhLotThumb{position:absolute;top:0;left:0;bottom:0;width:clamp(78px,25%,124px);height:100%;max-height:none;object-fit:cover;border-radius:14px 0 0 14px;border:0;border-right:2px solid #ffb6f2;box-shadow:7px 0 17px #0008}
.rhLotBanner:has(.rhLotThumb) .rhLotProductIdentity{display:contents}
.rhLotBanner:has(.rhLotThumb) .rhLotProductCopy{min-width:0}
.rhLotBanner:has(.rhLotThumb) .rhLotBannerHead{align-items:flex-start}
.rhLotBanner:has(.rhLotThumb) .rhLotBadgeTools{display:flex;gap:5px;flex-wrap:wrap}
.rhLotBanner:has(.rhLotThumb) .rhLotPrice{flex-shrink:0}
.rhLotBanner:has(.rhLotThumb) .rhLotTag{font-size:10px}
.rhChatUsernameAction{color:inherit;background:none;border:0;font:inherit;font-weight:900;cursor:pointer;text-decoration:underline;text-decoration-color:#b6ddbd88;text-underline-offset:3px;padding:1px 0}
.rhChatUsernameAction:hover,.rhChatUsernameAction:focus-visible{color:#d1ff83;text-decoration-color:currentColor}
.rhChatReply{border-color:#99d1a4!important;color:#e7ffdd!important}
.rhAdminManageActions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.rhAdminManageActions .btn{min-height:34px}
.rhAdminProtected{border:1px solid #a4c281;background:#24332a;color:#e4ffc2;padding:9px;border-radius:8px;font-size:12px;line-height:1.5}
.rhAuctionWinner a,.rhWinnerLink{color:#d5ff83;font-weight:900;text-decoration:underline;text-underline-offset:2px}
@media(max-width:480px){
 .rhLotBanner:has(.rhLotThumb){padding-left:78px!important;min-height:160px}
 .rhLotBanner:has(.rhLotThumb) .rhLotThumb{width:72px}
 .rhLotBanner:has(.rhLotThumb) .rhLotTag{font-size:9px;padding:5px 7px}
 .rhLotBanner:has(.rhLotThumb) .rhLotPrice strong{font-size:18px}
}

/* The chat username supports public @mentions/mod assignment, while DM is a separate private thread. */
.rhChatPrivateMessage{display:inline-flex;align-items:center;justify-content:center;flex:none;margin:0 5px;padding:2px 6px;border:1px solid #7ac6d5;border-radius:5px;color:#aef1ff;background:#133340;font-size:10px;font-weight:900;line-height:1.5;text-decoration:none;letter-spacing:.3px;vertical-align:middle}
.rhChatPrivateMessage:hover,.rhChatPrivateMessage:focus-visible{outline:2px solid #b5f3ff;outline-offset:1px;background:#28566b;color:#fff}
.rhChatRow .rhChatPrivateMessage{white-space:nowrap}
@media(max-width:480px){.rhChatPrivateMessage{font-size:9px;padding:2px 5px;margin:0 3px}}

/* Account security and trading-status onboarding: usable on phones and desktop. */
.rhSellerType{min-width:0;padding:14px;margin:12px 0 17px;border:1px solid #4b625c;border-radius:13px;display:grid;gap:10px}
.rhSellerType legend{padding:0 6px;color:#d9ff7a;font-weight:850}
.rhSellerType label{display:flex;align-items:flex-start;gap:9px;line-height:1.45;font-size:14px}
.rhSellerType label:has(input[name="legalBusinessName"]){display:grid;gap:6px}
.rhSellerType input[type="radio"]{flex:none;width:18px;height:18px;accent-color:#d9ff7a;margin-top:2px}
.rhSellerType input[name="legalBusinessName"]{width:100%;min-width:0}
.rhEmailVerification{display:grid;gap:12px}
.rhEmailVerification .split{flex-wrap:wrap}
.rhEmailVerification .subtle{margin-top:7px}
@media(max-width:640px){.rhSellerType{padding:11px}.rhEmailVerification .split{align-items:start}.rhEmailVerification .badge{margin-top:5px}}

/* A local camera is not proof of an active livestream. Never keep the red
   ON AIR styling during a failed/offline transport. */
#roomBroadcastStatus.rhTransportWarning,
#rhLivePill.rhTransportWarning{
 background:#422d11;
 color:#fff2d5;
 border:1px solid #d69b38;
}

/* Shipping action in the buyer's compact live product bar. Never overflow on iPhone. */
.rhViewerProduct .rhItemPostage{
 display:flex;align-items:center;min-width:0;max-width:100%;
 white-space:normal;overflow:visible;text-overflow:clip;
 font-size:11px;line-height:1.35;margin-top:5px;
}
.rhViewerProduct .rhItemPostage>span{
 display:block;min-width:0;max-width:100%;overflow:hidden;
 text-overflow:ellipsis;white-space:nowrap;
}
.rhViewerProduct .rhShippingSettingsLink{
 display:inline-flex;align-items:center;justify-content:space-between;gap:10px;
 max-width:100%;min-height:28px;box-sizing:border-box;padding:5px 10px;
 color:#dcff92;background:#213427;border:1px solid #caff79a8;
 border-radius:9px;text-decoration:none;font-size:11px;font-weight:800;
 white-space:normal;overflow-wrap:break-word;line-height:1.2;
}
.rhViewerProduct .rhShippingSettingsLink span{font-size:18px;line-height:1;flex:none}
.rhViewerProduct .rhShippingSettingsLink:focus-visible{outline:2px solid #d9ff5f;outline-offset:2px}
#rhAccountDeliverySettings{scroll-margin-top:20px;outline:none}
#rhAccountDeliverySettings:focus-visible{outline:2px solid #caff79;outline-offset:4px}
@media(max-width:390px){
 .rhViewerProduct .rhItemPostage{font-size:10px}
 .rhViewerProduct .rhShippingSettingsLink{font-size:11px;padding:5px 8px;min-height:30px}
}
/* Escape controls do not depend on the browser-sensitive top stream header.
   Keeping them fixed inside the visible viewport prevents an iPhone camera
   activation, address-bar collapse or a short landscape layout trapping users. */
.rhStreamEscapeNav{
 position:fixed;
 z-index:59;
 top:clamp(112px,19svh,190px);
 left:max(12px,env(safe-area-inset-left));
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:7px;
 width:max-content;
 max-width:min(58vw,250px);
 pointer-events:auto;
}
.rhStreamEscapeNav .rhEscapeLink{
 display:inline-flex;justify-content:center;align-items:center;gap:5px;
 flex:0 1 auto;min-width:0;min-height:44px;
 padding:9px 13px;
 border:1px solid #d7ffd39e;border-radius:100px;
 color:#fff;background:#091510e9;
 box-shadow:0 5px 22px #000b;
 backdrop-filter:blur(12px);
 text-align:center;text-decoration:none;
 font-size:12px;font-weight:850;line-height:1.15;
 white-space:normal;overflow-wrap:anywhere;
 touch-action:manipulation;
}
.rhStreamEscapeNav .rhEscapeEnd{
 background:#3b1519ec;border-color:#ff858c;color:#fff;
}
.rhStreamEscapeNav .rhEscapeLink:focus-visible{
 outline:3px solid #d9ff5f;outline-offset:3px;
}
.rhStreamReturnBar{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:12px;min-width:0;max-width:100%;
 border:1px solid #a3e27b;border-radius:15px;
 padding:13px 16px;background:#17251b;
 margin:12px 0 18px;
}
.rhStreamReturnBar span{display:grid;gap:3px;min-width:0;max-width:100%}
.rhStreamReturnBar strong{font-size:14px;color:#e5ffbd}
.rhStreamReturnBar small{display:block;font-size:12px;white-space:normal;overflow-wrap:anywhere}
.rhStreamReturnBar .btn{white-space:normal;text-align:center;min-width:0;max-width:100%}
/* Safe widths and wrapping for cards, forms and headings across mobile pages. */
.content,.workspace,.pageHead,.sectionHead,.panel,.cards,.formGrid,.rhShowPage,.rhWatchFullscreen{
 min-width:0;
}
.pageHead,.sectionHead{max-width:100%;min-width:0}
.pageHead > div,.sectionHead > div{min-width:0;max-width:100%}
.pageHead p,.sectionHead p,.panel p{overflow-wrap:anywhere}
@media(max-width:850px){
 .pageHead,.sectionHead{flex-wrap:wrap;gap:12px}
 .content{min-width:0;max-width:100%;padding-inline:clamp(10px,3vw,24px)}
 .rhStreamEscapeNav{top:clamp(104px,19svh,185px);max-width:min(58vw,245px)}
 .rhStreamReturnBar{padding:12px;align-items:stretch}
 .rhStreamReturnBar .btn{min-height:44px}
}
@media(max-width:390px){
 .rhStreamEscapeNav{left:max(8px,env(safe-area-inset-left));max-width:calc(100vw - 126px);gap:5px}
 .rhStreamEscapeNav .rhEscapeLink{min-height:42px;padding:8px 10px;font-size:11px}
 .rhStreamReturnBar{gap:8px}
}
@media(max-height:620px){
 .rhStreamEscapeNav{top:clamp(68px,19svh,118px)}
 .rhStreamEscapeNav .rhEscapeLink{min-height:40px}
}
@media(orientation:landscape) and (max-height:520px){
 .rhStreamEscapeNav{top:max(14px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left))}
 .rhStreamEscapeNav .rhEscapeLink{min-height:38px;padding:7px 9px}
}
/* Seller fullscreen studio — one consistent, centred two-column control rail.
   Previous small-screen overrides reduced the buttons to 40x39px while the
   labels still wrapped below the button, leaving Mic/Cam/Flip uneven. */
@media (max-width:850px) {
  .ragMobileStudio .ragStudioRail,
  body.rhStreamFixed .ragMobileStudio .ragStudioRail {
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 50px));
    grid-auto-rows:56px;
    gap:8px;
    width:108px;
    right:10px;
    justify-items:center;
    align-items:center;
    align-content:start;
    box-sizing:border-box;
    overflow-x:hidden;
  }
  .ragMobileStudio .ragStudioRail > .ragStudioIcon,
  body.rhStreamFixed .ragMobileStudio .ragStudioRail > .ragStudioIcon {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    justify-self:stretch;
    align-self:stretch;
    width:50px;
    min-width:0;
    height:56px;
    min-height:56px;
    max-height:56px;
    margin:0;
    padding:5px 2px;
    box-sizing:border-box;
    border-radius:13px;
    gap:4px;
    line-height:1;
    text-align:center;
    font-size:21px;
    flex-shrink:0;
  }
  .ragMobileStudio .ragStudioRail > .ragStudioIcon small,
  body.rhStreamFixed .ragMobileStudio .ragStudioRail > .ragStudioIcon small {
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    text-overflow:clip;
    white-space:nowrap;
    font-size:9px;
    line-height:12px;
    font-weight:750;
    text-align:center;
    letter-spacing:0;
  }
  /* Private streams have nine controls: the lone Flip sits centred below
     Mic/Cam, not visibly stranded in the left column. Public Show Share
     makes ten controls, so the final pair remains naturally balanced. */
  .ragMobileStudio .ragStudioRail > .ragStudioIcon:last-child:nth-child(odd),
  body.rhStreamFixed .ragMobileStudio .ragStudioRail > .ragStudioIcon:last-child:nth-child(odd) {
    grid-column:1 / -1;
    justify-self:center;
    width:50px;
  }
}
@media (max-width:850px) and (max-height:700px) {
  .ragMobileStudio .ragStudioRail,
  body.rhStreamFixed .ragMobileStudio .ragStudioRail {
    grid-template-columns:repeat(2, minmax(0, 46px));
    grid-auto-rows:49px;
    width:100px;
    gap:8px;
  }
  .ragMobileStudio .ragStudioRail > .ragStudioIcon,
  body.rhStreamFixed .ragMobileStudio .ragStudioRail > .ragStudioIcon {
    width:46px;
    height:49px;
    min-height:49px;
    max-height:49px;
    padding:3px 2px;
    gap:2px;
    font-size:18px;
  }
  .ragMobileStudio .ragStudioRail > .ragStudioIcon:last-child:nth-child(odd),
  body.rhStreamFixed .ragMobileStudio .ragStudioRail > .ragStudioIcon:last-child:nth-child(odd) {
    width:46px;
  }
}

/* In-stream seller lot creation: keep the camera mounted while an owner uses
   the existing auction-lot form inside the Live products bottom sheet. */
.rhViewerSheet .rhViewerLotCreate{
  display:grid;
  gap:12px;
  padding:14px 0 6px;
  border-top:1px solid #3b5650;
}
.rhViewerSheet .rhInlineLotToggle{
  min-height:46px;
  width:100%;
  justify-content:center;
  font-size:15px;
  font-weight:850;
}
.rhViewerSheet .rhInlineLotHelp{
  color:#d5e4dc;
  font-size:12px;
  line-height:1.5;
  margin:10px 0;
}
.rhViewerSheet .rhInlineLotForm{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  padding:12px 12px 18px;
  border:1px solid #51735f;
  background:#142520;
  border-radius:15px;
}
.rhViewerSheet .rhInlineLotForm label{
  display:block;
  color:#ecf8ed;
  font-size:13px;
  font-weight:700;
  line-height:1.4;
}
.rhViewerSheet .rhInlineLotForm input:not([type="checkbox"]),
.rhViewerSheet .rhInlineLotForm select{
  box-sizing:border-box;
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:44px;
  font-size:16px;
}
.rhViewerSheet .rhInlineLotForm input[type="file"]{padding:9px 6px}
.rhViewerSheet .rhInlineLotForm .ragFormRow{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:10px;
}
.rhViewerSheet .rhInlineLotForm .ragFormRow input{max-width:100%}
.rhViewerSheet .rhInlineLotForm .rhTimerOption{
  display:flex;
  align-items:center;
  gap:9px;
}
.rhViewerSheet .rhInlineLotForm .rhTimerOption input{
  width:20px;
  height:20px;
  flex:0 0 20px;
}
.rhViewerSheet .rhInlineLotForm button[type="submit"]{
  width:100%;
  min-height:48px;
  font-size:15px;
  font-weight:850;
}
@media(max-width:390px){
  .rhViewerSheet .rhInlineLotForm .ragFormRow{grid-template-columns:minmax(0,1fr)}
}

/* Make the owner-only route back to the live-selling studio unmistakable.
   Keep the existing narrow iPhone controls aligned, with an actual camera
   icon instead of the previously ambiguous Host target. */
.rhViewerRail .rhSellLiveShortcut,
.rhWatchFullscreen .rhViewerRail .rhSellLiveShortcut {
  color:#d9ff5f;
  background:#17261a;
  border-color:#d9ff5f;
  box-sizing:border-box;
}
.rhViewerRail .rhSellLiveShortcut svg,
.rhWatchFullscreen .rhViewerRail .rhSellLiveShortcut svg {
  display:block;
  width:20px;
  height:20px;
  flex:0 0 20px;
}
.rhViewerRail .rhSellLiveShortcut small,
.rhWatchFullscreen .rhViewerRail .rhSellLiveShortcut small {
  display:block;
  width:100%;
  margin:0;
  color:#eaffbb;
  font-size:8px;
  line-height:10px;
  text-align:center;
  white-space:nowrap;
}

/* Camera-state-invariant SELLER control rail.
   iPhone browser chrome can change the layout viewport after getUserMedia()
   and cross the old short-screen sizing breakpoint. Keep one fixed grid,
   origin and hit-target size before/after permission, live video, mute and
   camera flip; scroll the same rail if a genuinely short viewport requires it. */
@media (max-width:850px) {
  .ragMobileStudio .ragStudioRail,
  body.rhStreamFixed .ragMobileStudio .ragStudioRail {
    position:fixed;
    top:calc(100px + env(safe-area-inset-top));
    right:10px;
    bottom:auto;
    left:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,50px));
    grid-auto-rows:56px;
    gap:8px;
    width:108px;
    min-width:108px;
    max-width:108px;
    max-height:calc(100svh - 195px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    justify-items:center;
    align-items:center;
    align-content:start;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:none;
    z-index:33;
  }
  .ragMobileStudio .ragStudioRail > .ragStudioIcon,
  body.rhStreamFixed .ragMobileStudio .ragStudioRail > .ragStudioIcon {
    width:50px;
    min-width:50px;
    max-width:50px;
    height:56px;
    min-height:56px;
    max-height:56px;
    margin:0;
    padding:5px 2px;
    line-height:1;
    flex-shrink:0;
    box-sizing:border-box;
    align-self:stretch;
    justify-self:stretch;
  }
  .ragMobileStudio .ragStudioRail > .ragStudioIcon small,
  body.rhStreamFixed .ragMobileStudio .ragStudioRail > .ragStudioIcon small {
    width:100%;
    height:12px;
    min-height:12px;
    max-height:12px;
    margin:0;
    padding:0;
    overflow:hidden;
    white-space:nowrap;
    line-height:12px;
    font-size:9px;
    text-align:center;
  }
  .ragMobileStudio .ragStudioRail > .ragStudioIcon:last-child:nth-child(odd),
  body.rhStreamFixed .ragMobileStudio .ragStudioRail > .ragStudioIcon:last-child:nth-child(odd) {
    grid-column:1 / -1;
    width:50px;
    justify-self:center;
  }
}

/* Keep seller quick-lot creation visible at the top of the Live products sheet.
   The sticky header remains reachable even when a live show has many lots. */
.rhViewerSheet .rhSheetHead{
  gap:10px;
}
.rhViewerSheet .rhSheetHead > strong{
  min-width:0;
}
.rhViewerSheet .rhSheetControls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-shrink:0;
  gap:8px;
}
.rhViewerSheet .rhSheetControls > button[data-panel="closed"]{
  flex-shrink:0;
}
.rhViewerSheet .rhSheetHead .rhInlineLotToggle{
  width:auto;
  flex-shrink:0;
  min-height:38px;
  padding:7px 12px;
  font-size:13px;
  line-height:1.1;
  white-space:nowrap;
}
@media(max-width:390px){
 .rhViewerSheet .rhSheetHead .rhInlineLotToggle{
   padding:7px 9px;
   font-size:12px;
 }
}

/* Live auction bid activity: visible over video in both the viewer room and
   the broadcaster studio without moving or rebuilding the camera controls. */
.rhLiveBidTicker{
 position:absolute;z-index:22;top:18px;left:14px;
 width:min(260px,calc(100% - 118px));max-width:260px;
 padding:10px 12px;background:linear-gradient(145deg,#0c1918ee,#18261fe3);
 border:1px solid #d9ff5f77;border-radius:15px;color:#fff;
 box-shadow:0 8px 28px #0008;pointer-events:none;
 backdrop-filter:blur(12px);box-sizing:border-box;
}
.rhBidTickerIdle{display:none}
.rhLiveBidHeadline{display:flex;gap:8px;align-items:baseline;justify-content:space-between}
.rhLiveBidHeadline span{font-size:10px;font-weight:800;letter-spacing:.6px;color:#cce7cc}
.rhLiveBidHeadline strong{font-size:23px;line-height:1.15;color:#d9ff5f;white-space:nowrap;font-variant-numeric:tabular-nums}
.rhBidLeader{font-size:12px;font-weight:750;margin:5px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.rhBidActivity{display:flex;flex-direction:column;gap:4px}
.rhBidActivityRow{display:flex;justify-content:space-between;align-items:center;gap:8px;
 font-size:11px;color:#e4f1e7;min-width:0}
.rhBidActivityRow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rhBidActivityRow strong{font-size:12px;white-space:nowrap;color:#f4fff4;font-variant-numeric:tabular-nums}
.rhBidActivityRow.rhBidLatest{color:#d9ff5f}
.rhBidActivityRow.rhBidLatest strong{color:#d9ff5f}
.rhViewerMobile .rhLiveBidTicker{top:calc(112px + env(safe-area-inset-top));left:11px;z-index:17}
.rhAuctionBidHistory{margin:13px 0 6px;padding:11px;background:#1d2929;
 border:1px solid #415650;border-radius:13px;color:#f4fff4;min-width:0}
.rhBidHistoryHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
 margin-bottom:9px;border-bottom:1px solid #ffffff25;padding-bottom:8px}
.rhBidHistoryHead strong{font-size:14px}
.rhBidHistoryHead small{font-size:11px;color:#c5d7ce}
.rhBidHistoryRow{display:flex;align-items:center;justify-content:space-between;
 gap:10px;border-bottom:1px solid #ffffff16;padding:7px 0;font-size:12px;min-width:0}
.rhBidHistoryRow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rhBidHistoryRow strong{font-variant-numeric:tabular-nums;white-space:nowrap;color:#d9ff5f}
.rhAuctionBidHistory p{font-size:12px;color:#c7d4cf}
/* Server-confirmed auction result: the winner appears at the upper/centre
   of the video and again above the current lot. Both stay click-through, so
   chat, bids, sound and studio controls remain interactive on small screens. */
.rhWinnerFlash{
 position:absolute;z-index:80;top:31%;left:50%;transform:translate(-50%,-50%);
 width:min(85%,325px);min-width:0;box-sizing:border-box;
 color:#f7fff1;background:linear-gradient(150deg,#111b18e8,#101414d4);
 border:1px solid #ddff8c9c;border-radius:25px;padding:13px 15px 15px;
 box-shadow:0 14px 55px #000b,0 0 26px #d9ff5f45;text-align:center;
 display:flex;flex-direction:column;gap:6px;align-items:center;
 pointer-events:none;animation:rhWinnerPop .21s ease-out both;
}
.rhWinnerFlashCaption{font-size:11px;font-weight:950;letter-spacing:1.4px;color:#eaffaa}
.rhWinnerFlashAvatar{width:clamp(59px,16vw,92px);height:clamp(59px,16vw,92px);
 border-radius:50%;border:3px solid #d9ff5f;background:#edf3ee;color:#111b15;
 display:grid;place-items:center;font-size:clamp(29px,8vw,48px);font-weight:950;
 box-shadow:0 4px 26px #0007}
.rhWinnerFlashName{display:block;max-width:100%;font-size:clamp(23px,6vw,34px);
 line-height:1.18;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 font-weight:950;color:#d9ff5f}
.rhWinnerFlashAmount{font-weight:950;font-size:clamp(18px,5vw,26px);
 color:#fff;font-variant-numeric:tabular-nums}
.rhWinnerFlashUnsold{border-color:#aeb6b9a8;box-shadow:0 14px 55px #000b}
.rhWinnerFlashUnsold .rhWinnerFlashName{color:#f4f4f4}
.rhWinnerResult{position:absolute;z-index:81;left:12px;right:72px;
 bottom:calc(265px + env(safe-area-inset-bottom));
 min-width:0;max-width:calc(100% - 24px);display:flex;gap:9px;align-items:center;
 border:1px solid #d9ff5f88;border-radius:13px;padding:9px 11px;
 background:#0c1716ec;color:#fff;box-shadow:0 8px 32px #000b;
 pointer-events:none;box-sizing:border-box;animation:rhWinnerResultIn .22s ease-out both}
.rhWinnerResultAvatar{flex:none;width:34px;height:34px;border-radius:50%;
 background:#e9f2e9;border:2px solid #d9ff5f;color:#122014;
 display:grid;place-items:center;font-weight:950;font-size:17px}
.rhWinnerResultCopy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rhWinnerResultName{color:#d9ff5f;font-size:clamp(12px,3.5vw,15px);
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rhWinnerResultLot{font-size:10px;color:#e2eae5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rhWinnerResultPrice{color:#fff;font-size:11px;font-weight:900;white-space:nowrap;
 font-variant-numeric:tabular-nums;flex:none}
.rhWinnerResultUnsold{border-color:#a8adad99}
.rhWinnerResultUnsold .rhWinnerResultName{color:#fff}
.rhShowPage:not(.rhWatchFullscreen) .videoBox>.rhWinnerResult{bottom:18px;right:12px}
.ragMobileStudio .rhWinnerResult{bottom:clamp(180px,25dvh,282px);right:82px}
@keyframes rhWinnerPop{
 from{opacity:0;transform:translate(-50%,-45%) scale(.78)}
 to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@keyframes rhWinnerResultIn{
 from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}
}
@media(max-width:850px){
 /* Leave the fixed seller/viewer control rail clear, even on 320px iPhones.
    Centre in the remaining video area, not across the full viewport. */
 .ragMobileStudio .liveStage>.rhWinnerFlash,
 .rhShowPage .videoBox>.rhWinnerFlash{
  left:calc((100% - 126px)/2);
  width:min(calc(100% - 138px),325px);
 }
 /* The actual seller grid is 108px wide and right-aligned 10px.
    Place the bottom result to its LEFT, not underneath Mic/Cam/Flip. */
 .ragMobileStudio .rhWinnerResult{right:126px}
 .rhWatchFullscreen .videoBox>.rhWinnerResult{right:126px}
 .rhWinnerResult{display:grid;grid-template-columns:34px minmax(0,1fr);
  column-gap:9px;row-gap:2px;align-items:center}
 .rhWinnerResultAvatar{grid-column:1;grid-row:1 / span 2}
 .rhWinnerResultCopy{grid-column:2;grid-row:1;min-width:0}
 .rhWinnerResultPrice{grid-column:2;grid-row:2;font-size:11px}
 .rhShowPage:not(.rhWatchFullscreen) .videoBox>.rhWinnerResult{bottom:calc(265px + env(safe-area-inset-bottom));right:126px}
}
@media(max-width:480px){
 .rhWinnerFlash{top:30%;width:min(83%,285px);padding:10px 12px 12px;gap:4px}
 .rhWinnerResult{left:8px;right:126px;padding:7px 8px;gap:7px}
 .rhWinnerResultPrice{font-size:10px}
 .rhWinnerResultAvatar{width:29px;height:29px;font-size:14px}
}
@media(max-height:660px){
 .rhWinnerFlash{top:28%;padding:7px 10px;gap:3px}
 .rhWinnerFlashAvatar{height:50px;width:50px;font-size:27px}
 .rhWinnerResult{bottom:calc(245px + env(safe-area-inset-bottom))}
}
@media(max-width:390px){
 .rhLiveBidTicker{left:9px;padding:9px 10px;width:min(226px,calc(100% - 109px))}
 .rhViewerMobile .rhLiveBidTicker{left:8px;top:calc(108px + env(safe-area-inset-top))}
 .rhLiveBidHeadline strong{font-size:21px}
 .rhLiveBidHeadline span{font-size:9px}
 .rhBidHistoryHead{flex-wrap:wrap;gap:4px}
}
@media(prefers-reduced-motion:reduce){.rhWinnerFlash,.rhWinnerResult{animation:none}}

/* Responsive viewport contract across public, account, seller, admin and fulfilment pages.
   Preserve immersive broadcast controls; never hide the only way to read a table. */
html.rhFixedWidth .layout,html.rhFixedWidth .workspace,html.rhFixedWidth .content,
html.rhFixedWidth main,html.rhFixedWidth .footer,html.rhFixedWidth .rhLanding,
html.rhFixedWidth .rhPricing{min-width:0;max-width:100%}
html.rhFixedWidth .content{width:100%}
html.rhFixedWidth .content>:not(.liveStudio){min-width:0;max-width:100%}
html.rhFixedWidth :is(.panel,.stat,.showCard,.lotCard,.authCard,.joinChoice,.rhLandingPath,
.rhLandingHero,.rhLandingCategory,.rhLandingBenefits article,.rhPlanCard,.rhRulesGrid article){min-width:0;max-width:100%}
html.rhFixedWidth :is(.content,.panel,.authCard,.rhLanding,.rhPricing,.rhLandingHero,
.rhSiteAutoPromo,.pageHead,.sectionHead,.footer){overflow-wrap:anywhere}
@media(max-width:850px){
 /* Permit scrolling within responsive pages, never native pinch-to-zoom. */
 html.rhFixedWidth:not(:has(body.rhStreamFixed)),
 html.rhFixedWidth:not(:has(body.rhStreamFixed)) body,
 html.rhFixedWidth:not(:has(body.rhStreamFixed)) #app{touch-action:pan-x pan-y}
 /* Data-dense management tables scroll inside their own area, not off-screen. */
 html.rhFixedWidth .content table{display:block;max-width:100%;overflow-x:auto;
  -webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;touch-action:pan-x pan-y}
 html.rhFixedWidth .content :is(.btn,.pill){max-width:100%;white-space:normal;text-align:center}
 html.rhFixedWidth .content :is(.pageHead,.sectionHead,.split){flex-wrap:wrap}
 html.rhFixedWidth .content :is(.panel,.authCard){padding-inline:clamp(12px,3.5vw,24px)}
 html.rhFixedWidth .topbar{min-width:0}
 html.rhFixedWidth .topbar .topRight{min-width:0;flex-shrink:1;flex-wrap:wrap;justify-content:flex-end}
}
@media(max-width:380px){
 html.rhFixedWidth .content{padding-inline:10px}
 html.rhFixedWidth .topbar{padding-inline:9px}
 html.rhFixedWidth .topbar .mobileBrand{min-width:0;flex-shrink:1}
 html.rhFixedWidth .topbar .topRight .btn{padding-inline:9px;font-size:11px}
 html.rhFixedWidth .mobileBar a{min-width:0}
}

/* BEGIN RAG HOUSE PUBLIC PRICING CSS: synchronized with public/pricing.css */
/* Rag House first-party public pricing and AutoPack presentation. */
.rhPricing{--rhPriceLine:#34404d;color:#f6f8fa;width:100%;max-width:1440px;min-width:0;margin:0 auto;padding:8px 0 46px;overflow-wrap:anywhere}
.rhPricing *{min-width:0}
.rhPricing :is(.btn,.rhPricingLearn){max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
.rhPricing :is(.rhPlanCard,.rhPricingIntro,.rhAutopackTeaser,.rhPricingFinal,.rhLabelSheet){max-width:100%}
.rhPricingIntro{padding:clamp(30px,5vw,70px) clamp(22px,5vw,65px);background:radial-gradient(circle at 88% 12%,rgba(218,255,97,.15),transparent 42%),linear-gradient(135deg,#161f29,#101820 62%,#1c2527);border:1px solid #344334;border-radius:26px;margin-bottom:36px;overflow:hidden}
.rhPricingIntro h1{max-width:980px;margin:12px 0 22px;font-size:clamp(38px,6vw,75px);line-height:1.04;letter-spacing:-2.5px}
.rhPricingIntro em{font-style:normal;color:var(--lime,#daff61)}
.rhPricingIntro>p{font-size:clamp(15px,1.55vw,20px);line-height:1.65;color:#c3ced7;max-width:790px}
.rhPricingHeroPoints{display:flex;gap:10px 26px;flex-wrap:wrap;margin:22px 0;color:#d5e3cd;font-size:14px;font-weight:650}
.rhPricingLearn{display:inline-block;margin-top:3px;color:var(--lime,#daff61);font-weight:700;text-decoration:underline;text-underline-offset:5px}
.rhPricingSectionHead{margin:22px 0}
.rhPricingSectionHead h2{font-size:clamp(27px,3vw,41px);margin-top:7px;line-height:1.16}
.rhPricingSectionHead p{color:#b9c7d3;margin-top:10px;max-width:760px}
.rhPlanGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0 48px}
.rhPlanCard{position:relative;padding:25px 19px 21px;border:1px solid var(--rhPriceLine);background:linear-gradient(165deg,#202c38,#151d28);border-radius:18px;display:flex;flex-direction:column;gap:12px}
.rhPlanCard.rhPlanPopular{border:2px solid var(--lime,#daff61);background:linear-gradient(165deg,#2a3436,#171f28)}
.rhPlanCard .eyebrow{font-size:10px}
.rhPlanCard h3{font-size:26px;letter-spacing:-.5px}
.rhPlanCard p{font-size:13px;color:#c0cbd5;min-height:48px}
.rhPlanPrice{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin-top:6px}
.rhPlanPrice strong{font-size:clamp(27px,3vw,44px);letter-spacing:-1.6px}
.rhPlanPrice span{color:#bfcbd6;font-size:13px}
.rhPlanAllowance{display:flex;align-items:center;gap:11px;padding:14px 10px;background:#0f1923;border:1px solid #33414f;border-radius:10px}
.rhPlanAllowance strong{font-size:38px;color:var(--lime,#daff61);line-height:1}
.rhPlanAllowance span{font-size:12px;color:#e1e9ef}
.rhPlanCard ul{list-style:none;padding:0;margin:5px 0 12px;display:grid;gap:8px;font-size:12px;flex:1}
.rhPlanCard li:before{content:"✓";color:var(--lime,#daff61);font-weight:800;margin-right:9px}
.rhPlanCard>.btn{text-align:center}
.rhPlanHighlight{position:absolute;top:-13px;left:15px;padding:4px 12px;border-radius:99px;background:var(--lime,#daff61);color:#101b21;font-size:11px;font-weight:850}
.rhComparison{margin:44px 0}
.rhComparisonScroll{overflow:auto;max-width:100%;border:1px solid var(--rhPriceLine);border-radius:16px;background:#121b25;scrollbar-width:thin;scrollbar-color:#697a87 #141c26}
.rhComparisonMobile{display:none}
.rhCompareMobileCard{padding:16px;background:#16222d;border:1px solid var(--rhPriceLine);border-radius:14px}
.rhCompareMobileCard h3{font-size:16px;line-height:1.35;margin:0 0 5px}
.rhCompareMobileCard>p{font-size:12px;line-height:1.45;color:#bdc9d2;margin:0 0 13px}
.rhCompareMobileValues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rhCompareMobileValue{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:11px 12px;border:1px solid #344753;border-radius:10px;background:#0e1924}
.rhCompareMobileValue>strong{font-size:12px;line-height:1.35}
.rhCompareMobileValue>strong small{color:#cfe7a3;font-size:11px;display:block;margin-top:3px}
.rhCompareMobileValue>span{font-size:13px;overflow-wrap:anywhere}
.rhComparisonScroll:focus-visible{outline:3px solid var(--lime,#daff61);outline-offset:4px}
.rhComparison table{width:100%;min-width:730px;border-collapse:separate;border-spacing:0;text-align:center}
.rhComparison th,.rhComparison td{padding:16px 12px;border-bottom:1px solid #2d3c48;border-right:1px solid #293640;vertical-align:middle;font-size:13px}
.rhComparison tr:last-child th,.rhComparison tr:last-child td{border-bottom:0}
.rhComparison th:first-child{text-align:left;min-width:220px;width:33%;position:sticky;left:0;background:#172330;z-index:1}
.rhComparison thead th{background:#243240;color:#fff;font-size:15px;font-weight:750}
.rhComparison thead th:first-child{z-index:2;background:#2b3a47}
.rhComparison thead th span{display:block;margin-top:3px;color:var(--lime,#daff61);font-size:12px}
.rhComparison tbody th{font-weight:600}
.rhComparison tbody th small{display:block;font-size:11px;line-height:1.4;font-weight:400;color:#bdc9d2;margin-top:5px}
.rhCompareYes{font-size:20px;color:var(--lime,#daff61);font-weight:750}
.rhCompareNo{color:#98a5b1}
.rhPricingCaution,.rhPricingDisclosure{color:#c6d0d9;line-height:1.7;font-size:13px;margin-top:16px}
.rhPricingDisclosure a{color:var(--lime,#daff61);text-decoration:underline}
.rhAutopackTeaser{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:28px;padding:clamp(25px,4vw,44px);background:linear-gradient(140deg,#1b302d,#151d2a);border:1px solid #46624c;border-radius:23px;align-items:center;margin:45px 0}
.rhAutopackTeaser h2{font-size:clamp(30px,3.5vw,45px);line-height:1.12;margin:10px 0 16px}
.rhAutopackTeaser p{color:#d1dbde;line-height:1.65}
.rhAutoFeatures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}
.rhAutoFeatures span{padding:10px;background:#0e211f;border:1px solid #3b5f4b;border-radius:9px;font-size:12px;font-weight:650}
.rhLabelPreview{text-align:center}
.rhLabelSheet{text-align:left;display:flex;flex-direction:column;gap:5px;padding:25px 22px;background:#fcfcf7;color:#151c1c;max-width:340px;margin:0 auto;border:3px solid #f6f5ee;border-radius:3px;box-shadow:0 15px 45px #0009;transform:rotate(2deg)}
.rhLabelSheet>span:first-child{font-size:12px;letter-spacing:.15em;font-weight:800}
.rhLabelSheet strong{font-size:clamp(23px,6.5vw,39px);letter-spacing:-1.5px;overflow-wrap:anywhere}
.rhLabelSheet b{font-size:17px}
.rhLabelSheet small{font-size:11px;font-weight:800}
.rhLabelSheet small:nth-last-child(2){background:#1c2424;color:white;padding:7px}
.rhLabelPreview>p{margin-top:18px;color:#bbd0c4;font-size:12px}
.rhPricingRules{margin:48px 0}
.rhRulesGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rhRulesGrid article{background:#19232f;border:1px solid #31414e;border-radius:14px;padding:21px}
.rhRulesGrid strong{font-size:16px}
.rhRulesGrid p{color:#c0ccd5;margin-top:8px;font-size:13px;line-height:1.75}
.rhPricingFaq{margin:45px 0}
.rhPricingFaq details{border-bottom:1px solid #34414c;padding:16px 5px}
.rhPricingFaq summary{cursor:pointer;font-weight:750;font-size:15px}
.rhPricingFaq details p{color:#c3ced8;padding:11px 0 2px;max-width:830px;line-height:1.7}
.rhPricingFinal{background:linear-gradient(125deg,#25362f,#141d28);padding:clamp(24px,4vw,44px);border-radius:20px;border:1px solid #3a6542;text-align:center;margin:48px 0 20px}
.rhPricingFinal h2{font-size:clamp(27px,4vw,45px);margin:12px 0}
.rhPricingFinal p{color:#c4d2d9;margin-bottom:24px}
.rhPricingFinal>div{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.rhAutopackPage .rhAutopackFeature{margin:18px 0}
.rhSiteAutoPromo{display:flex;justify-content:space-between;align-items:center;gap:14px;background:linear-gradient(100deg,#1f322f,#242b2d);border:1px solid #4e7454;border-radius:13px;padding:14px 18px;margin-bottom:26px;flex-wrap:wrap}
.rhSiteAutoPromo strong{font-size:14px;display:block}
.rhSiteAutoPromo span{color:#d6e7d8;font-size:12px}
.rhSiteAutoPromo .btn{white-space:normal;text-align:center}
.rhLandingAutoPromo{margin:22px 0 34px;border-radius:19px}
.rhLandingAutoPromo>div{max-width:820px}
.rhLandingAutoPromo h2{font-size:clamp(23px,3vw,33px);margin:7px 0}
.rhLandingAutoPromo p{color:#d1dfda;line-height:1.7;margin-bottom:14px}
.rhLandingAutoPromo .rhPricingHeroPoints{margin:12px 0}
.rhPreviewPricingLink{display:inline-flex;color:var(--lime,#daff61)}
.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:920px){
 .rhComparisonScroll{display:none}
 .rhComparisonMobile{display:grid;gap:12px}
}
@media(max-width:1160px){.rhPlanGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rhPlanCard p{min-height:0}}
@media(max-width:720px){.rhPricingIntro{border-radius:15px;padding:28px 19px}.rhPricingIntro h1{letter-spacing:-1.4px}.rhAutopackTeaser{grid-template-columns:1fr;gap:20px;padding:25px 18px}.rhLabelSheet{transform:none}.rhRulesGrid{grid-template-columns:1fr}.rhComparison th:first-child{min-width:180px;width:180px}.rhComparison th,.rhComparison td{padding:11px 8px}.rhSiteAutoPromo{align-items:flex-start}.rhLandingAutoPromo .rhPricingHeroPoints{gap:7px}}
@media(max-width:600px){.rhPlanGrid{grid-template-columns:1fr;gap:17px}.rhPlanCard{padding:21px 19px}.rhPricingHeroPoints{display:grid;gap:7px}.rhPricingIntro h1{font-size:37px}.rhAutoFeatures{grid-template-columns:1fr}.rhPricingFinal>div .btn{width:100%}.rhSiteAutoPromo .btn{width:100%}.rhLabelSheet strong{font-size:33px}}

/* Small screens retain the visible Plans bottom-nav link without crowding sign-in buttons. */
@media(max-width:640px){.topbar .rhPreviewPricingLink{display:none}}
/* Responsive pricing is a layout, not a clipped desktop table. */
.rhPricing{width:100%;min-width:0}
.rhPricing :is(h1,h2,h3,p,li,summary,small){overflow-wrap:anywhere}
.rhPricing .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.35;text-align:center}
.rhPricingIntro,.rhPlanCard,.rhAutopackTeaser,.rhRulesGrid article,.rhPricingFinal{min-width:0;max-width:100%}
.rhPlanGrid{width:100%;min-width:0}
.rhPlanCard .rhPlanPrice{min-width:0}
.rhPlanAllowance span{overflow-wrap:anywhere}
.rhLabelSheet{width:100%;min-width:0;overflow-wrap:anywhere}
.rhLabelSheet strong{font-size:clamp(25px,3vw,39px);line-height:1.12;overflow-wrap:anywhere}
.rhSiteAutoPromo>*{min-width:0;max-width:100%}
@media(max-width:1300px){
 .rhPlanGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rhPlanCard p{min-height:0}
}
@media(max-width:960px){
 .rhAutopackTeaser{grid-template-columns:minmax(0,1fr)}
 .rhLabelPreview{width:100%;min-width:0}
}
@media(max-width:840px){
 /* Keep all four tiers visible without requiring horizontal panning. */
 .rhComparisonScroll{width:100%;max-width:100%;overflow:visible;border:0;background:transparent}
 .rhComparison table,.rhComparison tbody{display:block;min-width:0;width:100%}
 .rhComparison thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 .rhComparison tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}
 .rhComparison tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;padding:14px;border:1px solid var(--rhPriceLine);border-radius:14px;background:#17232e}
 .rhComparison tbody th:first-child{display:block;position:static;grid-column:1/-1;z-index:auto;width:auto;min-width:0;max-width:100%;padding:0 0 9px;border:0;background:transparent;text-align:left}
 .rhComparison tbody th strong{display:block;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
 .rhComparison tbody th small{display:block;margin-top:5px}
 .rhComparison tbody td,.rhComparison tbody tr:last-child td{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:65px;padding:8px 5px;border:1px solid #33424f;border-radius:9px;background:#101b25;overflow-wrap:anywhere}
 .rhComparison tbody td::before{content:attr(data-plan);display:block;font-size:11px;color:#c7d3dc;font-weight:800;line-height:1.2}
 .rhComparison .rhCompareYes{font-size:19px;line-height:1.1}
}
@media(max-width:580px){
 .rhPlanGrid{grid-template-columns:minmax(0,1fr);gap:19px}
 .rhPricingIntro h1{font-size:clamp(30px,9vw,43px);letter-spacing:-1.3px}
 .rhPricingIntro,.rhAutopackTeaser,.rhPricingFinal{padding-inline:clamp(15px,5vw,23px)}
 .rhPricingSectionHead h2{font-size:clamp(24px,7vw,30px)}
 .rhAutoFeatures{grid-template-columns:1fr}
 .rhPricingFinal>div{display:grid;grid-template-columns:1fr}
 .rhPricingFinal>div .btn,.rhSiteAutoPromo .btn{width:100%}
 .rhSiteAutoPromo{flex-direction:column;align-items:stretch}
 .rhRulesGrid{grid-template-columns:1fr}
 .rhLabelSheet{max-width:100%;padding:20px 15px}
 .rhLabelSheet strong{font-size:clamp(24px,8vw,34px)}
 .rhLabelSheet b{font-size:clamp(13px,4vw,17px)}
}
@media(max-width:360px){
 .rhComparison tbody tr{padding:10px;gap:6px}
 .rhComparison tbody td{padding:7px 3px}
 .rhPricingIntro h1{font-size:30px}
}

/* Narrow phones, landscape layouts and browser text scaling must not crop AutoPack or plan actions. */
@media(max-width:380px){.rhPricingIntro{padding:23px 15px}.rhPricingIntro h1{font-size:clamp(29px,9.5vw,36px);letter-spacing:-1px}.rhPlanCard{padding:19px 15px}.rhCompareMobileCard{padding:12px}.rhCompareMobileValue{padding:9px}.rhLabelSheet{padding:19px 12px}.rhPricingFinal{padding:22px 14px}.rhPricingHeroPoints{font-size:12px}}
@media(max-width:600px){.rhPricingSectionHead h2{font-size:clamp(24px,7vw,32px)}.rhAutopackTeaser h2{font-size:clamp(26px,8vw,38px)}.rhPricing :is(.rhPlanCard>.btn,.rhAutopackTeaser .btn,.rhPricingFinal .btn){width:100%}.rhPricingIntro .eyebrow{letter-spacing:1.3px}}
/* END RAG HOUSE PUBLIC PRICING CSS */
/* Site-wide responsive safety for the public marketplace and member dashboard.
   Keep intentionally immersive video stages and their control rails untouched. */
html.rhFixedWidth .layout,html.rhFixedWidth .workspace,html.rhFixedWidth .content{min-width:0}
html.rhFixedWidth .content{width:100%}
html.rhFixedWidth .content :is(.panel,.authCard,.showCard,.stat,.joinChoice,.rhLanding,.rhPricing,.rhAdminRecord,.rhAdminDetail){min-width:0;max-width:100%}
html.rhFixedWidth .content :is(h1,h2,h3,h4,p,li,th,td,summary,small){overflow-wrap:anywhere}
html.rhFixedWidth .content .btn{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center}
html.rhFixedWidth .content .listTable th,html.rhFixedWidth .content .listTable td{overflow-wrap:anywhere;word-break:normal}
html.rhFixedWidth .content .rhAdminTabs{max-width:100%;overscroll-behavior-x:contain}
@media(max-width:850px){
 /* Allow swipe-scrolling in both axes without enabling pinch-to-zoom. */
 html.rhFixedWidth,html.rhFixedWidth body,html.rhFixedWidth #app{touch-action:pan-x pan-y}
 html.rhFixedWidth .content{padding-left:clamp(12px,2.5vw,24px);padding-right:clamp(12px,2.5vw,24px)}
 html.rhFixedWidth .pageHead,html.rhFixedWidth .sectionHead{flex-wrap:wrap;max-width:100%}
 html.rhFixedWidth .pageHead>*,html.rhFixedWidth .sectionHead>*{min-width:0;max-width:100%}
 html.rhFixedWidth .content :is(.panel,.authCard){padding-left:clamp(14px,3vw,22px);padding-right:clamp(14px,3vw,22px)}
 html.rhFixedWidth .content .listTable{table-layout:fixed;max-width:100%}
 html.rhFixedWidth .content .listTable :is(th,td){padding:10px 4px}
}
@media(max-width:390px){
 html.rhFixedWidth .content{padding-left:12px;padding-right:12px}
 html.rhFixedWidth .cards{grid-template-columns:minmax(0,1fr)}
 html.rhFixedWidth .statRow{grid-template-columns:repeat(2,minmax(0,1fr))}
 html.rhFixedWidth .featureStrip{grid-template-columns:minmax(0,1fr)}
 html.rhFixedWidth .topbar{padding-inline:10px;gap:5px}
 html.rhFixedWidth .topRight{gap:5px;min-width:0}
 html.rhFixedWidth .topRight .btn{padding-inline:8px;font-size:12px}
}

/* Device-wide touch gesture contract: allow both scroll axes, never page pinch-zoom. */
html.rhFixedWidth,html.rhFixedWidth body,html.rhFixedWidth #app{touch-action:pan-x pan-y}