/* Pipio Premium 4.9.83 — shared presentation system. No business/media logic. */
:root{
 --pp-bg:#f7f6fb;--pp-surface:#fff;--pp-raised:#fff;--pp-ink:#211d32;--pp-muted:#625c73;
 --pp-line:#e4e0ee;--pp-accent:#6942cf;--pp-accent-hover:#5734b4;--pp-tint:#eee8fc;
 --pp-rose:#ed4f8d;--pp-success:#187456;--pp-danger:#b32c4b;--pp-warn:#865309;
 --pp-radius:18px;--pp-shadow:0 8px 28px #24134108;--pp-focus:#8857ea;
 --pp-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
html:has(body.pipio-pro){background:var(--pp-bg);color-scheme:light;scroll-padding-bottom:100px}
body.pipio-pro{margin:0;background:var(--pp-bg);color:var(--pp-ink);font-family:var(--pp-font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.pipio-pro *,body.pipio-pro *::before,body.pipio-pro *::after{box-sizing:border-box}
body.pipio-pro [hidden]{display:none!important}
body.pipio-pro :is(button,input,select,textarea){font-family:var(--pp-font)}
body.pipio-pro :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--pp-focus);outline-offset:3px}
body.pipio-pro :is(button,[role=button]){touch-action:manipulation}
body.pipio-pro button:disabled{cursor:not-allowed;opacity:.48}
body.pipio-pro :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.035em;line-height:1.2}
body.pipio-pro h1{font-weight:780}body.pipio-pro h2{font-weight:750}
body.pipio-pro :is(p,small,label,strong){overflow-wrap:break-word}
body.pipio-pro :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){
 background:var(--pp-surface);color:var(--pp-ink);border:1px solid var(--pp-line);border-radius:12px;
 min-height:46px;padding:11px 13px;max-width:100%;font-size:16px;line-height:1.45;accent-color:var(--pp-accent)
}
body.pipio-pro input::placeholder,body.pipio-pro textarea::placeholder{color:var(--pp-muted);opacity:.82}
body.pipio-pro :is(input[type=checkbox],input[type=radio]){accent-color:var(--pp-accent)}
body.pipio-pro :is(input,select,textarea):focus{border-color:var(--pp-focus)}
body.pipio-pro label{line-height:1.5}
body.pipio-pro :is(.button,.btn,.primary,.soft,.danger,.icon-button,.small-action,.pc-action){min-height:44px;border-radius:12px;font-weight:700;letter-spacing:0;line-height:1.35}
body.pipio-pro :is(.button.primary,.btn.primary,button.primary,.pipio-pay-main){background:var(--pp-accent);border-color:var(--pp-accent);color:#fff;box-shadow:0 4px 12px #6942cf20}
body.pipio-pro :is(.button.primary,.btn.primary,button.primary,.pipio-pay-main):hover:not(:disabled){background:var(--pp-accent-hover)}
body.pipio-pro :is(.button.ghost,.btn.secondary,.pc-action){background:var(--pp-surface);border:1px solid var(--pp-line);color:var(--pp-ink)}
body.pipio-pro :is(.button.danger,.btn.danger){background:#b32c4b;color:#fff;border-color:#b32c4b}
body.pipio-pro :is(.surface,.pipio-empty,.pipio-catalog-empty){background:var(--pp-surface);border:1px solid var(--pp-line);border-radius:var(--pp-radius);box-shadow:var(--pp-shadow)}
body.pipio-pro :is(.hint,.micro,.muted,.pipio-small-muted){color:var(--pp-muted);line-height:1.6}
body.pipio-pro :is(.cloud-note,.notice,.note,.status-line){border-radius:12px;line-height:1.55;overflow-wrap:anywhere}
body.pipio-pro .cloud-note.warn{background:#fff7e8;border:1px solid #ead3a6;color:#795215}
body.pipio-pro .page-header{margin-bottom:24px}
body.pipio-pro .page-header h1{font-size:clamp(25px,4vw,34px);margin-bottom:9px}
body.pipio-pro .page-header p{color:var(--pp-muted)}

/* App shell and navigation. Existing route/event hooks remain unchanged. */
body.pipio-pro .app-shell{background:var(--pp-bg);color:var(--pp-ink)}
body.pipio-pro .app-shell .main{background:var(--pp-bg)!important;padding:24px clamp(18px,3vw,44px) 104px!important;min-width:0}
body.pipio-pro .app-shell .topbar{background:transparent!important;border:0!important;margin-bottom:20px!important;padding:0!important;min-height:42px}
body.pipio-pro .sidebar{background:#fff!important;border-right:1px solid var(--pp-line)!important;padding:32px 16px!important}
body.pipio-pro .sidebar .brand{padding:0 12px 28px;gap:12px}
body.pipio-pro .brand-icon{background:var(--pp-accent);color:#fff;border-radius:14px;box-shadow:none}
body.pipio-pro .brand-name{color:var(--pp-ink);font-size:23px;letter-spacing:.08em}
body.pipio-pro .sidebar .nav-item{min-height:50px;border-radius:12px;margin:5px 0;color:var(--pp-muted);font-size:14px;font-weight:650;gap:12px}
body.pipio-pro .sidebar .nav-item.active{background:var(--pp-tint)!important;color:var(--pp-accent)!important;box-shadow:none}
body.pipio-pro .mobilebar{background:#ffffffed!important;border-top:1px solid var(--pp-line)!important;box-shadow:0 -4px 24px #211d3206!important;backdrop-filter:blur(18px);padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}
body.pipio-pro .mobilebar .mobnav{min-height:54px;border-radius:12px;color:var(--pp-muted)!important;gap:5px;font-size:11px;font-weight:650}
body.pipio-pro .mobilebar .mobnav.active{background:var(--pp-tint)!important;color:var(--pp-accent)!important}
body.pipio-pro .account-pill{background:var(--pp-surface)!important;border:1px solid var(--pp-line)!important;color:var(--pp-accent)!important;box-shadow:none!important;min-height:44px}

/* Catalogue: quieter typography, edge-to-edge media, stable card geometry. */
body.pipio-pro .pipio-premium-home{max-width:1160px!important;margin-inline:auto}
body.pipio-pro .p482-premium-hero{border-radius:24px;margin:0 0 32px;box-shadow:0 14px 36px #211d3212;min-height:340px;background:#191429}
body.pipio-pro .p482-premium-hero::before{background:linear-gradient(90deg,#171126f5,#191429b0 55%,#19142910),linear-gradient(0deg,#19142999,transparent 65%)}
body.pipio-pro .p482-premium-copy{padding:36px;width:90%;max-width:690px}
body.pipio-pro .p482-premium-hero h2{font-weight:760;font-size:clamp(30px,4vw,52px);letter-spacing:-.045em;line-height:1.08;margin:16px 0 14px}
body.pipio-pro .p482-premium-hero p{font-size:14px;color:#e2dced;line-height:1.65;max-width:480px}
body.pipio-pro .p482-premium-hero-actions button{min-height:46px;border-radius:12px;font-size:13px;font-weight:700;box-shadow:none}
body.pipio-pro .p482-premium-watch{background:#fff!important;color:#432878!important}
body.pipio-pro .p482-premium-discover{background:#ffffff18!important;border-color:#ffffff40!important}
body.pipio-pro .p482-premium-kicker{font-size:10px;letter-spacing:.14em;font-weight:700}
body.pipio-pro .p482-premium-subtitle{font-weight:700;color:var(--pp-muted);letter-spacing:.1em;font-size:10px}
body.pipio-pro .pipio-catalog-toolbar h1,body.pipio-pro .p482-heading h2{font-weight:750!important;font-size:clamp(23px,3vw,30px)!important;letter-spacing:-.04em;color:var(--pp-ink)}
body.pipio-pro .pipio-catalog-toolbar{gap:14px;align-items:center;margin-bottom:20px}
body.pipio-pro .pipio-catalog-categories{gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}
body.pipio-pro :is(.pipio-category-pill,.p481-access-pill){min-height:44px;border:1px solid var(--pp-line);border-radius:12px;background:#fff;box-shadow:none;font-size:13px;font-weight:650;padding:10px 15px;color:var(--pp-muted)}
body.pipio-pro .pipio-category-pill.active{background:var(--pp-ink);border-color:var(--pp-ink);color:#fff;box-shadow:none}
body.pipio-pro .p481-access-pill.active{background:var(--pp-tint);border-color:#d1c2ee;color:#5630ac;box-shadow:none}
body.pipio-pro .p481-access-label{color:var(--pp-muted);font-weight:650;letter-spacing:.08em}
body.pipio-pro .p481-access-filter{margin:12px 0 20px;gap:10px}
body.pipio-pro .p480-home-live{border-radius:16px;background:#211832;box-shadow:none;border:1px solid #3e2b53;min-height:88px;padding:18px 20px;margin:18px 0 28px}
body.pipio-pro .p480-home-live strong{font-size:18px;font-weight:750}
body.pipio-pro .p480-home-live button{border-radius:11px;min-height:44px;box-shadow:none;font-size:12px;font-weight:700}
body.pipio-pro .pipio-catalog-grid{gap:20px}
body.pipio-pro .pipio-catalog-card{border-radius:16px;box-shadow:var(--pp-shadow);border:1px solid var(--pp-line);background:#fff;transition:border-color .18s,transform .18s}
body.pipio-pro .pipio-catalog-card:hover{border-color:#bca4e5;box-shadow:0 10px 24px #211d3210;transform:translateY(-2px)}
body.pipio-pro .pipio-catalog-cover{aspect-ratio:16/10}
body.pipio-pro .pipio-catalog-info{padding:16px;min-height:114px;gap:7px}
body.pipio-pro .pipio-catalog-title{font-size:15px;font-weight:720;line-height:1.4;color:var(--pp-ink)}
body.pipio-pro :is(.pipio-catalog-studio,.pipio-catalog-details){color:var(--pp-muted);font-weight:450;font-size:12px}
body.pipio-pro .pipio-catalog-empty{padding:36px 22px;color:var(--pp-muted)}
body.pipio-pro :is(.p480-live-card,.p481-member-card){border:1px solid var(--pp-line);border-radius:18px;box-shadow:var(--pp-shadow);background:#fff}
body.pipio-pro .p480-live-art{background:linear-gradient(140deg,#28203d,#58427d);border-radius:14px}
body.pipio-pro .p480-live-actions a{min-height:46px;border-radius:12px;padding:12px 18px}
body.pipio-pro .p480-live-empty{background:#fff;border:1px dashed #d7cee6;border-radius:18px;padding:36px 22px;color:var(--pp-muted)}

/* Watch, channel, creator and account. Do not resize/recreate media nodes. */
body.pipio-pro .pw-page{max-width:1240px;margin:auto;color:var(--pp-ink)}
body.pipio-pro .pw-player-shell{border-radius:20px;overflow:hidden;background:#0c0b16;box-shadow:0 12px 30px #211d3212}
body.pipio-pro .pw-title-row h1{font-weight:760;line-height:1.3}
body.pipio-pro :is(.pw-meta,.pw-hint){color:var(--pp-muted)}
body.pipio-pro :is(.pw-comments,.pw-related){border:1px solid var(--pp-line);background:#fff;border-radius:18px;padding:20px}
body.pipio-pro .pw-recommendation{border-radius:12px;padding:10px;gap:12px}
body.pipio-pro .pw-recommendation img{border-radius:10px}
body.pipio-pro :is(.pw-action,.pw-back){min-height:44px;border-radius:12px}
body.pipio-pro :is(.pc-creator,.pipio63-me,.pc-channel){max-width:1080px;margin-inline:auto}
body.pipio-pro :is(.pipio72-studio-hero,.pc-profile-hero,.pipio-me-profile){background:#fff!important;border:1px solid var(--pp-line)!important;border-radius:20px!important;padding:24px!important;box-shadow:var(--pp-shadow)!important}
body.pipio-pro .pipio72-studio-text h1{font-weight:760;font-size:28px;letter-spacing:-.04em}
body.pipio-pro .pipio72-studio-statistics{border-color:var(--pp-line);gap:18px}
body.pipio-pro .pipio72-studio-statistics strong{color:var(--pp-accent);font-weight:750}
body.pipio-pro :is(.creator-tabs,.tabs){gap:8px;overflow-x:auto;scrollbar-width:thin}
body.pipio-pro :is(.creator-tab,.tab){min-height:44px;border-radius:11px;font-weight:650;padding:11px 16px;white-space:nowrap}
body.pipio-pro :is(.creator-tab.active,.tab.active){background:var(--pp-tint)!important;color:var(--pp-accent)!important;border-color:#d5c6f1!important;box-shadow:none!important}
body.pipio-pro :is(.pc-work,.serial-creator-page,.pipio-wallet,.pipio63-ticket-main,.pipio63-ticket-history){border-radius:18px;border-color:var(--pp-line);box-shadow:var(--pp-shadow)}
body.pipio-pro .pipio-me-links{background:#fff;border:1px solid var(--pp-line);border-radius:18px;overflow:hidden}
body.pipio-pro .pipio-me-links>button{padding:17px 18px!important;border-bottom:1px solid var(--pp-line);min-height:68px!important}
body.pipio-pro .pipio-me-links>button:last-child{border-bottom:0}
body.pipio-pro .pipio-me-links>button:hover{background:#faf8ff}
body.pipio-pro .pipio-me-links>button strong{font-size:14px;font-weight:700}
body.pipio-pro .pipio-me-links>button small{color:var(--pp-muted)!important;font-weight:400;line-height:1.5}
body.pipio-pro .pipio63-menu-label{background:#f9f7fc;margin:0;padding:13px 18px;color:var(--pp-muted);font-size:10px;letter-spacing:.12em}
body.pipio-pro :is(.pipio-wallet-sandbox-banner,.pipio-v4951-watch-sandbox){background:#fff6e4;color:#785012;border:1px solid #e9cfa0;border-radius:12px;padding:12px 15px;line-height:1.55}
body.pipio-pro .pipio-wallet-policy{background:#fff9ed;border:1px solid #ecd9b6;border-radius:14px;color:#795215;padding:16px}

/* Modal and sandbox commerce — same design across all three entry pages. */
body.pipio-pro :is(.modal-backdrop,.pipio-pay-overlay,.p64-overlay){background:#1711228f;backdrop-filter:blur(6px);padding:24px 16px;overscroll-behavior:contain}
body.pipio-pro :is(.modal,.pipio-pay-card,.p64-panel){background:#fff;color:var(--pp-ink);border:1px solid #e4deed;border-radius:24px;box-shadow:0 24px 80px #17112233;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}
body.pipio-pro .modal{padding:26px}
body.pipio-pro :is(.modal-head h2,.pipio-pay-top b,.p64-head h2){font-size:22px;font-weight:750;letter-spacing:-.03em}
body.pipio-pro :is(.pipio-pay-close,.p64-close,.modal-head .icon-button){min-width:44px;min-height:44px;border-radius:50%;background:#f2eef8;color:#514363;border:0}
body.pipio-pro :is(.pipio-pay-warning,.p64-warning){background:#fff5e0;color:#795116;border:1px solid #e7c992;border-radius:12px;font-size:13px;line-height:1.6;padding:12px 14px}
body.pipio-pro :is(.pipio-pay-main,.p64-main){min-height:46px;border-radius:12px;font-size:14px;font-weight:700}
body.pipio-pro :is(.pipio-pay-status,.p64-message){line-height:1.6;overflow-wrap:anywhere}
body.pipio-pro :is(.pipio-pay-card input,.pipio-pay-card select,.p64-panel input){color:var(--pp-ink);background:#fff;border-color:var(--pp-line)}
body.pipio-pro :is(.p64-balance,.pipio61-balance-panel){border-radius:18px;background:linear-gradient(135deg,#f1eafb,#faf7ff);color:#47276f;border:1px solid #ded0ef}
body.pipio-pro :is(.p64-pack,.p64-gift){border-radius:14px;box-shadow:none}
body.pipio-pro :is(.p64-history-item,.pipio-pay-transaction){border-radius:12px;border-color:var(--pp-line)}
body.pipio-pro .pipio-pay-card .secondary{background:#f2eef9;color:#4b3271;border-color:#dbcfed}

/* Standalone pages use one restrained dark palette for media, light for management. */
body.pipio-pro[data-pipio-theme=dark]{--pp-bg:#0c0b16;--pp-surface:#171422;--pp-raised:#211c30;--pp-ink:#f5f1fc;--pp-muted:#b4abc5;--pp-line:#383044;--pp-tint:#332345;--pp-accent:#9969ee;--pp-accent-hover:#ad83f4;--pp-focus:#bd96ff;background:radial-gradient(ellipse at 80% 0,#2a1b3d55,transparent 55%),#0c0b16;color:#f5f1fc;color-scheme:dark}
body.pipio-pro[data-pipio-theme=dark] :is(.top,.topbar){background:#12101de8;border-bottom:1px solid var(--pp-line);backdrop-filter:blur(14px);color:var(--pp-ink)}
body.pipio-pro[data-pipio-theme=dark] :is(.panel,.box,.monitor,.source-card,.create-form,.requests,.room-card){background:var(--pp-surface);border-color:var(--pp-line);border-radius:18px;box-shadow:0 8px 28px #00000012}
body.pipio-pro[data-pipio-theme=dark] :is(.button-primary,.primary,.start){background:#8052d8;color:#fff;border-color:#9568e3;min-height:46px;border-radius:12px;font-weight:700}
body.pipio-pro[data-pipio-theme=dark] :is(.button-neutral,.soft,.small-action,.secondary){background:#272033;color:#e5dced;border:1px solid #44364f;min-height:44px;border-radius:12px}
body.pipio-pro[data-pipio-theme=dark] :is(.button-end,.danger,.stop){background:#3e2030;color:#ffbfd0;border:1px solid #784159;min-height:44px;border-radius:12px}
body.pipio-pro[data-pipio-theme=dark] :is(.muted,.helper,.help,.hint,.foot){color:var(--pp-muted)}
body.pipio-pro[data-pipio-theme=dark] :is(.back,.top a){color:#ddd0f2}
body.pipio-pro[data-pipio-theme=dark] :is(.video,.monitor-screen,.source-video){background:#05040a;border-color:#30263f;border-radius:15px}
body.pipio-pro[data-pipio-theme=dark] :is(.pill,.auth-chip,.heading-chip,.user-chip){color:#d8c9ee;border-color:#44364f;background:#21192e}
body.pipio-pro[data-pipio-theme=dark] .pchat{background:#181321;border:1px solid #3a2d47;border-radius:16px}
body.pipio-pro[data-pipio-theme=dark] .pchat-input{background:#241b31;color:#fff;border-color:#463453}
body.pipio-pro[data-pipio-theme=dark] .pchat-item{color:#e8dfee}
body.pipio-pro[data-pipio-theme=dark] .pchat-send{background:#8250d8;color:#fff;border-radius:12px;min-height:44px}
/* Payment dialogs always retain the light commerce palette, even over a dark stage. */
body.pipio-pro[data-pipio-theme=dark] :is(.pipio-pay-card,.p64-panel){--pp-ink:#211d32;--pp-muted:#625c73;--pp-line:#e4e0ee;--pp-accent:#6942cf;--pp-surface:#fff;color:#211d32;background:#fff;color-scheme:light}

/* SFU preparation and immersive overlays: preserve all existing media positioning. */
body.pipio-pro[data-pipio-page=live-banyak] .shell{max-width:1200px}
body.pipio-pro[data-pipio-page=live-banyak] .mode-tabs{border-radius:14px;background:#181321;border:1px solid #382b46;padding:5px}
body.pipio-pro[data-pipio-page=live-banyak] .mode-tab{min-height:46px;border-radius:10px;color:#c0b2d0}
body.pipio-pro[data-pipio-page=live-banyak] .mode-tab.active{background:#352345;color:#f0deff;box-shadow:none}
body.pipio-pro[data-pipio-page=live-banyak] :is(.studio-live-heading h1,.pipio-player-heading h1){font-weight:750;letter-spacing:-.04em}
body.pipio-pro[data-pipio-page=live-banyak] .invite-banner{border:1px solid #644983;border-radius:13px;background:#2a1e3c;color:#eee1fc;padding:13px 16px}
body.pipio-pro[data-pipio-page=live-banyak] :is(.settings,.details,.viewer-settings){border-color:#3b2d49;border-radius:14px;background:#17121f}
body.pipio-pro[data-pipio-page=live-banyak] summary{min-height:44px;padding:12px 16px;color:#ddd0ef}
body.pipio-pro .p79-channel{background:#0b0716a8;border:1px solid #ffffff26;border-radius:16px;backdrop-filter:blur(16px)}
body.pipio-pro .p79-avatar{background:linear-gradient(135deg,#8450dc,#c75a95);border-color:#ffffff66}
body.pipio-pro .p79-live-pill{background:#bb2456;color:#fff;font-weight:750;letter-spacing:.06em}
body.pipio-pro .p79-icon-btn{border:1px solid #ffffff24;border-radius:18px;background:#0c0719a1;backdrop-filter:blur(12px);min-width:44px;min-height:44px}
body.pipio-pro .p79-sheet{background:#1a1327;border:1px solid #493455;border-radius:24px 24px 0 0;box-shadow:0 -16px 70px #0006;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
body.pipio-pro .p79-sheet::before{content:"";display:block;width:36px;height:4px;border-radius:4px;background:#655174;margin:0 auto 16px}
body.pipio-pro .p79-sheet button{min-height:48px;border-radius:12px;color:#f2e9fb}
body.pipio-pro .p79-sheet-head{border-bottom:1px solid #3e2e4c;padding-bottom:12px;margin-bottom:10px}

/* Audio: fixed eight-seat grid, editorial lobby and readable room states. */
body.pipio-pro .voice-app{max-width:860px;padding-inline:20px}
body.pipio-pro .voice-app .intro{padding:32px 0 20px}
body.pipio-pro .voice-app .intro h1{font-size:36px;font-weight:750;letter-spacing:-.045em}
body.pipio-pro .room-card{padding:16px;gap:16px}
body.pipio-pro .room-art{background:linear-gradient(135deg,#7849bf,#ae507e);border-radius:15px}
body.pipio-pro .chairs{background:radial-gradient(ellipse at top,#342244,#171221 75%);border:1px solid #493355;border-radius:24px;padding:30px 12px;row-gap:28px}
body.pipio-pro .chair-avatar{width:min(68px,16vw);height:min(68px,16vw);background:#2b2139;border-color:#564065}
body.pipio-pro .chair.occupied .chair-avatar{background:linear-gradient(140deg,#69439b,#aa527f);border-color:#bc92de;box-shadow:0 0 0 5px #b587e30a}
body.pipio-pro .chair .chair-name{font-size:12px;color:#c6b8d4;max-width:100%}
body.pipio-pro .chair .chair-role{background:#633e85;color:#fff;font-size:9px;letter-spacing:.05em}
body.pipio-pro .room-info{gap:18px;margin:24px 0}
body.pipio-pro .cover{background:linear-gradient(135deg,#7447af,#a44982);box-shadow:none}
body.pipio-pro .audio-bottom-nav{background:#15101fed;border-color:#3b2d49;backdrop-filter:blur(16px);box-shadow:0 -5px 30px #0003}
body.pipio-pro .audio-nav-link{min-height:56px;border-radius:12px;color:#c7b8d6}
body.pipio-pro .audio-nav-link.active{background:#33223f;color:#e6c8ff}

/* Director: preserve canvas and program layout while unifying chrome. */
body.pipio-pro[data-pipio-page=director] .page{max-width:1320px;padding-top:24px}
body.pipio-pro[data-pipio-page=director] :is(.monitor-head,.source-head){padding-bottom:12px;color:#d6c8e7}
body.pipio-pro[data-pipio-page=director] .monitor-tabs{background:#1d1628;border:1px solid #3b2c49;border-radius:12px;padding:4px}
body.pipio-pro[data-pipio-page=director] .monitor-tab{min-height:44px;border-radius:9px}
body.pipio-pro[data-pipio-page=director] .monitor-tab.active{background:#3a2650;color:#f1ddff}
body.pipio-pro[data-pipio-page=director] .source-card.selected{border-color:#b78ae8;box-shadow:inset 0 0 0 1px #b78ae8}
body.pipio-pro[data-pipio-page=director] .source-card.programmed{outline-color:#ed5e8e}
body.pipio-pro[data-pipio-page=director] .select-source{min-height:44px;background:#2e2140;border-color:#533d6b;color:#e2caf7;border-radius:10px}
body.pipio-pro[data-pipio-page=director] .cut{background:#7952c2;color:#fff;min-height:46px;border-radius:12px}
body.pipio-pro[data-pipio-page=director] .fade{background:#e4bd73;color:#3a260d;min-height:46px;border-radius:12px}
body.pipio-pro[data-pipio-page=director] .timer{background:#100d18;border:1px solid #382b46;color:#c1b1d0;border-radius:12px}
body.pipio-pro[data-pipio-page=director] .share{background:#162d27;border-color:#315d4e;border-radius:14px}

/* Management pages: readable light workspace with strong action hierarchy. */
body.pipio-pro[data-pipio-theme=light] :is(.top,.headline,.heading){color:var(--pp-ink)}
body.pipio-pro[data-pipio-theme=light] .top{background:#fff;border-bottom:1px solid var(--pp-line);min-height:68px;height:auto;padding-block:14px}
body.pipio-pro[data-pipio-theme=light] .back{color:var(--pp-accent)}
body.pipio-pro[data-pipio-theme=light] :is(.container,main){padding-top:30px}
body.pipio-pro[data-pipio-theme=light] :is(.panel,.item,.diagnostics,.notice,.summary,.stat,.empty){background:#fff;color:var(--pp-ink);border:1px solid var(--pp-line);border-radius:18px;box-shadow:var(--pp-shadow)}
body.pipio-pro[data-pipio-theme=light] :is(.help,.hint,.muted,.heading p,.hero p,.headline p,.version,.item small,label){color:var(--pp-muted)}
body.pipio-pro[data-pipio-theme=light] .help{background:#f0ebf9;padding:14px;border-radius:12px}
body.pipio-pro[data-pipio-theme=light] .help.warn{background:#fff0f2;color:#96344b;border:1px solid #ebc3cd}
body.pipio-pro[data-pipio-theme=light] .notice.error{background:#fff0f2;border-color:#ebc3cd;color:#96344b}
body.pipio-pro[data-pipio-theme=light] .notice.ok{background:#edf8f2;border-color:#bbddcb;color:#22674b}
body.pipio-pro[data-pipio-theme=light] .tag{background:var(--pp-tint);color:var(--pp-accent);font-size:11px;letter-spacing:.06em}
body.pipio-pro[data-pipio-theme=light] .pill{border-color:var(--pp-line);color:var(--pp-muted);background:#f8f5fc}
body.pipio-pro[data-pipio-theme=light] :is(.tabs button,.controls button){min-height:44px;border-radius:11px;color:var(--pp-muted)}
body.pipio-pro[data-pipio-theme=light] .tabs button.active{background:var(--pp-tint);color:var(--pp-accent);border-color:#d5c6f1}
body.pipio-pro[data-pipio-theme=light] :is(th,td){border-color:var(--pp-line);color:var(--pp-ink)}
body.pipio-pro[data-pipio-theme=light] th{background:#f1edf7;font-size:12px;font-weight:700}
body.pipio-pro[data-pipio-theme=light] tr{background:#fff}
body.pipio-pro[data-pipio-theme=light] :is(.progress-meta,.status){color:var(--pp-muted)}
body.pipio-pro[data-pipio-theme=light] progress{accent-color:var(--pp-accent)}
body.pipio-pro[data-pipio-page=offline] .wrap{max-width:420px;background:#fff;border:1px solid var(--pp-line);border-radius:28px;padding:38px 26px;box-shadow:0 20px 70px #30204c0b}
body.pipio-pro[data-pipio-page=offline] p{color:var(--pp-muted)}
body.pipio-pro[data-pipio-page=offline] button{background:var(--pp-accent);color:#fff;min-height:46px;border-radius:12px;font-weight:700}

@media(min-width:900px){body.pipio-pro .pipio-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.pipio-pro .p482-premium-hero{min-height:360px}}
@media(min-width:1400px){body.pipio-pro .pipio-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:749px){
 body.pipio-pro .app-shell .main{padding:16px 16px calc(100px + env(safe-area-inset-bottom,0px))!important}
 body.pipio-pro .app-shell .topbar{margin-bottom:16px!important}
 body.pipio-pro .p482-premium-hero{min-height:268px;border-radius:20px;margin-bottom:28px}
 body.pipio-pro .p482-premium-copy{padding:26px 24px;width:100%}
 body.pipio-pro .p482-premium-hero h2{font-size:32px;max-width:300px;-webkit-line-clamp:3}
 body.pipio-pro .p482-premium-hero p{font-size:13px;max-width:260px}
 body.pipio-pro .pipio-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
 body.pipio-pro .pipio-catalog-info{padding:12px;min-height:112px}
 body.pipio-pro .pipio-catalog-title{font-size:13px;line-height:1.45}
 body.pipio-pro .pipio-catalog-details{font-size:11px}
 body.pipio-pro .p480-home-live{padding:16px;margin-bottom:24px;gap:10px}
 body.pipio-pro :is(.pipio72-studio-hero,.pc-profile-hero,.pipio-me-profile){padding:20px!important}
 body.pipio-pro :is(.pipio-pay-overlay,.p64-overlay){padding:12px 8px;align-items:flex-end}
 body.pipio-pro :is(.pipio-pay-card,.p64-panel){border-radius:22px;max-height:calc(100dvh - 24px);padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
 body.pipio-pro .modal{padding:22px 18px;max-height:calc(100dvh - 40px);border-radius:20px}
 body.pipio-pro .pw-player-shell{border-radius:14px}
 body.pipio-pro :is(.pw-comments,.pw-related){padding:16px}
 body.pipio-pro .voice-app{padding-inline:16px}
 body.pipio-pro .voice-app .intro h1{font-size:30px}
 body.pipio-pro .room-copy h1{font-size:22px}
 body.pipio-pro[data-pipio-theme=light] :is(.heading,.headline){gap:12px;flex-wrap:wrap}
 body.pipio-pro[data-pipio-theme=light] .top{gap:12px;flex-wrap:wrap}
 body.pipio-pro :is(.gridform,.cols){grid-template-columns:1fr}
}
@media(max-width:359px){body.pipio-pro .app-shell .main{padding-inline:12px!important}body.pipio-pro .p482-premium-copy{padding:24px 18px}body.pipio-pro .p482-premium-hero h2{font-size:28px}body.pipio-pro .pipio-catalog-grid{gap:10px}body.pipio-pro .p480-home-live button{padding:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){body.pipio-pro *,body.pipio-pro *::before,body.pipio-pro *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Retail dialog selectors match the V64 renderer (p64-card, not a new wrapper). */
body.pipio-pro .p64-card{--pp-ink:#211d32;--pp-muted:#625c73;--pp-line:#e4e0ee;--pp-accent:#6942cf;background:#fff;color:#211d32;color-scheme:light;border:1px solid #e4deed;border-radius:24px;padding:24px;box-shadow:0 24px 80px #17112233}
body.pipio-pro .p64-title{font-size:23px;font-weight:750;color:#211d32}
body.pipio-pro .p64-status{background:#fff4db;color:#76500b;border-color:#e4c88d;letter-spacing:.08em;padding:6px 10px}
body.pipio-pro .p64-package{background:#f7f3fc;border:1px solid #ded1ee;box-shadow:none;border-radius:17px;min-height:280px;color:#352447;padding:15px 12px}
body.pipio-pro .p64-package-featured{background:#f0e8fc;border-color:#ab8ad4}
body.pipio-pro .p64-package::before{height:3px;background:#9565d4}
body.pipio-pro .p64-package-icon{font-size:48px;filter:none;margin:8px 0}
body.pipio-pro .p64-package h3{font-size:15px;font-weight:700}
body.pipio-pro .p64-quantity{font-size:23px;color:#6942a0;font-weight:750}
body.pipio-pro .p64-price{color:#352447;font-size:18px;font-weight:750}
body.pipio-pro .p64-buy{background:#6942cf;color:#fff;box-shadow:none;border:0;border-radius:11px;font-size:14px;font-weight:700}
body.pipio-pro .p64-offer-tag{background:#ded0f3;color:#54307b;font-weight:700}
body.pipio-pro :is(.p64-store-note,.p64-empty,.p64-message,.p64-history-row small,.p64-info){color:#625c73;line-height:1.6}
body.pipio-pro .p64-info{border-top:1px solid #e4deed;padding-top:14px;margin-top:15px;font-size:12px}
body.pipio-pro .p64-info summary{min-height:44px;cursor:pointer;color:#543079}
body.pipio-pro .p64-wallet-summary{background:linear-gradient(130deg,#f0e8fb,#faf6ff);border-color:#dfd2ee;color:#482b68}
body.pipio-pro .p64-wallet-summary>div{color:#62516d}
body.pipio-pro :is(.p64-wallet-topup,.p64-send){background:#6942cf;color:#fff;border-radius:12px;min-height:48px;font-weight:700}
body.pipio-pro :is(.p64-history,.p64-history-row,.p64-legacy){border-color:#e4deed}
body.pipio-pro .p64-history-row{color:#352447}.pipio-pro .p64-plus{color:#21734d}.pipio-pro .p64-minus{color:#9b3a51}.pipio-pro .p64-pending{color:#7d591c}
body.pipio-pro :is(.p64-check,.p64-legacy button){background:#f0e8fb;color:#56327b;border-color:#dac8ed;min-height:44px;border-radius:11px}
body.pipio-pro .p64-legacy{color:#625c73}
body.pipio-pro .p64-gift-summary{background:#f4eefb;border-color:#dfd2ed;color:#4a315f}
body.pipio-pro .p64-gift-tile{background:#faf8fd;border-color:#e0d5ec;color:#3c2b4b;border-radius:14px;padding:14px 4px}
body.pipio-pro .p64-gift-tile.selected{background:#eee3fb;border:2px solid #9164c8;padding:13px 3px}
body.pipio-pro .p64-gift-tile small{color:#694388}
body.pipio-pro .p64-gift-selection{background:#f5f0fa;color:#543b68}
@media(max-width:749px){body.pipio-pro .p64-card{padding:20px 16px calc(18px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 24px)}}
/* Targeted cascade bridge for the legacy V65 !important retail overrides. */
body.pipio-pro #pipio-store-v64 .p64-package{background:#f7f3fc!important;border:1px solid #ded1ee!important;box-shadow:none!important;color:#352447!important}
body.pipio-pro #pipio-store-v64 .p64-package-featured{background:#f0e8fc!important;border-color:#ab8ad4!important}
body.pipio-pro #pipio-store-v64 .p64-package h3{color:#352447!important}
body.pipio-pro #pipio-store-v64 .p64-quantity{color:#6942a0!important}
body.pipio-pro #pipio-store-v64 .p64-price{color:#352447!important}
body.pipio-pro #pipio-store-v64 .p64-buy{background:#6942cf!important;color:#fff!important;box-shadow:none!important;border:0!important}
body.pipio-pro #pipio-store-v64 :is(.p64-store-note,.p64-empty,.p64-message,.p64-history-row small){color:#625c73!important}
body.pipio-pro #pipio-store-v64 .p64-gift-tile{background:#faf8fd!important;color:#3c2b4b!important;border-color:#e0d5ec!important}
body.pipio-pro #pipio-store-v64 .p64-gift-tile.selected{background:#eee3fb!important;border-color:#9164c8!important}
body.pipio-pro #pipio-store-v64 .p64-gift-tile small{color:#694388!important}
/* Light management surfaces override legacy dark-only fields and headers. */
body.pipio-pro[data-pipio-theme=light] :is(.topbar,header.top){background:#fff;color:var(--pp-ink);border-bottom:1px solid var(--pp-line)}
body.pipio-pro[data-pipio-page=admin-uploads]>header{background:#fff;color:var(--pp-ink);border-bottom:1px solid var(--pp-line)}
body.pipio-pro[data-pipio-page=admin-uploads] :is(header small,.meta,.reason,.diagnostics p,.diag-result,.error-list,.failure small,.stats small){color:#625c73}
body.pipio-pro[data-pipio-page=admin-uploads] .stats>div{background:#fff;border-color:var(--pp-line);color:var(--pp-ink);border-radius:16px}
body.pipio-pro[data-pipio-page=admin-uploads] :is(.controls button,.diagnostics button){background:#6942cf;color:#fff;min-height:44px;border-radius:12px}
body.pipio-pro[data-pipio-page=admin-uploads] .state{background:#eee8f8;color:#593b81}
body.pipio-pro[data-pipio-page=admin-uploads] .state.ready{background:#e5f4ec;color:#246748}
body.pipio-pro[data-pipio-page=admin-uploads] .state.reserved{background:#fff2da;color:#7c5313}
body.pipio-pro[data-pipio-theme=light] :is(.textlink,.secondarylink){color:#6942a7}
body.pipio-pro[data-pipio-theme=light] :is(input[readonly],#minutes[readonly]){background:#f0edf6;color:#544d65;border-color:#d9d2e5}
body.pipio-pro[data-pipio-theme=light] input[type=file]{color:#544d65;background:#f7f4fc;border:1px dashed #bbacd0;border-radius:12px;padding:12px;width:100%;font-size:14px}
body.pipio-pro[data-pipio-theme=light] input[type=file]::file-selector-button{background:#eae1f8;color:#53317c;border:0;border-radius:8px;padding:10px;margin-right:10px;font-weight:650;cursor:pointer}
body.pipio-pro[data-pipio-theme=light] #duration-note{color:#625c73}
/* Creator identity remains distinct from the personal account card. */
body.pipio-pro .pipio72-studio-hero{background:linear-gradient(125deg,#20172e,#382349)!important;color:#fff}
body.pipio-pro .pipio72-studio-text h1{color:#fff!important}
body.pipio-pro .pipio72-studio-eyebrow{color:#d7bdf3}
body.pipio-pro :is(.pipio72-studio-label,.pipio72-studio-statistics span){color:#c9bddb}
body.pipio-pro .pipio72-studio-statistics{border-color:#ffffff26}
body.pipio-pro .pipio72-studio-statistics strong{color:#fff}
body.pipio-pro .pipio72-studio-verified{color:#a8e8c8}
body.pipio-pro .pipio72-studio-pending{color:#f1d69d}
body.pipio-pro #pipio-store-v64 .p64-gift-selection{background:#f5f0fa!important;color:#543b68!important}
@media(max-width:749px) and (orientation:portrait){
 body.pipio-pro.pipio-watching-live #viewer-stage>#viewer-chat.pchat,body.pipio-pro.pipio-host-live #host-stage>#host-chat.pchat{bottom:calc(14px + env(safe-area-inset-bottom,0px) + var(--pp-keyboard-offset,0px))!important}
 body.pipio-pro.pipio-watching-live #viewer-stage>.p79-side,body.pipio-pro.pipio-host-live #host-stage>.p79-side{bottom:calc(20px + env(safe-area-inset-bottom,0px) + var(--pp-keyboard-offset,0px))!important}
}