/* Pipio V4.9.25 — first paint splash. Independent of Firebase and external assets. */
#pipio-startup{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;
  padding:24px;background:radial-gradient(ellipse 390px 270px at 50% 43%,#302052 0%,transparent 78%),
  radial-gradient(ellipse 360px 260px at 90% 0%,#291433 0%,transparent 82%),#0c0b1a;
  color:#fff;text-align:center;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  opacity:1;visibility:visible;isolation:isolate;-webkit-font-smoothing:antialiased}
#pipio-startup,#pipio-startup *{box-sizing:border-box}
#pipio-startup .pipio-startup-inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:310px;
  animation:pipio-startup-arrive .48s ease both}
#pipio-startup .pipio-startup-icon{width:82px;height:82px;filter:drop-shadow(0 9px 28px #914afa40);
  animation:pipio-startup-glow 2.2s ease-in-out infinite}
#pipio-startup .pipio-startup-brand{font-size:30px;font-weight:850;letter-spacing:.22em;margin:23px 0 2px 7px;line-height:1.1}
#pipio-startup .pipio-startup-caption{font-size:10px;line-height:1.6;letter-spacing:.23em;font-weight:650;color:#bcb5d2;margin-top:10px}
#pipio-startup .pipio-startup-track{width:118px;height:3px;border-radius:20px;background:#ffffff25;
  overflow:hidden;margin-top:26px}
#pipio-startup .pipio-startup-track::after{content:"";display:block;width:47%;height:100%;border-radius:20px;
  background:linear-gradient(90deg,#a263fc,#ff79b1);box-shadow:0 0 11px #df83f766;animation:pipio-startup-progress 1.25s ease-in-out infinite}
#pipio-startup.pipio-startup-out{opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .32s ease,visibility 0s linear .32s}
@keyframes pipio-startup-progress{0%{transform:translateX(-105%)}100%{transform:translateX(340%)}}
@keyframes pipio-startup-glow{0%,100%{transform:scale(1);filter:drop-shadow(0 9px 28px #914afa40)}50%{transform:scale(1.035);filter:drop-shadow(0 12px 33px #bd65fa5e)}}
@keyframes pipio-startup-arrive{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){#pipio-startup *{animation:none!important}#pipio-startup.pipio-startup-out{transition:none}}


/* Source pipio-main-css-v4959-lite.css */
/* styles.css */
:root{color-scheme:dark;--bg:#080b15;--sidebar:#0d1222;--panel:#11182a;--panel2:#182139;--border:#263149;--text:#f5f8ff;--muted:#a0abc1;--dim:#64718b;--primary:#a58cff;--primary2:#7a61ea;--cyan:#4dd6dd;--mint:#69e1b8;--yellow:#f9c876;--red:#f17c91;--radius:19px;--shadow:0 22px 52px #01040955}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit}svg{flex-shrink:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:linear-gradient(180deg,#11162a,#0b0f1c);border-right:1px solid var(--border);padding:30px 17px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:4px 11px 23px}.brand-icon{background:linear-gradient(135deg,#b397ff,#5a83ff);width:39px;height:39px;display:grid;place-items:center;border-radius:13px;box-shadow:0 7px 27px #8b74e844;font-size:20px;color:#fff}.brand-name{font-size:19px;font-weight:850;letter-spacing:-.8px}.brand-sub{font-size:10px;color:var(--muted);letter-spacing:1.25px;font-weight:800}.sidebar-label{font-size:10px;font-weight:750;color:var(--dim);letter-spacing:1.5px;padding:19px 15px 9px}.nav-item{display:flex;gap:12px;align-items:center;padding:13px 14px;width:100%;border:0;color:var(--muted);background:transparent;text-align:left;border-radius:12px;font-size:13px;font-weight:680;margin:2px 0}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#20283d;color:white}.nav-item.active{background:linear-gradient(100deg,#9d83ef33,#6680ff10);color:#d7cbff;border:1px solid #8f78e450}.sidebar-bottom{margin-top:auto;padding:15px 12px 6px;border-top:1px solid var(--border)}.sidebar-bottom .small{font-size:11px;color:var(--muted);line-height:1.6}.sidebar-bottom strong{color:var(--mint)}.main{flex:1;min-width:0;max-width:100%;padding:25px 42px 85px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;min-height:40px}.top-text{font-size:13px;color:var(--muted)}.top-right{display:flex;gap:10px;align-items:center}.pill{border:1px solid var(--border);background:var(--panel);border-radius:999px;font-size:11px;font-weight:770;color:var(--muted);padding:8px 12px;display:inline-flex;align-items:center;gap:6px}.pill.gold{color:var(--yellow);background:#48371d4f;border-color:#85613264}.pill.green{color:var(--mint);background:#18372d;border-color:#327158}.pill.violet{color:#d1c4ff;background:#422a7244;border-color:#7855b35e}.pill.red{color:#ffb4bf;background:#512833;border-color:#7b3847}.avatar{height:35px;width:35px;background:linear-gradient(135deg,#453674,#274968);border:1px solid #8373ae;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:13px}.hero{border:1px solid #38415c;min-height:317px;overflow:hidden;border-radius:25px;background:linear-gradient(100deg,#151b32 5%,#19152d 70%,#0b1222);position:relative;display:flex;align-items:center;box-shadow:var(--shadow)}.hero:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#11192ff5 0%,#11192fdf 37%,#10172a66 68%,transparent)}.hero .hero-art{position:absolute;right:0;top:0;height:100%;width:62%;background-size:cover;background-position:center}.hero-body{z-index:1;max-width:630px;padding:40px 43px}.kicker{font-size:11px;color:var(--cyan);font-weight:850;letter-spacing:1.8px}.hero h1{font-size:clamp(27px,3.5vw,46px);letter-spacing:-1.75px;line-height:1.13;margin:13px 0 12px}.hero p{color:#d0d7e6;line-height:1.65;font-size:14px;max-width:480px;margin:0 0 22px}.row{display:flex;align-items:center;gap:12px}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.button{border:1px solid #6e72a0;border-radius:11px;padding:11px 16px;background:#252b42;color:#fff;font-size:13px;font-weight:740;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s}.button svg{width:16px;height:16px}.button:hover{filter:brightness(1.13);transform:translateY(-1px)}.button.primary{background:linear-gradient(105deg,#9478ef,#7263e6);border-color:#a38dff;color:#fff;box-shadow:0 7px 17px #6645c12f}.button.ghost{background:transparent;border-color:#56617a}.button.positive{background:#184939;border-color:#327f5d;color:#a0ffd6}.button.danger{background:#49202e;border-color:#73344a;color:#ffabbc}.button.small{font-size:12px;padding:8px 11px;border-radius:9px}.button.block{width:100%}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:30px 0 16px}.section-head h2,.page-header h1{margin:0;font-size:23px;letter-spacing:-.65px}.section-head p,.page-header p{font-size:13px;color:var(--muted);margin:6px 0 0;line-height:1.55}.page-header{margin:10px 0 25px}.page-header h1{font-size:29px}.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.media-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#192237,#12192b);cursor:pointer;transition:transform .2s,border-color .2s}.media-card:hover{transform:translateY(-4px);border-color:#8179af}.media-art{height:174px;position:relative;background-size:cover;background-position:center}.media-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,#0b1020af)}.media-top{position:absolute;top:10px;left:10px;z-index:1}.media-body{padding:12px 13px 14px}.media-title{font-size:13px;font-weight:840;line-height:1.4;margin-bottom:6px}.media-sub{color:var(--muted);font-size:11px;line-height:1.5}.media-foot{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:12px}.price{font-size:13px;font-weight:880;color:#dbd2ff}.searchline{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);padding:10px 14px;border-radius:12px;flex:1}.searchline input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:13px}.filterbar{display:flex;gap:8px;overflow-x:auto;padding-bottom:7px;scrollbar-width:none}.filterbar::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);border-radius:999px;padding:8px 15px;background:#151c30;color:var(--muted);white-space:nowrap;font-size:12px;font-weight:760}.chip.active{color:#e5daff;background:#463a75;border-color:#7c6ab8}.info-banner{border:1px solid #735e384f;background:#4733163d;color:#f1d7a0;border-radius:12px;padding:12px 15px;font-size:12px;line-height:1.55;margin-bottom:20px}.info-banner b{color:#ffe6b9}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0 25px}.stat{border:1px solid var(--border);background:var(--panel);padding:20px 18px;border-radius:16px}.stat .num{font-size:25px;font-weight:900;letter-spacing:-.9px;margin:8px 0 5px}.stat .lbl{color:var(--muted);font-size:12px}.stat svg{color:var(--primary);width:18px;height:18px}.surface{background:var(--panel);border:1px solid var(--border);border-radius:17px;padding:21px}.layout-2{display:grid;grid-template-columns:1.38fr 1fr;gap:19px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px;margin:0}.field label{font-size:12px;color:#d4dced;font-weight:740}.field input,.field textarea,.field select{width:100%;background:#0d1426;border:1px solid #323d58;border-radius:10px;color:var(--text);padding:12px 12px;outline:0;font-size:13px;min-height:44px}.field textarea{min-height:98px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#9e85ef;box-shadow:0 0 0 2px #947bea24}.hint{color:var(--muted);font-size:11px;line-height:1.55}.heading{font-size:17px;font-weight:870;letter-spacing:-.4px;margin:0 0 14px}.tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 22px;scrollbar-width:none}.tab{padding:10px 15px;border-radius:10px;border:1px solid var(--border);background:#11192b;color:var(--muted);font-size:12px;font-weight:730;white-space:nowrap}.tab.active{background:#493b7d;color:#fff;border-color:#9275dc}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:580px}.data-table th{font-size:11px;color:var(--dim);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border);padding:12px 10px}.data-table td{font-size:12px;color:#d7deee;border-bottom:1px solid #273147;padding:13px 10px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table small{display:block;color:var(--muted);margin-top:4px}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.empty{padding:46px 24px;border:1px dashed #34415c;border-radius:17px;text-align:center;color:var(--muted)}.empty svg{width:35px;height:35px;color:var(--primary)}.empty h3{color:var(--text);font-size:16px;margin:12px 0 7px}.empty p{font-size:12px;max-width:400px;margin:auto;line-height:1.7}.meter{height:9px;background:#29324d;border-radius:999px;overflow:hidden}.meter .fill{height:100%;background:linear-gradient(90deg,#796de6,#64d1d2);border-radius:999px}.studio-header{display:flex;align-items:center;gap:16px;padding:22px;margin-bottom:20px;background:linear-gradient(120deg,#202a49,#171d34);border:1px solid #414764;border-radius:18px}.studio-logo{height:62px;width:62px;border-radius:17px;display:grid;place-items:center;font-size:25px;font-weight:900;background:linear-gradient(135deg,#8f76e8,#4e8dca)}.studio-info h2{margin:0 0 5px;font-size:21px}.studio-info p{color:var(--muted);margin:0;font-size:12px}.studio-header .spacer{flex:1}.feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature{padding:17px;background:#131d32;border:1px solid var(--border);border-radius:15px}.feature svg{width:22px;height:22px;color:var(--cyan)}.feature h3{font-size:13px;margin:10px 0 6px}.feature p{color:var(--muted);line-height:1.6;font-size:11px;margin:0}.detail-hero{display:grid;grid-template-columns:1fr 300px;gap:26px;background:linear-gradient(130deg,#19203b,#10182b);border:1px solid var(--border);padding:30px;border-radius:21px}.detail-hero h1{font-size:clamp(26px,3vw,40px);margin:12px 0;line-height:1.15}.detail-cover{width:100%;aspect-ratio:4/3;border-radius:16px;object-fit:cover}.detail-description{font-size:13px;color:#c4cddd;line-height:1.8;max-width:650px}.details-meta{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 22px}.panel-list{display:flex;flex-direction:column;gap:11px}.panel-list-item{display:flex;align-items:center;gap:13px;border:1px solid var(--border);padding:12px;border-radius:11px}.panel-list-item strong{font-size:12px}.panel-list-item span{font-size:11px;color:var(--muted)}.panel-list-item .grow{flex:1;min-width:0}.poster-mini{width:61px;height:69px;object-fit:cover;border-radius:8px}.label-inline{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.label-inline input{accent-color:var(--primary)}.stack{display:flex;flex-direction:column;gap:13px}.quick-row{display:flex;gap:9px;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;background:#03050aca;z-index:40;display:grid;place-items:center;padding:20px;backdrop-filter:blur(7px)}.modal{width:min(680px,100%);max-height:calc(100vh - 30px);overflow:auto;background:#141c30;border:1px solid #4a5571;border-radius:22px;box-shadow:0 20px 90px #000a;padding:23px}.modal.wide{width:min(920px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:17px}.modal-head h2{font-size:19px;margin:0}.modal-head p{font-size:12px;color:var(--muted);margin:6px 0 0}.icon-button{height:32px;width:32px;border:1px solid var(--border);color:white;background:#222d44;border-radius:10px;display:grid;place-items:center}.video-player{width:100%;max-height:65vh;aspect-ratio:16/9;background:black;border-radius:12px;display:block}.checkout-summary{border:1px solid var(--border);padding:16px;border-radius:13px;background:#0d1426;margin:14px 0}.checkout-row{display:flex;justify-content:space-between;font-size:12px;padding:9px 0;border-bottom:1px solid #28334a}.checkout-row:last-child{border:0;font-size:15px;font-weight:880}.toast{position:fixed;bottom:26px;right:26px;background:#1f3342;border:1px solid #447c74;border-radius:13px;color:#eafff8;padding:13px 17px;box-shadow:var(--shadow);font-size:12px;max-width:min(390px,calc(100vw - 32px));z-index:90}.section-note{border-left:3px solid var(--primary);padding:8px 11px;color:var(--muted);background:#6b58aa12;font-size:12px;line-height:1.7;border-radius:0 9px 9px 0}.footer{margin-top:40px;color:var(--dim);font-size:11px;border-top:1px solid var(--border);padding-top:20px;line-height:1.6}.hide-mobile{display:inline}.mobilebar{display:none}.intro-splash{padding:13px 15px;background:linear-gradient(120deg,#273052,#252142);border:1px solid #545779;border-radius:13px;margin-bottom:21px;font-size:12px;line-height:1.6;color:#dce2f1}.title-row{display:flex;align-items:center;gap:10px}.break{overflow-wrap:anywhere}.uploadzone{padding:25px;background:#101a30;border:1px dashed #7583a8;border-radius:13px;text-align:center}.uploadzone svg{color:var(--primary);height:30px;width:30px}.uploadzone input{display:block;margin:12px auto 0;max-width:100%;font-size:12px}.ticket-art{background:linear-gradient(110deg,#27234a,#1b344a);border:1px dashed #7068bd;border-radius:15px;padding:22px;position:relative;overflow:hidden}.ticket-art:before{content:"◉";font-size:145px;position:absolute;right:-16px;top:-65px;color:#8c78ed18}.ticket-code{font-family:ui-monospace,monospace;font-size:14px;letter-spacing:1.2px}.form-help{font-size:11px;color:var(--muted);line-height:1.6;margin:6px 0}.video-loading{color:var(--muted);padding:30px;text-align:center}.focus:focus-visible,.button:focus-visible,.tab:focus-visible,.nav-item:focus-visible,.media-card:focus-visible{outline:2px solid #a890ff;outline-offset:3px}.danger-text{color:#ffa7b9}.good-text{color:#78edc6}.micro{font-size:11px;color:var(--muted)}
@media(max-width:1170px){.sidebar{width:215px}.main{padding:22px 25px 85px}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.sidebar{display:none}.main{padding:16px 16px 100px}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;padding:9px 9px max(9px,env(safe-area-inset-bottom));background:#0e1424f5;border-top:1px solid var(--border);z-index:20;justify-content:space-around;backdrop-filter:blur(12px)}.mobilebar .mobnav{border:0;background:transparent;color:#8794af;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:750;padding:5px 13px}.mobilebar .mobnav.active{color:#cbb6ff}.mobilebar svg{width:19px;height:19px}.topbar{margin-bottom:16px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.media-art{height:165px}.hero{min-height:345px}.hero-body{padding:26px}.hero:after{background:linear-gradient(90deg,#10172af7,#10172ad0 72%,#10172a70)}.hero .hero-art{width:100%;opacity:.55}.hero h1{font-size:31px}.layout-2{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr}.detail-cover{max-height:280px}.feature-list{grid-template-columns:1fr}.hide-mobile{display:none}}
@media(max-width:480px){.main{padding:15px 12px 100px}.content-grid{gap:10px}.media-art{height:135px}.media-body{padding:11px}.media-title{font-size:12px}.hero h1{font-size:27px}.hero-body{padding:22px}.hero{min-height:315px}.hero p{font-size:12px}.button{padding:10px 12px;font-size:11px}.section-head h2{font-size:20px}.page-header h1{font-size:24px}.stats-grid{gap:9px}.stat{padding:14px 12px}.stat .num{font-size:22px}.surface{padding:15px}.form-grid{grid-template-columns:1fr}.studio-header{padding:14px;gap:11px;flex-wrap:wrap}.studio-logo{height:47px;width:47px}.studio-info h2{font-size:17px}.modal{padding:15px}.pill{font-size:10px;padding:7px}.top-text{font-size:11px}}


/* bright-v2.css */
/* PLAYSPACE visual theme V2: bright, playful, mobile-first, no frameworks. */
:root{color-scheme:light;--bg:#fff9f4;--sidebar:#ffffff;--panel:#ffffff;--panel2:#fff8f5;--border:#eee8e8;--text:#292644;--muted:#817f92;--dim:#a8a5b7;--primary:#7458f8;--primary2:#9e7cfa;--cyan:#39c6db;--mint:#27b78e;--yellow:#f3a600;--red:#e95675;--shadow:0 14px 42px #5f427a12}
body{background:var(--bg);background-image:radial-gradient(ellipse at 95% 4%,#f5e7ff 0,transparent 28%),radial-gradient(ellipse at 20% 95%,#fff0cb77 0,transparent 27%);color:var(--text);letter-spacing:-.05px}
button,select,input,textarea{font-family:inherit}
.app-shell{min-height:100vh}
.sidebar{width:238px;background:#fff;border-right:1px solid #f4ebed;padding:24px 15px;box-shadow:3px 0 35px #443b5d06}
.brand{padding:4px 8px 25px;gap:10px}.brand-icon{height:43px;width:43px;background:linear-gradient(135deg,#ff80ad,#795ef4);border-radius:15px;box-shadow:0 6px 16px #f183b761}.brand-icon svg{fill:#fff;stroke:#fff}.brand-name{font-size:19px;color:#28223b;letter-spacing:-.5px}.brand-dot{color:#ffa333;margin-left:2px;font-size:10px;vertical-align:top}.brand-sub{color:#9c93a8;font-size:9px;letter-spacing:1.9px}
.sidebar-label{color:#aaa2b7;font-size:10px;letter-spacing:1.25px;padding:18px 14px 7px}.nav-item{color:#69647f;border:1px solid transparent;padding:13px;font-size:13px;font-weight:750;border-radius:15px}.nav-item:hover{color:#5c3acf;background:#f7f1ff}.nav-item.active{background:#f2ebff;border-color:#eadbff;color:#6748da;box-shadow:none}.sidebar-bottom{border-color:#f1e9ef}.sidebar-bottom .small{color:#9b96a7}.sidebar-bottom strong,.status-dot{color:#25be91}.main{padding:25px clamp(18px,3.5vw,54px) 76px;background:transparent}.topbar{margin-bottom:21px}.top-text{font-size:14px;color:#5c536d;font-weight:730}.sun-icon{display:inline-flex;font-size:17px;color:#ffac47;margin-right:5px}.top-wave{font-size:18px}.top-right{gap:12px}.demo-label{background:#fff5dc;border:1px solid #ffdfa0;border-radius:100px;color:#a8791c;font-size:10px;letter-spacing:.35px;font-weight:850;padding:9px 13px;display:flex;align-items:center;gap:5px}.avatar{width:36px;height:36px;border:0;border-radius:50%;background:#d6faf3;color:#158c78;font-size:20px}.info-banner{display:none}
.hero{background:linear-gradient(110deg,#ffdedb 0%,#ffe9d5 48%,#f4d9ff 100%);min-height:331px;border:0;border-radius:29px;box-shadow:0 17px 32px #ffafad27;isolation:isolate}.hero:after{background:linear-gradient(90deg,#ffe0dff7 0%,#ffe3dbed 37%,#ffeddf74 62%,transparent 88%)}.hero .hero-art{height:100%;width:51%;opacity:1;background-size:cover;background-position:45% 44%;mask-image:linear-gradient(to right,transparent,#000 35%);-webkit-mask-image:linear-gradient(to right,transparent,#000 35%)}.hero-body{max-width:620px;padding:40px 44px}.kicker{color:#8b4cd2;background:#fff8ffb8;display:inline-block;padding:8px 13px;border-radius:999px;letter-spacing:1.2px;font-size:10px;font-weight:900}.hero h1{font-size:clamp(35px,3.8vw,57px);letter-spacing:-2.2px;line-height:1.04;margin:18px 0 15px;color:#3e2447}.hero h1 em{font-style:normal;color:#8650db}.hero p{font-size:14px;font-weight:550;color:#785b71;margin:0 0 22px;max-width:430px}.hero-deco{position:absolute;z-index:1;pointer-events:none}.deco-one{font-size:31px;color:#fff;top:24px;left:54%;transform:rotate(10deg)}.deco-two{font-size:25px;color:#ffbc5a;right:25px;bottom:14px}
.button{color:#544a69;background:#fff;border:1px solid #eee6f4;border-radius:13px;box-shadow:none;font-size:12px;font-weight:820;padding:11px 17px}.button:hover{filter:none;transform:translateY(-2px);box-shadow:0 7px 16px #60528816}.button.primary{background:#7959ed;color:#fff;border-color:#7959ed;box-shadow:0 7px 18px #7858eb35}.button.primary:hover{background:#6f45e9}.button.ghost,.button.hero-outline,.button.outline-link{background:#fff;border:1px solid #ebe0f4;color:#7455d1}.hero .button.hero-outline{background:#ffffffbd;border-color:#fff}.button.positive{background:#e6fff2;color:#16876a;border-color:#bfead8}.button.danger{background:#fff1f2;color:#cf365b;border-color:#ffd2dd}.button.small{padding:9px 13px;border-radius:11px}
.section-head{margin:32px 0 14px}.section-head h2{font-size:23px;color:#33294b;letter-spacing:-.8px}.section-head p,.page-header p{color:#8e829b}.eyebrow{font-size:10px;font-weight:950;letter-spacing:1.8px;color:#a16bda;margin-bottom:5px}.page-header{margin:11px 0 22px}.page-header h1{font-size:29px;color:#352749;letter-spacing:-.8px}.page-header p{margin-top:5px;font-size:13px}
.home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.shortcut{border:0;cursor:pointer;border-radius:17px;padding:17px 14px;display:flex;gap:10px;align-items:center;font-size:13px;font-weight:850;color:#4b3b58;box-shadow:0 7px 19px #b89baf10}.shortcut svg{margin-left:auto;color:#8b7488}.shortcut:hover{transform:translateY(-2px)}.shortcut-emoji{font-size:22px}.shortcut.s1{background:#ffe4e8}.shortcut.s2{background:#e5f5fc}.shortcut.s3{background:#fff0cc}.shortcut.s4{background:#e8f7de}
.content-grid{gap:15px}.media-card{background:#fff;border:1px solid #f0eaf0;border-radius:19px;box-shadow:0 8px 19px #66506e0e;overflow:hidden;transition:transform .2s,box-shadow .2s}.media-card:hover{transform:translateY(-5px);box-shadow:0 12px 26px #7e69a122;border-color:#dcd2f7}.media-art{height:177px;background-color:#ffedef;background-size:cover;background-position:center;border-bottom:1px solid #f9f0f4}.media-art:after{background:none}.media-top{top:10px;left:9px}.floating-play{position:absolute;right:10px;bottom:11px;border-radius:50%;background:#fff;box-shadow:0 4px 12px #4f3c6330;width:35px;height:35px;display:grid;place-items:center;color:#7758e8}.floating-play svg{fill:#7758e8;stroke:#7758e8}.media-body{padding:15px 15px 14px}.media-sub{color:#9b93ac;font-size:10px;font-weight:730}.media-title{color:#2f2848;font-size:14px;font-weight:890;margin:5px 0 6px;line-height:1.4;min-height:38px}.media-foot{margin-top:8px}.price{color:#7351df;font-size:14px;font-weight:910}.media-cta{font-weight:800;color:#9a7cbd;font-size:11px;display:flex;align-items:center;gap:3px}
.pill{background:#f4f0fb;border-color:#e6dff2;color:#7759ab;font-size:10px;font-weight:870;padding:6px 10px}.pill.gold{color:#b77a16;border-color:#ffe4ac;background:#fff6dd}.pill.green{color:#158a6a;background:#e6fbf1;border-color:#bcefdc}.pill.violet{color:#7850df;background:#efe8ff;border-color:#e1d1ff}.pill.red{color:#d44a6d;background:#fff0f3;border-color:#f8cbd8}.micro{color:#9994aa;font-size:11px}
.creator-promo{margin-top:35px;position:relative;overflow:hidden;background:linear-gradient(115deg,#e8e5ff,#e1f9fc 65%,#fff2db);padding:30px 32px;border-radius:23px;display:flex;align-items:center;justify-content:space-between;min-height:185px}.creator-promo h2{font-size:26px;letter-spacing:-.8px;margin:8px 0 8px}.creator-promo p{color:#7d7994;font-size:13px;margin:0 0 18px}.promo-emoji{font-size:73px;transform:rotate(-9deg);padding:0 35px}.promo-spark{position:absolute;right:29%;top:10px;color:#f2b755;font-size:33px}
.searchline{background:#fff;border:1px solid #eee4f0;border-radius:14px;padding:10px 15px}.searchline input{font-size:13px;color:#36304c}.chip{background:#fff;color:#766c82;border:1px solid #ece5f0;font-weight:800;border-radius:999px}.chip.active{background:#7b59e9;color:#fff;border-color:#7b59e9}.chip option{color:#2d2945;background:white}.stats-grid{gap:12px}.stat{background:#fff;border:1px solid #f1eaf1;border-radius:18px;padding:19px}.stat:nth-child(1){background:#fff1f5}.stat:nth-child(2){background:#edf3ff}.stat:nth-child(3){background:#f0fff9}.stat:nth-child(4){background:#fff7e6}.stat svg{color:#805fdd}.stat .num{color:#38304f}.stat .lbl{color:#81788c;font-weight:660}.surface{background:#fff;border:1px solid #f0e9f0;border-radius:19px;box-shadow:0 8px 24px #796f8010}.heading{color:#3d3352}.field label{color:#66596f;font-size:12px}.field input,.field textarea,.field select{background:#fffcff;border:1px solid #e7dfeb;color:#322a46;border-radius:11px;font-size:13px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#9981f2;box-shadow:0 0 0 3px #ad90fa21}.hint{color:#8c8498}.tabs{gap:8px}.tab{background:#fff;border:1px solid #ede5f1;border-radius:12px;color:#817c8e}.tab.active{background:#795aed;color:white;border-color:#795aed}.table-wrap{border-radius:12px}.data-table th{color:#9389a1;border-color:#efe8f1}.data-table td{color:#554c65;border-color:#f2ebf1}.data-table small{color:#9e94a4}.empty{color:#8c8298;border:1px dashed #e2d6ef;background:#fff}.empty h3{color:#4d425d}.empty svg{color:#9a7ff0}.meter{background:#eee9fc}.meter .fill{background:linear-gradient(90deg,#b599ff,#54c9d5)}.studio-header{background:linear-gradient(100deg,#f9e3f5,#e3f6fe);border:1px solid #ebdaef;border-radius:20px}.studio-logo{background:linear-gradient(135deg,#f69ac4,#8a72ea);color:#fff;box-shadow:0 7px 16px #bc8cd034}.studio-info h2{color:#392c4c}.studio-info p{color:#7d738e}.studio-tools select{font-weight:800}.mini-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mini-steps span{padding:12px;background:#f8f4ff;border-radius:12px;color:#72668f;font-size:12px;font-weight:780}
.feature{background:#fff;border:1px solid #e9e4f0}.feature p{color:#90869c}.feature svg{color:#7b5cf2}.detail-hero{background:linear-gradient(110deg,#fff,#fff5fa);border:1px solid #f0e5ed}.detail-description{color:#777087}.details-meta{color:#7a728b}.panel-list-item{border-color:#f1eaf2;background:#fff}.panel-list-item span{color:#81798c}.poster-mini{border-radius:11px}.intro-splash{background:#fff6e4;color:#946a27;border:1px solid #ffe4ae;border-radius:15px;font-size:12px}.section-note{background:#f7f1ff;color:#7d7291;border-color:#9e7bf1}.uploadzone{background:#fbf7ff;border:2px dashed #cbbbe7}.uploadzone svg{color:#9a6ce3}.checkout-summary{background:#faf6ff;border-color:#e8dcf4}.checkout-row{border-color:#eee4f5}.modal-backdrop{background:#28223fa8}.modal{background:#fff;border:1px solid #f7edf4;box-shadow:0 25px 70px #2d204b38;border-radius:23px}.modal-head h2{color:#322941}.modal-head p{color:#8e8598}.icon-button{background:#f5effc;color:#725e8c;border-color:#eee1f4}.ticket-art{background:linear-gradient(115deg,#fbe3fa,#e6e8ff);border-color:#c9a7ee}.ticket-art:before{color:#7b57ef15}.ticket-art h2{color:#322947}.toast{background:#352b56;color:#fff;border-color:#8b7cd9}.footer{border-color:#f0e9ee;color:#ada3b2}.ticket-code{color:#685b7d}.focus:focus-visible,.button:focus-visible,.tab:focus-visible,.nav-item:focus-visible,.media-card:focus-visible,.shortcut:focus-visible{outline:3px solid #a787f4;outline-offset:3px}
@media(max-width:1170px){.sidebar{width:215px}.main{padding:22px 25px 85px}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.sidebar{display:none}.main{padding:15px 16px 100px}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px 7px max(10px,env(safe-area-inset-bottom));background:#fffffff8;border-top:1px solid #efe8f2;z-index:20;justify-content:space-around;box-shadow:0 -9px 26px #5b3f7611}.mobilebar .mobnav{color:#9f96ad;font-size:10px;font-weight:780;gap:5px;padding:6px 12px;border-radius:13px}.mobilebar .mobnav.active{color:#7954df;background:#f4edff}.mobilebar svg{width:19px;height:19px}.hero{min-height:310px}.hero-body{padding:30px}.hero:after{background:linear-gradient(90deg,#ffe1dff7,#ffe4ddec 58%,#ffe7dd24)}.hero .hero-art{width:58%;opacity:.85}.hero h1{font-size:39px}.home-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.shortcut{flex-direction:column;justify-content:center;gap:3px;padding:12px 7px;font-size:11px}.shortcut svg{display:none}.shortcut-emoji{font-size:26px}.creator-promo{padding:26px}.promo-emoji{font-size:57px;padding:0 10px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.media-art{height:165px}}
@media(max-width:480px){.main{padding:13px 12px 95px}.topbar{margin:3px 0 16px}.top-text{font-size:12px}.top-wave{display:none}.demo-label{font-size:9px;padding:7px 9px}.avatar{height:31px;width:31px}.hero{min-height:320px;border-radius:22px}.hero-body{padding:23px 22px;max-width:80%}.hero h1{font-size:32px;letter-spacing:-1.2px;margin:16px 0 11px}.hero p{font-size:12px;max-width:250px}.hero .hero-art{width:69%;background-position:center center;opacity:.7}.hero:after{background:linear-gradient(90deg,#ffe0defe 0%,#ffe2def3 48%,#ffe4db4d 91%)}.hero .quick-row{gap:6px}.hero .button{font-size:11px;padding:10px 11px}.kicker{font-size:8px;padding:7px 8px;letter-spacing:.7px}.home-shortcuts{margin-top:14px;gap:7px}.shortcut{border-radius:13px;font-size:10px;padding:10px 3px}.shortcut-emoji{font-size:22px}.section-head{margin:28px 0 14px}.section-head h2{font-size:20px}.section-head .outline-link{font-size:10px;padding:6px 8px}.content-grid{gap:10px}.media-art{height:145px}.media-card{border-radius:15px}.media-body{padding:10px}.media-title{font-size:12px;min-height:33px}.media-foot{margin-top:6px}.price{font-size:12px}.floating-play{height:29px;width:29px}.floating-play svg{width:14px;height:14px}.pill{font-size:9px;padding:5px 7px}.creator-promo{padding:20px;min-height:150px}.creator-promo h2{font-size:21px}.creator-promo p{font-size:11px}.creator-promo .button{font-size:10px}.promo-emoji{font-size:32px;padding:0;align-self:flex-start}.stats-grid{gap:8px}.stat{padding:13px}.stat .num{font-size:22px}.surface{padding:15px}.form-grid{grid-template-columns:1fr}.studio-header{padding:15px;gap:10px;flex-wrap:wrap}.studio-logo{width:44px;height:44px}.studio-info h2{font-size:17px}.modal{padding:17px}.page-header h1{font-size:25px}.topbar .top-right{gap:5px}}

@media(min-width:801px){.brand-name{font-size:17px}}
@media(max-width:480px){.hero .hero-art{opacity:.48}}


/* v3.css */
/* Penambahan V3 — desain V2 Ceria tetap digunakan */
:root{--v3-ink:#273049;--v3-soft:#fff8f3}
.loading-cover{min-height:85vh;display:grid;place-items:center;color:#675b86;font-weight:800}
.cloud-note{border-radius:18px;background:linear-gradient(115deg,#e9fff6,#fff7dc);border:1px solid #9bdcbb;padding:15px 18px;margin:14px 0 22px;font-weight:650;color:#1f5c49}
.cloud-note.warn{background:#fff7df;border-color:#e9d391;color:#755520}
.cloud-note.soft{background:#f1efff;border-color:#d3cef7;color:#584c91}
.cloud-note.error{background:#fff0f1;border-color:#f1b7c0;color:#9e3044}
.account-wrap{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.account-pill{background:#e9fff4;color:#176e53;padding:9px 13px;border-radius:99px;font-size:12px;font-weight:800}
.account-pill.demo{background:#f4ecff;color:#7561a5}
.steps-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.steps-line>div{background:#fff;border:1px solid var(--border);padding:16px;border-radius:17px;font-size:13px}
.steps-line strong{display:block;margin-bottom:5px;font-size:14px}
.card-tiny{border:1px solid var(--border);background:white;border-radius:16px;padding:15px;margin:12px 0}
.card-tiny h3{margin:0 0 8px}
.field-help{font-size:11px;color:var(--muted);margin-top:5px}
.site-wide{width:100%}
.video-embed{aspect-ratio:16/9;width:100%;border:0;background:#13131a;border-radius:16px}
.ready-video{position:relative}
.action-stack{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0}
.creator-empty{text-align:center;padding:22px}
.auth-small{font-size:12px;color:var(--muted);margin-top:6px}
.pill-line{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.topbar .top-right{flex-wrap:wrap;justify-content:flex-end}
.video-input{font-family:ui-monospace,monospace;font-size:12px;min-width:170px}
.safety-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.safety-list div{border-radius:13px;background:#fff;padding:14px;border:1px solid var(--border)}
.pipio-empty{min-height:160px;padding:28px;background:#fff;border:1px dashed #c6bce2;border-radius:17px;text-align:center;display:grid;align-content:center;gap:5px}
.pipio-empty p{margin:0}
@media(max-width:800px){.steps-line,.safety-list{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:8px}.account-wrap{justify-content:flex-end}.topbar .button.small{padding:7px 10px}}

/* V3.1: visible diagnostics for Firebase Auth failures on mobile */
.auth-error:not([hidden]){display:block;margin-top:14px;padding:12px 14px;background:#fff2f1;color:#892b39;border:1px solid #ffc6c6;border-radius:12px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}

/* V3.3 — kartu karya, catatan revisi, dan riwayat yang nyaman dibaca di HP */
.work-list{display:grid;gap:15px}
.work-card{padding:20px!important}
.work-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.work-card-head h3{margin:0 0 4px;font-size:18px;line-height:1.35;color:var(--ink,#28213f)}
.work-card-head .row{min-width:0;flex:1}
.work-card-head .poster-mini{flex:none}
.work-actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:9px}
.work-actions .button{white-space:normal;text-align:center;line-height:1.3}
.revision-note{border:1px solid #efc3ca;background:linear-gradient(115deg,#fff0f0,#fff8f5);border-radius:16px;padding:14px 16px;color:#81364f;margin:16px 0}
.revision-note strong{font-size:13px}
.revision-note p{margin:7px 0 0;line-height:1.55;overflow-wrap:anywhere}
.review-history{margin:18px 0 6px;padding:15px;background:#f7f5ff;border:1px solid #e0d9fa;border-radius:16px}
.review-history h4{margin:0 0 13px;font-size:14px;color:#5b498f}
.review-history ol{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.review-history li{position:relative;background:#fff;border:1px solid #ece5ff;border-radius:11px;padding:12px 14px;min-width:0}
.review-history-note{margin-top:7px;font-size:13px;line-height:1.5;color:#4d465b;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:600px){.work-card{padding:15px!important}.work-card-head{gap:9px}.work-actions .button{flex:1 1 135px}.revision-note{padding:12px}.work-card-head h3{font-size:16px}}

/* V3.4: MP4 gratis diputar secara native, termasuk video portrait dari HP */
.mp4-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:1px solid #a5dfc1;background:linear-gradient(110deg,#ddfff0,#fff7de);border-radius:19px;padding:15px 19px;margin:15px 0 22px;color:#205f4a}
.mp4-callout strong{font-size:16px}.mp4-callout p{margin:4px 0 0;font-size:13px;font-weight:500;color:#4b6e65}
.mp4-choice{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:#effcf7;border:1px solid #c9eedf;padding:12px;border-radius:14px;margin-top:8px}
.mp4-choice .button{white-space:normal;text-align:left}
.ready-video .pipio-test-video{display:block;max-height:70vh;object-fit:contain;width:100%;background:#191921;border-radius:14px}
@media(max-width:600px){.mp4-callout .button{width:100%}.ready-video .pipio-test-video{max-height:65vh}}

/* V3.5 — katalog serial, navigasi episode, dan tiket uji gratis. */
.serial-home-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(110deg,#f2eaff,#e9fbff);border:1px solid #dfd3fa;border-radius:18px;padding:15px 19px;margin:17px 0 25px;color:#483869}
.serial-home-banner p{font-size:12px;font-weight:500;margin:5px 0 0;color:#77698a}
.serial-home-banner strong{font-size:16px}
.series-stack{display:grid;gap:16px}.series-unit{padding:18px}.series-head{display:flex;align-items:center;gap:17px;margin-bottom:17px}.series-poster{height:116px;width:86px;object-fit:cover;border-radius:13px;flex:none}.series-head h2{margin:8px 0 5px;font-size:20px;color:#3c3150}.series-head p{margin:0;color:#8a7e9c;font-size:12px}
.episode-list{display:grid;gap:9px}.episode-tile{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:12px;background:#faf8ff;border:1px solid #ece6fa;border-radius:13px;color:#3e3254}.episode-tile.active{background:#f0eaff;border-color:#ac8eeb}.episode-tile:hover{border-color:#8e6bd9}.ep-num{font-size:12px;font-weight:900;background:#e6dafa;padding:10px;border-radius:10px;color:#6b4ca7;white-space:nowrap}.ep-copy{min-width:0;flex:1;display:grid;gap:3px}.ep-copy strong{font-size:13px}.ep-copy small{font-size:11px;color:#8b819d;overflow-wrap:anywhere}.ep-go{color:#7b59dd}.series-in-detail{margin-top:18px}.series-in-detail .heading{margin-bottom:4px}
.ticket-guide{display:flex;gap:10px;flex-wrap:wrap;margin:13px 0 27px}.ticket-guide span{background:#fff;border:1px solid #ece2f3;border-radius:11px;padding:12px 15px;font-size:12px;font-weight:800;color:#6c5987}.ticket-guide b{border-radius:20px;background:#7959ea;color:#fff;padding:4px 8px;margin-right:5px}
.ticket-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.pass-card{display:grid;gap:15px}.pass-card .poster-mini{flex:none}.pass-card strong{font-size:14px}.pass-card>.button{align-self:end}.pass-success{background:#edfff5;border:1px solid #bae6ce;color:#24734c;border-radius:12px;padding:13px;font-size:12px;font-weight:800}.pass-success .ticket-code{color:#425c54;font-size:11px;overflow-wrap:anywhere;margin-top:5px}
@media(max-width:800px){.mobilebar .mobnav{padding:6px 6px;flex:1}.ticket-options{grid-template-columns:1fr}}
@media(max-width:480px){.series-head{gap:12px}.series-poster{width:73px;height:104px}.series-head h2{font-size:17px}.ticket-guide span{flex:1 1 100px;font-size:11px;padding:10px}.ep-num{padding:8px}.episode-tile{gap:9px}}

/* V3.6 — Tiket digital lokal, badge akses, expiry, dan modal penguncian. */
/* Toast harus tidak menghalangi menu fixed di HP. */
#toast-root,.toast{pointer-events:none}

.ticket-launch-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(115deg,#fff0db,#f2efff);border:1px solid #e5d0ae;border-radius:19px;padding:17px 19px;margin:13px 0 22px;color:#654321}
.ticket-launch-banner strong{font-size:16px}.ticket-launch-banner p{font-size:12px;margin:5px 0 0;line-height:1.5;max-width:520px}
.ticket-state{font-size:10px;font-weight:850;letter-spacing:.2px;display:inline-block;margin-top:5px;padding:5px 7px;border-radius:8px}
.ticket-state.locked{background:#fff1df;color:#805219}.ticket-state.free{background:#eafff1;color:#25724a}
.ticket-small-print{background:#fff8e9;border:1px solid #f4dfb4;border-radius:12px;padding:10px 12px;color:#79521e;font-size:12px;line-height:1.6}
.pass-expired{background:#fff5ea;border:1px solid #eccfb0;color:#876037;border-radius:12px;padding:13px;font-size:12px;font-weight:800}
.pass-card .action-stack{margin:0}.pass-card .action-stack .button{flex:1 1 130px;line-height:1.35}
.ticket-lock-panel{background:#faf8ff;border:1px solid #e8e0f8;border-radius:18px;padding:22px;text-align:center;margin:14px 0}.ticket-lock-panel h3{font-size:18px;margin:7px 0}.ticket-lock-panel p{font-size:13px;color:#695e79;line-height:1.5;margin:7px 0 15px}
.ticket-lock-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto;border-radius:50%;font-size:30px;background:#fbe9d5;color:#7f572f}
.ticket-lock-panel .ticket-code{background:#fff;border:1px dashed #ccc1df;padding:12px;border-radius:11px;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:12px;margin:13px 0}
.ticket-lock-panel .button{margin-top:14px}
@media(max-width:600px){.ticket-launch-banner .button{width:100%}.ticket-lock-panel{padding:16px}}

/* V3.7 ticket sync informational layout. */
.ticket-options .button[disabled] {opacity:.58; cursor:wait;}
.ticket-state {overflow-wrap:anywhere;}


/* v3_8.css */
/* Pipio V3.8 Free LIVE • lightweight and responsive */
:root{scroll-padding-top:22px}
.brand-icon{background:linear-gradient(135deg,#6658dd,#b261eb)}
.brand-sub{letter-spacing:.8px}
.live-home-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid #ddd6fb;background:linear-gradient(115deg,#f0edff,#e9f9fe);border-radius:20px;padding:18px 21px;margin:18px 0 22px;color:#352e59}
.live-home-banner strong{font-size:16px;font-weight:900}
.live-home-banner p{font-size:12px;line-height:1.55;color:#645d81;margin:7px 0 0}
.live-home-banner .button{white-space:nowrap}
.live-pulse{color:#b4335a;font-size:10px;font-weight:950;letter-spacing:.8px}
.live-hero{min-height:273px;border-radius:25px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;background:linear-gradient(120deg,#1d1d39,#38316e 58%,#6554ac);padding:31px 40px;color:#fff;margin-bottom:18px}
.live-hero:after{content:'';position:absolute;right:-90px;top:-110px;border:1px solid #ffffff26;width:390px;height:390px;border-radius:50%;box-shadow:0 0 0 43px #ffffff08,0 0 0 100px #ffffff07;pointer-events:none}
.live-hero>div{position:relative;z-index:1}
.live-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:900;color:#addaf9}
.live-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.14;letter-spacing:-1.5px;margin:13px 0}
.live-hero h1 em{color:#cbb6ff;font-style:normal}
.live-hero p{max-width:465px;font-size:13px;color:#e1daf5;line-height:1.7}
.live-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.live-hero-meta span{font-size:11px;font-weight:750;background:#ffffff19;border:1px solid #ffffff2a;padding:8px 10px;border-radius:99px}
.live-hero-art{width:185px;height:185px;flex:none;background:#ffffff15;border:1px solid #ffffff40;border-radius:38px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;transform:rotate(6deg);color:#fff}
.live-hero-art span{background:#ff415e;color:white;font-size:10px;font-weight:950;padding:6px 12px;letter-spacing:1.4px;border-radius:9px}
.live-duo{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}
.live-setup,.live-how{padding:24px 25px}
.live-label{color:#7861c6;font-size:10px;font-weight:900;letter-spacing:1.4px}
.live-duo h2{font-size:20px;color:#342c4b;margin:9px 0}
.live-duo p{font-size:13px;color:#796f87;line-height:1.7}
.live-form{margin-top:20px}
.live-form label{display:block;color:#665c76;font-size:12px;font-weight:750;margin-bottom:9px}
.live-input-row{display:flex;gap:9px}
.live-input-row input{width:100%;min-width:0;flex:1;background:#fbf9ff;border:1px solid #e2daf3;border-radius:12px;padding:12px;font-size:13px;color:#332d4a;outline:none}
.live-input-row input:focus{border-color:#8874dc;box-shadow:0 0 0 3px #a190ef2b}
.live-input-row .button{flex:none}
.live-how .live-guide-link{display:inline-flex;margin:8px 0 7px;background:#ece6ff;color:#684cc0;text-decoration:none;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:800}
.live-error{color:#a62f4a!important;background:#fff2f3;border:1px solid #f6c9d2;border-radius:10px;padding:10px 12px}
.live-playing{margin-top:18px;padding:22px;scroll-margin-top:20px}
.live-playing-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}
.live-playing-heading h2{color:#302743;font-size:20px;margin:9px 0 3px}
.live-playing-heading p{color:#8b8196;font-size:12px;margin:0}
.live-ratio{position:relative;aspect-ratio:16/9;width:100%;background:#16141c;border-radius:17px;overflow:hidden}
.live-ratio iframe{display:block;border:0;width:100%;height:100%;background:#111}
.live-player-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;padding:13px 3px 1px;color:#7c7390;font-size:12px}
.live-player-bottom a{color:#7056c4;font-weight:800}
.live-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.live-event{border:1px solid #ece5f2;background:#fff;border-radius:16px;padding:17px;display:flex;align-items:center;gap:14px;text-align:left;color:#514760;min-width:0}
.live-event.chosen{border-color:#9379dd;background:#f9f5ff}
.live-event-icon{display:grid;place-items:center;flex:none;width:47px;height:47px;background:#f3edff;color:#795bc6;border-radius:13px}
.live-event-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;flex:1}
.live-event-copy strong{color:#302b43;font-size:14px;line-height:1.4}
.live-event-copy small{color:#9c91a7;font-size:11px}
.live-status{border-radius:8px;background:#f0edff;color:#765dcc;font-size:9px;font-weight:900;letter-spacing:.4px;padding:6px 8px;display:inline-flex}
.live-status.on{background:#ffe6e7;color:#bd304c}
.live-status.scheduled{background:#fff3d4;color:#a06e20}
.live-status.replay{background:#e4f5f1;color:#19836d}
.live-empty{text-align:center;border:1px dashed #d9cfeb;background:#fff;border-radius:20px;padding:29px 22px;color:#777085}
.live-empty-icon{font-size:42px;margin-bottom:8px}
.live-empty h3{font-size:16px;margin:0 0 8px;color:#493a62}
.live-empty p{font-size:12px;line-height:1.7;max-width:530px;margin:0 auto}
.live-preview-list{margin-top:17px}.live-preview-list .live-event{margin-top:9px}
.live-disclaimer{font-size:11px;line-height:1.7;color:#998eaa;margin-top:21px}
@media(max-width:800px){.live-duo{grid-template-columns:1fr}.live-hero{padding:24px}.live-hero-art{width:116px;height:116px;border-radius:25px}.live-hero-art svg{width:47px;height:47px}.live-events{grid-template-columns:1fr}}
@media(max-width:520px){.topbar .top-text{font-size:11px}.live-hero{padding:24px 20px;min-height:240px}.live-hero h1{font-size:31px}.live-hero p{font-size:12px}.live-hero-art{width:64px;height:80px;border-radius:19px;opacity:.7}.live-hero-art svg{width:30px;height:30px}.live-hero-art span{font-size:7px;padding:5px}.live-hero-meta{gap:6px}.live-hero-meta span{padding:6px 8px;font-size:9px}.live-setup,.live-how{padding:19px}.live-duo h2{font-size:18px}.live-input-row{flex-direction:column}.live-input-row .button{width:100%}.live-playing{padding:13px}.live-playing-heading h2{font-size:17px}.live-playing-heading .button{flex:none}.live-home-banner .button{width:100%}.live-ratio{border-radius:12px}.live-player-bottom{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Keep video readable even on narrow phones, avoiding overlaid dialogs */
@media(max-width:600px){.ready-video .pipio-test-video{max-height:64dvh}.mobilebar .mobnav{min-width:0;padding:6px 3px}.mobilebar .mobnav span{font-size:9px}}


/* v3_9.css */
/* Pipio V3.9: Live Studio capture / device bridge foundations. Browser local-only preview. */
.cam-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:21px;padding:22px 24px;background:linear-gradient(120deg,#322454,#5743a3);color:#fff;margin:0 0 18px}
.cam-cta h2{font-size:21px;line-height:1.28;margin:9px 0;color:#fff;letter-spacing:-.3px}
.cam-cta p{color:#eee5ff;font-size:12px;max-width:700px;line-height:1.7;margin:0}
.cam-cta .button{flex:none;background:#fff;color:#493288;border-color:#fff;box-shadow:none}
.cam-cta .button:hover{background:#f2eeff}
.cam-note{display:flex;align-items:center;gap:13px;background:#f1f5ff;border:1px solid #dce6ff;color:#4a5075;padding:15px 17px;border-radius:16px;margin-bottom:17px;font-size:12px;line-height:1.65}
.cam-note strong{font-size:10px;letter-spacing:.7px;color:#6250b4;white-space:nowrap}
.cam-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(295px,.7fr);gap:17px;align-items:start}
.cam-preview-card,.cam-settings{padding:22px}
.cam-preview-title{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:15px}
.cam-preview-title h2,.cam-settings h2{font-size:20px;color:#302943;margin:0;line-height:1.25}
.cam-indicator{font-size:10px;font-weight:850;letter-spacing:.4px;color:#817688;background:#f2eff6;border-radius:30px;padding:7px 11px}
.cam-indicator.on{background:#e2f9ed;color:#12825a}
.cam-preview-frame{width:100%;aspect-ratio:16/9;border-radius:16px;background:#181922;overflow:hidden;position:relative;display:grid;place-items:center}
.cam-preview-frame video{height:100%;width:100%;object-fit:contain;background:#161821;display:block}
.cam-empty{position:absolute;inset:0;color:#dedbe9;display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;background:#171922;pointer-events:none}
.cam-empty span{font-size:36px}.cam-empty strong{font-size:14px}.cam-empty small{color:#aca9b8;font-size:11px}
.cam-status{font-size:12px;font-weight:850;color:#494064;line-height:1.5;margin-top:15px;overflow-wrap:anywhere}
.cam-detail{font-size:11px!important;line-height:1.65;color:#8b829b;overflow-wrap:anywhere}
.cam-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.cam-actions .button{white-space:nowrap}
.cam-settings .live-label{display:block;margin-bottom:9px}
.cam-fields{display:grid;gap:7px;margin-top:19px}
.cam-fields label{font-size:12px;font-weight:800;color:#6a6179;margin-top:7px}
.cam-fields select{width:100%;border:1px solid #e5ddef;background:#fbfaff;border-radius:11px;padding:12px;color:#382c4f;font-size:12px;min-height:42px}
.cam-fields select:focus{outline:2px solid #a58bf0;outline-offset:1px}
.cam-scan{margin-top:13px;width:100%}
.cam-protocol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.cam-protocol{display:flex;align-items:flex-start;gap:14px;padding:18px;background:#fff;border:1px solid #ece5f4;border-radius:17px}
.cam-protocol .cam-emoji{font-size:23px;line-height:1.5;background:#f4efff;width:43px;height:43px;display:grid;place-items:center;border-radius:13px;flex:none}
.cam-protocol div{min-width:0}.cam-protocol strong{display:block;font-size:13px;color:#3b3155;line-height:1.35}
.cam-protocol .cam-badge{display:inline-block;margin:8px 0 6px;font-size:10px;color:#7155be;font-weight:850;background:#f3efff;padding:5px 8px;border-radius:8px}
.cam-protocol p{color:#81778e;font-size:11px;line-height:1.65;margin:1px 0 0;overflow-wrap:anywhere}
.cam-bottom-note{padding:20px 24px;border-radius:17px;border:1px solid #e1d8f0;background:#f8f5ff;color:#50416d;margin:23px 0 14px}
.cam-bottom-note strong{font-size:15px}.cam-bottom-note p{font-size:12px;line-height:1.65;color:#726681;margin:8px 0 0}
.camera-studio-page .button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:850px){.cam-grid{grid-template-columns:1fr}.cam-protocol-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cam-cta{padding:20px;flex-direction:column;align-items:stretch}.cam-cta .button{width:100%}.cam-cta h2{font-size:19px}.cam-note{display:block}.cam-note strong{display:block;margin-bottom:5px}.cam-grid{gap:12px}.cam-preview-card,.cam-settings{padding:15px}.cam-preview-frame{border-radius:11px}.cam-actions .button{flex:1 1 130px;font-size:11px;padding:10px 8px}.cam-protocol-grid{grid-template-columns:1fr}.cam-protocol{padding:15px}.cam-preview-title h2,.cam-settings h2{font-size:18px}}

/* V3.9.1 camera permission help */
.cam-permission-help{margin-top:12px;font-size:13px;line-height:1.6;color:var(--text,#333)}
.cam-permission-help summary{cursor:pointer;font-weight:700;color:#18746e;list-style:revert}
.cam-permission-help p{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:rgba(0,120,110,.06)}


/* pipio-v44-home.css */
/* Home + live category: video-first, no developer-facing copy in main UI. */
.brand-sub,.sidebar-bottom .small,.main>.footer,.top-text,.demo-label{display:none!important}
.sidebar-bottom{padding-top:8px!important}
.hero-body p,.live-home-banner p,.serial-home-banner p,.cloud-note.soft,.page-header p,.section-note{display:none!important}
.home-shortcuts{margin-top:18px!important}
.live-home-banner,.serial-home-banner{border-radius:18px!important}
.pipio-v44-live-home{max-width:1030px;margin:0 auto;min-height:70vh;padding:10px 0 24px}
.pipio-v44-live-head{padding:4px 0 24px}
.pipio-v44-live-head h1{font-size:clamp(30px,4.5vw,49px);letter-spacing:-.055em;margin:12px 0 0;line-height:1.07;color:var(--text,#252339)}
.pipio-v44-live-actions{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.pipio-v44-action{display:flex;align-items:center;gap:16px;border-radius:21px;min-height:174px;padding:25px;color:white;background:linear-gradient(125deg,#191f3a,#30214c);border:1px solid #312946;box-shadow:0 20px 35px #15172a17;text-decoration:none}
.pipio-v44-action.host{background:linear-gradient(125deg,#d5245d,#7e30ba);border-color:transparent}
.pipio-v44-action-ico{width:56px;height:56px;border-radius:18px;background:#ffffff26;display:grid;place-items:center;font-size:27px;flex-shrink:0}
.pipio-v44-action strong{display:block;font-size:21px;color:white;letter-spacing:-.03em}
.pipio-v44-action small{display:block;margin-top:5px;font-size:13px;color:#e7e1fa}
.pipio-v44-action-arrow{font-size:34px;margin-left:auto;color:#ffffffcc}
.pipio-v44-live-more{display:flex;align-items:center;gap:18px;margin:19px 4px 20px;flex-wrap:wrap}
.pipio-v44-live-more>a{font-weight:800;color:#754bd1}
.pipio-v44-live-more details{font-size:13px;color:#858197}.pipio-v44-live-more details summary{cursor:pointer;list-style:none}
.pipio-v44-live-more details a{color:#7952d7;font-weight:750}
.pipio-v44-compat{margin-top:30px;border-top:1px solid #e8e4ee;padding-top:17px;color:#8d879b}
.pipio-v44-compat>summary{font-size:12px;cursor:pointer}
.pipio-v44-compat form{margin-top:15px}.pipio-v44-compat label{display:block;margin-bottom:8px}
.pipio-v44-compat .live-playing{margin-top:20px}
@media(max-width:700px){
 .pipio-v44-live-head{padding:9px 5px 14px}
 .pipio-v44-live-head h1{font-size:30px}
 .pipio-v44-live-actions{grid-template-columns:1fr;gap:11px}
 .pipio-v44-action{min-height:105px;padding:19px;border-radius:18px}
 .pipio-v44-action-ico{height:47px;width:47px;border-radius:15px;font-size:23px}
 .pipio-v44-action strong{font-size:18px}
 .pipio-v44-action small{font-size:12px}
 .pipio-v44-live-more{margin:18px 5px 15px}
 .hero{min-height:330px!important}.hero-body h1{font-size:clamp(29px,8vw,38px)!important}
 .mp4-callout p,.cloud-note.soft,.live-home-banner p,.serial-home-banner p{display:none!important}
 .mobilebar{backdrop-filter:blur(15px)}
}

/* V4.6 extra Director tile spans desktop control grid */
@media(min-width:701px){.pipio-v44-live-actions>a:last-child:nth-child(3){grid-column:1/-1}}


/* pipio-v47-public.css */
/* Pipio V4.7 — LIVE publik, mobile first. Does not alter RTC or camera pipeline. */
.visibility-switch{margin:0 0 18px;border:1px solid #d4cfeb;padding:14px 16px;border-radius:15px;background:#f8f6ff;color:#332a53}
.visibility-switch>strong{display:block;font-size:13px;margin-bottom:9px}
.visibility-switch label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.visibility-switch input{width:20px;height:20px;accent-color:#7851e6;flex:none;margin-top:1px}
.visibility-switch span{display:grid;gap:4px}.visibility-switch b{font-size:15px}.visibility-switch small{font-size:12px;line-height:1.4;color:#655e78}
.visibility-switch p{margin:10px 0 0;font-size:11px;color:#8d849d}
.share-top small{display:block;color:#777082;margin-top:5px;font-size:11px}
.catalog-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.catalog-count{font-size:12px;color:#7b6d8f;font-weight:800}
.catalog-search{display:flex;gap:8px;align-items:center;border:1px solid #ddd5f1;border-radius:12px;background:#fff;padding:8px 11px;max-width:100%;flex:1;min-width:180px}
.catalog-search input{width:100%;border:0;outline:none;min-width:0;background:transparent;color:#282138;font-size:13px}
.pipio-live-card{overflow:hidden;padding:0 0 14px;gap:9px}
.pipio-live-card h3,.pipio-live-card .tiny,.pipio-live-card button{margin-left:14px;margin-right:14px}
.pipio-live-cover{aspect-ratio:16/9;background:radial-gradient(circle at 80% 20%,#7650bf 0%,transparent 55%),linear-gradient(135deg,#111b35,#261142);display:grid;place-items:center;position:relative;color:#fff}
.pipio-live-cover>span{display:grid;place-items:center;border-radius:50%;background:#ffffff22;width:58px;height:58px;font-size:24px}
.pipio-live-badge{position:absolute;top:12px;left:12px;background:#eb285d;color:#fff;border-radius:8px;font-weight:800;padding:6px 9px;letter-spacing:.04em}
.pipio-live-card h3{line-height:1.35;min-height:2.7em}.pipio-live-card button{min-height:44px}
.v47-live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:0 0 22px}
.v47-live-tile{display:flex;flex-direction:column;gap:8px;padding:10px;background:#121a30;border:1px solid #ffffff25;border-radius:16px;min-width:0;color:#f7f5ff!important;text-decoration:none;box-shadow:0 10px 26px #05061526}
.v47-live-picture{height:132px;border-radius:11px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#7151b7,#1b2542 70%);color:white;font-size:30px}
.v47-live-picture b{position:absolute;top:9px;left:9px;font-size:11px;background:#e83261;color:white;padding:4px 7px;border-radius:6px}
.v47-live-tile strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.v47-live-tile small{font-size:11px;color:#b3b8cf}.v47-play{color:#dcbbff;font-size:12px;font-weight:800;padding:6px 0}
@media(max-width:620px){.mode-tab{min-width:0;flex:1;padding:11px 5px;gap:3px;flex-direction:column;font-size:11px}.mode-tabs{width:100%;gap:2px}.mode-tab .tab-icon{font-size:18px}.panel{padding:15px;border-radius:18px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-card h3{font-size:12px;min-height:0}.catalog-card .tiny{font-size:10px}.catalog-card button{font-size:11px;padding:10px 6px}.pipio-live-cover>span{width:42px;height:42px;font-size:17px}.v47-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v47-live-picture{height:110px}}
@media(max-width:350px){.catalog-grid{grid-template-columns:1fr}.v47-live-grid{grid-template-columns:1fr}}

.v47-jelajah-cta{display:block;background:#eee9fc;color:#6545b9;padding:12px 15px;text-align:center;border-radius:12px;font-weight:850;font-size:13px;margin-top:13px;text-decoration:none}


/* pipio-v482-minimal.css */
/* Pipio V4.8.2 — video-first minimal beranda. Hanya tampilan; tidak ubah Firebase/WebRTC. */
.view-home .main{background:#faf9fd}
.view-home .topbar{margin-bottom:16px}
.p482-home{max-width:1110px;margin:auto;color:#251e36}
.p482-home button,.p482-home a{font:inherit}
.p482-feature{position:relative;isolation:isolate;width:100%;min-height:270px;padding:26px 32px;display:flex;align-items:end;text-align:left;border:0;border-radius:23px;background-size:cover;background-position:50% 43%;color:#fff;cursor:pointer;box-shadow:0 12px 34px #2b224921}
.p482-feature:focus-visible,.p482-card:focus-visible,.p482-quicknav button:focus-visible,.p482-live-actions a:focus-visible{outline:3px solid #835bea;outline-offset:3px}
.p482-feature-content{display:flex;flex-direction:column;align-items:flex-start;gap:11px;max-width:min(480px,80%);position:relative;z-index:1}
.p482-feature-tag{font-size:10px;letter-spacing:.12em;font-weight:900;background:#ffffff26;padding:6px 10px;border-radius:7px}
.p482-feature strong{display:block;font-size:clamp(23px,3vw,34px);line-height:1.1;letter-spacing:-.035em;text-shadow:0 2px 12px #0005}
.p482-feature-play{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:11px 17px;background:#7d53ed;border-radius:12px;font-weight:850;font-size:13px;min-height:41px}
.p482-feature-play svg{fill:currentColor;stroke:currentColor}
.p482-quicknav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0 0}
.p482-quicknav button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #eae4f5;background:#fff;border-radius:14px;padding:15px 10px;color:#6543bb;font-weight:850;cursor:pointer;min-height:52px;box-shadow:0 4px 16px #27104c07}
.p482-quicknav button:hover,.p482-live-actions a:hover{background:#f2ebff}
.p482-section{margin-top:28px}
.p482-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px}
.p482-heading h2{font-size:21px;margin:0;color:#281e43;letter-spacing:-.03em;display:flex;align-items:center;gap:8px}
.p482-heading button,.p482-heading a{display:inline-flex;gap:5px;align-items:center;border:0;background:none;color:#6b4bb9;text-decoration:none;font-size:12px;font-weight:850;cursor:pointer;padding:8px 0}
.p482-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.p482-card{min-width:0;cursor:pointer;border-radius:15px;background:#fff;border:1px solid #eee8f6;overflow:hidden;box-shadow:0 5px 20px #241b400b}
.p482-card-art{height:auto;aspect-ratio:4/5;position:relative;background-color:#d8cef4;background-size:cover;background-position:center}
.p482-card-badge{position:absolute;top:10px;left:9px;color:#fff;background:#151127ad;backdrop-filter:blur(5px);border-radius:6px;font-size:9px;font-weight:900;letter-spacing:.05em;padding:6px 8px}
.p482-card-play{position:absolute;bottom:9px;right:9px;width:35px;height:35px;border-radius:100%;display:grid;place-items:center;background:#fff;color:#7047d7;box-shadow:0 3px 12px #0c0a2445}
.p482-card-play svg{fill:currentColor;stroke:currentColor}
.p482-card-title{font-size:13px;line-height:1.4;font-weight:820;margin:0;padding:10px 11px 12px;color:#352b49;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:54px}
.p482-live-dot{display:inline-block;width:7px;height:7px;background:#ed315b;border-radius:50%}
.p482-live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.p482-live-tile{display:block;text-decoration:none;min-width:0;background:#fff;border:1px solid #e7dff5;padding:7px 7px 10px;border-radius:15px;color:#2f2844}
.p482-live-art{height:125px;position:relative;border-radius:10px;display:grid;place-items:center;background:linear-gradient(130deg,#251a49,#7154bb);color:white}
.p482-live-art span{position:absolute;top:8px;left:9px;background:#eb315b;color:white;font-size:10px;font-weight:900;padding:5px 8px;border-radius:7px}
.p482-live-tile strong{display:block;font-size:12px;margin:9px 4px 0;line-height:1.35;overflow-wrap:anywhere}
.p482-live-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.p482-live-actions a{display:flex;gap:13px;min-height:72px;align-items:center;justify-content:center;color:#6843ba;background:#fff;border:1px solid #e7def6;border-radius:15px;text-decoration:none;font-size:14px;font-weight:850}
.p482-live-actions a svg{flex:none}
.p482-error{border-radius:12px;padding:12px;margin:16px 0;background:#fff0ef;color:#b12646;font-size:12px}
@media(max-width:800px){.p482-feature{min-height:245px}.p482-grid,.p482-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){
 .view-home .main{padding:10px 12px 112px}.view-home .topbar{margin:0 0 12px}
 .p482-feature{min-height:211px;border-radius:18px;padding:20px 20px;background-position:center 42%}
 .p482-feature-content{max-width:78%;gap:9px}.p482-feature strong{font-size:21px;line-height:1.12}
 .p482-feature-tag{font-size:9px;padding:5px 8px}.p482-feature-play{padding:9px 13px;font-size:12px;min-height:36px}
 .p482-quicknav{gap:8px;margin-top:12px}.p482-quicknav button{gap:7px;min-height:49px;font-size:12px;padding:9px 3px;border-radius:12px}
 .p482-quicknav svg{width:18px;height:18px}
 .p482-section{margin-top:23px}.p482-heading h2{font-size:19px}.p482-heading{margin-bottom:10px}
 .p482-grid,.p482-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .p482-card{border-radius:13px}.p482-card-art{aspect-ratio:4/4.7}
 .p482-card-title{font-size:12px;padding:9px 9px 10px;min-height:51px}
 .p482-card-badge{font-size:8px;padding:5px 6px;left:7px;top:7px}
 .p482-live-actions{gap:8px}.p482-live-actions a{min-height:65px;font-size:12px;gap:8px;padding:8px}
}
@media(prefers-reduced-motion:reduce){.p482-home *{transition:none!important;animation:none!important}}


/* pipio-v483-clean.css */
/* Pipio V4.8.3 — katalog publik tanpa demo dan teks promosi. */
.p483-home {max-width:1120px}
.p483-home .p482-section:first-child{margin-top:4px}
.p483-home .p482-section{margin-top:26px}
.p483-home .p482-heading h2{font-size:20px;letter-spacing:-.02em}
.p483-home .p482-heading a,.p483-home .p482-heading button{text-decoration:none;font-size:12px}
.p483-empty{border:1px solid #e7e3f0;border-radius:17px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:155px;color:#766e83;font-size:13px}
.p483-empty-icon{width:42px;height:42px;border-radius:50%;background:#f2edfd;color:#7955d9;display:grid;place-items:center}
.p483-live-empty{border:1px solid #e8e3ef;border-radius:16px;background:#fff;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7f768d;font-size:13px}
.p483-live-empty a{display:inline-flex;gap:7px;align-items:center;border-radius:10px;background:#7654e3;color:white;padding:11px 14px;font-weight:800;text-decoration:none;white-space:nowrap}
.p483-catalog h1,.p483-series>h1{font-size:23px;margin:0 0 20px;color:#292139}
.p483-catalog .searchline{margin-bottom:13px;max-width:100%;width:100%;}
.p483-filters{margin:8px 0 18px;gap:7px}
.p483-detail{max-width:920px;margin:0 auto;color:#292139}
.p483-watch-cover{width:100%;aspect-ratio:16/9;border:0;background:linear-gradient(135deg,#1b1733,#41316c);border-radius:18px;display:grid;place-items:center;color:#fff;cursor:pointer}
.p483-watch-cover>svg{background:#ffffff35;border-radius:100%;box-sizing:content-box;padding:17px}
.p483-watch-cover:focus-visible{outline:3px solid #7852d9;outline-offset:3px}
.p483-detail h1{font-size:clamp(21px,3vw,30px);line-height:1.25;letter-spacing:-.02em;margin:18px 0 9px}
.p483-detail-meta{display:flex;align-items:center;gap:7px;color:#817a8c;font-size:12px;margin-bottom:16px}
.p483-detail-buttons{display:flex;gap:10px;margin-bottom:15px}
.p483-detail-buttons .button{font-size:12px;min-height:43px;display:inline-flex;align-items:center;gap:8px}
.p483-description{font-size:13px;line-height:1.6;color:#615a70;white-space:pre-line;margin:14px 0 0;max-width:700px}
.p483-episodes{margin-top:30px}.p483-episodes h2{font-size:18px;margin:0 0 13px}
.p483-series .series-head h2{font-size:19px;margin:0 0 3px}
.p483-series .series-head p{font-size:12px;margin:0}
.p483-catalog .pipio-empty,.p483-series .pipio-empty{padding:40px 10px}
.pipio-empty p:empty{display:none}
@media(max-width:600px){
 .view-home .main{padding:10px 12px 110px}
 .p483-home .p482-section{margin-top:21px}
 .p483-home .p482-heading h2{font-size:18px}
 .p483-empty{min-height:135px}
 .p483-live-empty{padding:13px;font-size:12px}
 .p483-live-empty a{padding:10px 12px}
 .p483-detail h1{margin-top:14px;font-size:22px}
 .p483-watch-cover{border-radius:12px}
 .p483-detail-buttons .button{flex:1;justify-content:center}
 .p483-catalog h1,.p483-series>h1{font-size:22px}
}

.p483-live-page{max-width:1100px;margin:0 auto;padding:4px 0 15px;color:#2a203c}
.p483-live-page>h1{font-size:24px;margin:0 0 20px}
.p483-live-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.p483-live-links a{background:#fff;border:1px solid #e7e1ef;border-radius:13px;padding:15px 6px;min-height:62px;display:flex;align-items:center;justify-content:center;gap:9px;color:#6245bd;text-decoration:none;font-size:13px;font-weight:850}
.p483-live-page .live-events{margin-bottom:14px}
.p483-live-page .live-playing{margin:14px 0}
@media(max-width:600px){.p483-live-page>h1{font-size:22px}.p483-live-links{gap:7px}.p483-live-links a{flex-direction:column;gap:6px;font-size:10px;padding:9px 3px;min-height:67px}}


/* pipio-v487-admin.css */
/* Pipio V4.8.7 — Admin review compact, content-first */
.v487-admin{padding-bottom:25px}.v487-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.v487-admin-head h1{font-size:26px;letter-spacing:-.8px;margin:0}.v487-admin .tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:18px}
.v487-admin .tab{white-space:nowrap;min-width:0;padding:11px 14px;flex-shrink:0}
.v487-review-list{display:grid;gap:12px}.v487-review-card{padding:15px!important;border-radius:20px}
.v487-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:9px;margin:0 0 12px}
.v487-card-head h3{font-size:20px;line-height:1.25;margin:0 0 5px}.v487-synopsis{font-size:14px;line-height:1.5;margin:12px 0;color:#525267}
.v487-review-video{position:relative;aspect-ratio:16/9;background:#090b16;border-radius:12px;overflow:hidden}
.v487-review-video iframe{width:100%;height:100%;border:0;display:block}
.v487-empty-media{aspect-ratio:16/9;background:#161827;color:#b5b7c6;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font-size:13px}
.v487-media-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0;color:#6a6478;font-size:12px}
.v487-media-meta .button{padding:6px 9px!important;font-size:12px!important}.v487-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 4px}
.v487-actions .button{padding:10px 4px!important;min-width:0;font-size:12px!important;border-radius:11px;justify-content:center;white-space:nowrap}
.v487-actions svg{display:none}.v487-all-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px!important}
@media(min-width:760px){.v487-review-list{grid-template-columns:repeat(2,minmax(0,1fr))}.v487-admin-head h1{font-size:32px}}
@media(max-width:355px){.v487-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.v487-actions .button{font-size:13px!important}}

/* V4.8.8 legacy incomplete list */
.v488-incomplete-note{font-size:14px;line-height:1.5;padding:11px 13px;background:#fff7e7;border:1px solid #eedbb4;border-radius:12px;color:#6b4a19;margin:12px 0;}
.v487-admin .tabs .tab{font-size:12px;padding:10px 11px;}
.work-actions button:disabled{opacity:.44;cursor:not-allowed;}


/* pipio-v494-admin.css */
/* Pipio V4.9.4 - permanent, visible admin upload management entry point. */
.v494-admin-shortcut{margin:2px 0 17px;max-width:720px}
.v494-upload-link{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:16px;background:#f2ecff;border:1px solid #cbbbf6;color:#5335a5;text-decoration:none;box-shadow:0 5px 16px rgba(85,55,162,.07);min-height:68px}
.v494-upload-link:focus-visible{outline:3px solid #7050df;outline-offset:3px}
.v494-upload-icon{display:flex;align-items:center;justify-content:center;border-radius:11px;background:#754de0;color:white;width:40px;height:40px;flex-shrink:0;font-size:24px;font-weight:700}
.v494-upload-label{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.v494-upload-label strong{font-size:14px;font-weight:850;line-height:1.25}
.v494-upload-label small{font-size:11px;font-weight:550;color:#706288;line-height:1.35}
.v494-upload-arrow{font-size:23px;font-weight:700;flex-shrink:0}
@media(max-width:380px){.v494-upload-link{gap:9px;padding:12px}.v494-upload-label small{font-size:10px}}


/* pipio-v4910-cinema.css */
/* Pipio V4.9.10: tayangan satu ketuk tanpa langkah popup poster. */
.pipio-cinema{
  position:fixed!important;inset:0!important;z-index:1000!important;
  display:flex;flex-direction:column;justify-content:center;align-items:stretch;
  background:#000!important;color:#fff!important;overflow:hidden;
  height:100vh;height:100dvh;width:100vw;padding:0;
}
.pipio-cinema-head{
  display:flex;align-items:center;gap:12px;position:absolute;z-index:2;
  top:0;left:0;right:0;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;
  color:#fff;background:linear-gradient(to bottom,#000c,#0000);
}
.pipio-cinema-back{
  flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;
  color:#fff!important;background:#222b!important;border:1px solid #ffffff44!important;
  border-radius:50%;cursor:pointer;touch-action:manipulation;
}
.pipio-cinema-back:focus-visible{outline:3px solid #bb9cff;outline-offset:3px}
.pipio-cinema-title{color:#fff;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pipio-cinema-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;width:100%;background:#000}
.pipio-cinema-stage .video-embed,
.pipio-cinema-stage .video-player{
  display:block;width:min(100%,1600px)!important;height:auto!important;
  max-height:100dvh!important;aspect-ratio:16/9!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:#000!important;object-fit:contain!important;
}
.pipio-cinema-stage .hint{display:none}
@media (orientation:landscape) and (max-height:650px){
  .pipio-cinema-head{padding:4px 10px;background:linear-gradient(#0009,transparent)}
  .pipio-cinema-back{width:34px;height:34px}
  .pipio-cinema-stage .video-embed,.pipio-cinema-stage .video-player{width:min(100vw,calc(100dvh * 16 / 9))!important;height:min(100dvh,calc(100vw * 9 / 16))!important}
}

/* V4.9.11: immersive player + native fullscreen on supported browsers. */
body.pipio-watching{overflow:hidden!important;overscroll-behavior:none}
.pipio-cinema:fullscreen,
.pipio-cinema:-webkit-full-screen{
  inset:0!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;padding:0!important;
  background:#000!important;
}
.pipio-cinema:fullscreen .pipio-cinema-stage,
.pipio-cinema:-webkit-full-screen .pipio-cinema-stage{height:100%!important;min-height:0!important}
.pipio-cinema-expand{
  margin-left:auto;min-height:40px;border:1px solid #ffffff5a;
  border-radius:999px;background:#181818cf;color:white;font-size:12px;
  font-weight:600;padding:7px 12px;cursor:pointer;touch-action:manipulation;
}
.pipio-cinema:fullscreen .pipio-cinema-expand{display:none}
.pipio-cinema:-webkit-full-screen .pipio-cinema-expand{display:none}
.pipio-cinema-stage .video-embed,.pipio-cinema-stage .video-player{max-width:100vw!important}
@media (orientation:landscape){
  .pipio-cinema-stage .video-embed,.pipio-cinema-stage .video-player{
    width:min(100vw,calc(100dvh * 16 / 9))!important;
    height:min(100dvh,calc(100vw * 9 / 16))!important;
  }
  .pipio-cinema-title{display:none}
}


/* pipio-v4912-watch.css */
/* Pipio V4.9.12 • Watch Page: portrait-first, layar penuh saat diminta. */
.view-watch .main{max-width:none;padding:0 0 104px!important;background:#faf9fc}
.view-watch .topbar{display:none}
.view-watch .footer{display:none}
.pw-page{max-width:1380px;margin:0 auto;color:#232136;min-width:0}
.pw-video-wrap{background:#050509}
.pw-player-shell{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}
.pw-iframe,.pw-html-video{border:0;display:block;width:100%;height:100%;background:#000;object-fit:contain}
.pw-expand{position:absolute;right:12px;top:12px;z-index:3;display:flex;gap:7px;align-items:center;border:1px solid #ffffff55;border-radius:20px;color:#fff;background:#111b;padding:8px 12px;font-size:12px;font-weight:750;cursor:pointer}
.pw-expand svg{width:17px;height:17px}
.pw-player-shell:fullscreen,.pw-player-shell:-webkit-full-screen{width:100vw;height:100dvh;max-height:none;aspect-ratio:auto;background:black}
.pw-player-shell:fullscreen iframe,.pw-player-shell:fullscreen video,.pw-player-shell:-webkit-full-screen iframe,.pw-player-shell:-webkit-full-screen video{width:100%;height:100%;max-height:100%}
.pw-player-shell:fullscreen .pw-expand,.pw-player-shell:-webkit-full-screen .pw-expand{display:none}
.pw-layout{padding:20px 24px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,350px);gap:32px}
.pw-main-column,.pw-related{min-width:0}
.pw-title-row{display:flex;align-items:flex-start;gap:10px;padding-top:4px}
.pw-back{width:38px;height:38px;flex-shrink:0;border:0;background:#f1ebfb;border-radius:50%;display:grid;place-items:center;color:#6a44c7;cursor:pointer}
.pw-title-row h1{font-size:clamp(21px,2.3vw,28px);line-height:1.24;letter-spacing:-.04em;margin:1px 0 6px;color:#232136;overflow-wrap:anywhere}
.pw-meta{font-size:12px;color:#858095;margin:0}
.pw-studio-row{display:flex;align-items:center;gap:10px;margin:20px 0 13px}
.pw-avatar,.pw-comment-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(130deg,#8560ed,#f06ba1);color:#fff;font-size:18px;font-weight:850;flex-shrink:0}
.pw-studio-name{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left;flex:1;border:0;background:none;color:#25203b;cursor:pointer;padding:0}
.pw-studio-name strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pw-studio-name span{font-size:11px;color:#8b8696}
.pw-follow{border:none;border-radius:999px;background:#26212f;color:white;padding:11px 17px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.pw-follow:disabled{opacity:.6}
.pw-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid #eae6ed}
.pw-action{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:41px;border:1px solid #e9e4ef;padding:8px 13px;border-radius:22px;background:#f3f1f6;color:#4a4156;font-size:12px;font-weight:780;cursor:pointer;white-space:nowrap}
.pw-action.selected{background:#fae5f0;color:#d62a75;border-color:#f6cadd}
.pw-action svg{width:18px;height:18px}
.pw-description{font-size:13px;line-height:1.65;padding:14px 16px;margin:16px 0;background:#f0eef4;border-radius:13px;color:#625c6d;white-space:pre-wrap}
.pw-description p{margin:0}
.pw-comments{margin-top:23px;scroll-margin-top:16px}
.pw-comments h2,.pw-related h2{font-size:18px;color:#25203b;margin:0 0 15px}
.pw-comments h2 span{color:#898393;font-size:14px;font-weight:500}
.pw-comments-list{display:flex;flex-direction:column;gap:17px}
.pw-hint{font-size:12px;color:#858094;margin:8px 0 14px}
.pw-comment{display:flex;align-items:flex-start;gap:11px}
.pw-comment-avatar{width:31px;height:31px;font-size:12px;background:#9771e7}
.pw-comment strong{font-size:12px}
.pw-comment p{font-size:12px;line-height:1.6;color:#595467;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.pw-comment-form{display:flex;gap:9px;margin:18px 0 4px}
.pw-comment-form input{min-height:44px;flex:1;min-width:0;padding:0 14px;border:1px solid #e6deec;border-radius:22px;background:#fff;font-size:13px;outline-color:#8864da;color:#292239}
.pw-comment-form button,.pw-login{border:0;min-height:44px;border-radius:22px;background:#7953e7;color:white;padding:0 17px;font-weight:770;cursor:pointer}
.pw-comment-form button:disabled{opacity:.5}
.pw-login{margin-top:18px}
.pw-related h2{margin-bottom:15px}
.pw-recommendation{width:100%;display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:start;text-align:left;border:0;background:none;border-radius:12px;padding:5px 0 14px;cursor:pointer;color:#2d2936}
.pw-recommendation img{width:150px;aspect-ratio:16/9;object-fit:cover;border-radius:11px;background:#e5deef}
.pw-recommendation strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.35;margin-bottom:5px}
.pw-recommendation small{display:block;color:#888192;font-size:11px;line-height:1.45}
.pw-unavailable{color:white;padding:30px;text-align:center}
.pw-page button:focus-visible{outline:3px solid #8d65f0;outline-offset:2px}
@media(max-width:1000px){.pw-layout{grid-template-columns:1fr;gap:16px}.pw-related{border-top:1px solid #eae4ef;padding-top:24px}.pw-recommendation{grid-template-columns:min(40%,170px) minmax(0,1fr)}.pw-recommendation img{width:100%}}
@media(max-width:800px){.view-watch .app-shell{display:block}.view-watch .main{padding-bottom:calc(98px + env(safe-area-inset-bottom))!important}.pw-layout{padding:14px 15px 30px}.pw-player-shell{position:relative;aspect-ratio:16/9}.pw-expand{top:8px;right:8px}.pw-title-row h1{font-size:19px}}
@media(max-width:480px){.pw-layout{padding:13px 12px 32px}.pw-title-row h1{font-size:18px}.pw-studio-row{margin:16px 0 12px}.pw-actions{gap:6px}.pw-action{padding:8px 12px;font-size:11px;min-height:39px}.pw-action svg{height:17px;width:17px}.pw-avatar{width:39px;height:39px}.pw-related{padding-top:18px}.pw-recommendation{grid-template-columns:42% minmax(0,1fr);gap:10px}.pw-recommendation strong{font-size:12px}.pw-comment-form{gap:6px}.pw-comment-form button{padding:0 13px}}
@media(orientation:landscape) and (max-height:500px){.pw-player-shell:fullscreen{height:100dvh;aspect-ratio:auto}.pw-player-shell:fullscreen iframe{width:100%;height:100%}}
.pw-comment-delete{border:0;background:none;padding:4px 0;color:#9b4ed4;text-decoration:underline;font-size:11px;cursor:pointer}

/* Pipio V4.9.16 — komentar ringkas pada Watch Page. */
.pw-comments[hidden]{display:none!important}
.pw-comment-chevron{display:inline-block;font-size:15px;font-weight:800;line-height:1;margin-left:2px;color:#80778b}
#pw-comments-toggle[aria-expanded="true"]{background:#eee8fc;color:#6545ae;border-color:#ddcdfa}


/* pipio-v4913-share.css */
/* Pipio V4.9.13 — Native share dengan panel alternatif untuk browser tanpa Web Share API. */
.pipio-share-overlay{position:fixed;inset:0;z-index:1500;background:rgba(8,7,20,.60);display:flex;align-items:flex-end;justify-content:center;padding:0}
.pipio-share-panel{box-sizing:border-box;width:min(100%,560px);background:#fff;border-radius:23px 23px 0 0;padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px #0002;color:#242036;font-family:inherit}
.pipio-share-header{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:22px}
.pipio-share-header strong{display:block;font-size:19px}
.pipio-share-header small{display:block;font-size:13px;color:#878195;margin-top:4px;line-height:1.4;overflow-wrap:anywhere}
.pipio-share-header button{width:38px;height:38px;border:none;border-radius:50%;background:#f2eef8;color:#423952;font-size:25px;cursor:pointer;flex-shrink:0}
.pipio-share-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pipio-share-options a,.pipio-share-options button{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;color:#332c43;text-decoration:none;font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;padding:5px 0;min-width:0;overflow-wrap:anywhere;text-align:center}
.pipio-share-options span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#eee8ff;color:#7047d4;font-size:17px;font-weight:800}
.pipio-share-options a:first-child span{background:#d6fbe6;color:#128749}
.pipio-share-options a:nth-child(2) span{background:#dcf1ff;color:#1876b8}
.pipio-share-options a:nth-child(3) span{background:#e1edff;color:#2360b2}
.pipio-share-hint{margin:22px 0 0;font-size:12px;line-height:1.5;color:#817c89}
@media(min-width:700px){.pipio-share-overlay{align-items:center}.pipio-share-panel{border-radius:23px;padding-bottom:24px}}


/* pipio-v4920-creator-minimal.css */
/* Pipio V4.9.20 — Studio Kreator minimal, komponen hanya di halaman Kreator */
.creator-minimal{width:100%;max-width:100%}
.creator-simple-header{margin:14px 0 16px}
.creator-simple-header h1{color:#29253e;font-size:clamp(25px,3vw,32px);letter-spacing:-.65px;line-height:1.2;font-weight:850;overflow-wrap:anywhere;margin:0 0 9px}
.creator-verify{display:inline-flex;align-items:center;gap:5px;color:#208668;font-size:12px;font-weight:750}
.creator-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}
.creator-tab{padding:12px 7px;min-height:43px;border:1px solid #ece6f1;border-radius:13px;background:#fff;color:#665f75;font-weight:760;font-size:clamp(11px,1.9vw,13px);cursor:pointer}
.creator-tab.active{border-color:#7954e7;background:#7954e7;color:#fff}
.creator-tab:focus-visible,.creator-add-work:focus-visible,.creator-link:focus-visible,.creator-work-row:focus-visible{outline:3px solid #ad93f7;outline-offset:3px}
.creator-overview{max-width:840px}
.creator-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.creator-stat{background:#f5f3f9;border:1px solid #e9e6ee;border-radius:15px;min-width:0;min-height:106px;padding:17px 8px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.creator-stat strong{font-size:clamp(25px,4vw,34px);color:#2e2545;line-height:1.2;font-weight:850;font-variant-numeric:tabular-nums}
.creator-stat span{font-size:12px;color:#756f80;font-weight:650}
.creator-add-work.button{width:100%;max-width:840px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;font-size:14px;font-weight:800;border-radius:14px;margin:0 0 24px}
.creator-work-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.creator-work-heading h2{font-size:18px;color:#302b42;font-weight:800;margin:0}
.creator-link{background:none;border:0;display:inline-flex;gap:4px;align-items:center;color:#7352ce;font-size:12px;font-weight:750;padding:9px 2px;cursor:pointer;white-space:nowrap}
.creator-work-preview{background:#fff;border:1px solid #eee8f2;border-radius:16px;overflow:hidden}
.creator-work-row{display:flex;width:100%;align-items:center;gap:10px;text-align:left;background:#fff;border:0;border-bottom:1px solid #f1eaf4;color:#332c45;min-height:54px;padding:12px 14px;cursor:pointer}
.creator-work-row:last-child{border-bottom:0}
.creator-work-title{font-size:13px;font-weight:730;flex:1;min-width:0;overflow-wrap:anywhere}
.creator-work-status{font-size:11px;border-radius:999px;background:#f6f2e8;color:#86652f;padding:5px 8px;white-space:nowrap}
.creator-work-status.is-published{color:#27765c;background:#e9f7f0}
.creator-work-status.is-review{color:#6a4dc1;background:#f0eaff}
.creator-work-row svg{color:#91869f;flex:none}
.creator-no-work{padding:17px 15px;color:#81798c;font-size:13px;margin:0}
@media(max-width:480px){.creator-simple-header{margin:8px 0 15px}.creator-simple-header h1{font-size:27px}.creator-stat{min-height:92px;padding:12px 5px}.creator-stat strong{font-size:27px}.creator-stat span{font-size:11px}.creator-stats{gap:7px}.creator-tab{font-size:11px;padding:10px 4px}.creator-add-work.button{min-height:46px;font-size:13px}.creator-work-heading h2{font-size:16px}}


/* pipio-v4921-real-thumbnails.css */
/* Pipio V4.9.21 — real Cloudflare Stream thumbnails in catalogue and creator cards. */
.pipio-real-art{background:#191b28!important;background-image:none!important;overflow:hidden;isolation:isolate}
.pipio-real-art .pipio-thumb-missing{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:12px;color:#c7c6d0;font:600 12px/1.5 system-ui,sans-serif}
.pipio-real-art img.pipio-thumb-img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}
.pipio-real-art .floating-play,.pipio-real-art .media-top,.pipio-real-art .p482-card-play{z-index:2}
/* Landscape photo, matching the uploaded film, instead of tall random illustrations. */
.p482-card-art{aspect-ratio:16/9!important;min-height:0!important}
.media-art{aspect-ratio:16/9;height:auto!important;min-height:0!important;background-size:cover}
.pipio-mini-art{position:relative;flex-shrink:0;display:block;overflow:hidden;background:#161c29;border-radius:8px;aspect-ratio:16/9;width:80px;height:auto}
.pipio-mini-art .pipio-thumb-missing{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:5px;font-size:9px;color:#c5c5d4;line-height:1.3}
.pipio-mini-art .pipio-thumb-img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
@media(max-width:600px){.p482-card-art{aspect-ratio:16/9!important}.media-art{aspect-ratio:16/9!important}}


/* pipio-v4922-catalog.css */
/* Pipio V4.9.22 — Katalog ringkas; data judul dan thumbnail tetap berasal dari karya asli. */
.pipio-catalog-home,.pipio-catalog-page{max-width:1120px;margin:0 auto;color:#27243a}
.pipio-catalog-toolbar,.pipio-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:1px 0 14px}
.pipio-catalog-toolbar h1,.pipio-catalog-head h1{margin:0;font-size:24px;letter-spacing:-.025em;line-height:1.25}
.pipio-catalog-search{border:1px solid #e9e4ee;background:#fff;color:#5d4d87;border-radius:12px;padding:10px 13px;font:700 12px/1.2 system-ui,sans-serif;display:flex;align-items:center;gap:7px;cursor:pointer}
.pipio-catalog-count{font-size:12px;color:#777185}
.pipio-catalog-categories{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:1px 1px 8px;max-width:100%}
.pipio-catalog-categories::-webkit-scrollbar{display:none}
.pipio-category-pill{font:700 12px/1 system-ui,sans-serif;background:#fff;color:#595166;white-space:nowrap;border:1px solid #e9e3ed;border-radius:24px;padding:11px 15px;cursor:pointer;min-height:36px}
.pipio-category-pill.active{background:#7654e3;border-color:#7654e3;color:#fff}
.pipio-catalog-home .p482-section{margin-top:16px}
.pipio-catalog-home .p482-heading h2{font-size:19px}
.pipio-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pipio-catalog-card{background:#fff;min-width:0;border:1px solid #ede8f1;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 5px 17px rgba(38,21,65,.045)}
.pipio-catalog-card:focus-visible,.pipio-category-pill:focus-visible,.pipio-catalog-search:focus-visible{outline:3px solid #7957e6;outline-offset:3px}
.pipio-catalog-cover{background:#131927;position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate}
.pipio-catalog-cover .pipio-thumb-missing{position:absolute;inset:0;display:grid;place-items:center;padding:15px;text-align:center;color:#c8ccd8;font-size:12px}
.pipio-catalog-cover .pipio-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.pipio-catalog-access{position:absolute;left:9px;top:9px;z-index:2;background:rgba(15,17,30,.76);color:#fff;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800}
.pipio-catalog-play{position:absolute;right:10px;bottom:10px;z-index:2;background:#fff;color:#7654e3;display:grid;place-items:center;border-radius:50%;height:37px;width:37px;box-shadow:0 2px 8px #0002}
.pipio-catalog-info{padding:12px 13px 14px;display:flex;flex-direction:column;gap:5px;min-width:0}
.pipio-catalog-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:800 14px/1.35 system-ui,sans-serif;min-height:19px;overflow-wrap:anywhere;color:#2b243d}
.pipio-catalog-studio{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#645d72}
.pipio-catalog-details{display:block;color:#847d8f;font-size:11px}
.pipio-catalog-empty{border:1px solid #eae5ef;background:#fff;color:#787182;border-radius:15px;padding:24px;text-align:center;font-size:13px}
.pipio-catalog-page .searchline{margin-bottom:12px}
.pipio-catalog-page .pipio-catalog-categories{margin-bottom:13px}
@media(hover:hover){.pipio-catalog-card:hover{border-color:#d6c9f6;box-shadow:0 9px 23px #241b401c;transform:translateY(-1px)}}
@media(max-width:900px){.pipio-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:600px){
 .view-home .main{padding:13px 16px 112px}
 .pipio-catalog-toolbar,.pipio-catalog-head{margin-bottom:12px}
 .pipio-catalog-toolbar h1,.pipio-catalog-head h1{font-size:22px}
 .pipio-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .pipio-catalog-card{border-radius:14px}
 .pipio-catalog-info{padding:11px 10px 13px;gap:4px}
 .pipio-catalog-title{font-size:13px}
 .pipio-catalog-studio{font-size:11px}
 .pipio-catalog-details{font-size:10px}
 .pipio-category-pill{font-size:11px;padding:10px 13px}
 .pipio-catalog-play{height:33px;width:33px}
 .pipio-catalog-access{font-size:9px;padding:4px 7px}
}
@media(prefers-reduced-motion:reduce){.pipio-catalog-card{transition:none;transform:none!important}}


/* pipio-v4923-works.css */
/* Pipio V4.9.23 — Kelola Karya ringkas: tombol di menu tiga titik. */
.creator-minimal .work-manage-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:2px 1px;color:#746b7d;font-size:13px;font-weight:650}
.creator-minimal .work-archive-toggle{border:0;background:transparent;color:#7352ce;padding:8px;font-weight:750;font-size:12px;cursor:pointer}
.creator-minimal .work-list-simple{gap:11px}
.creator-minimal .work-card-slim{padding:14px!important;border:1px solid #ebe5ed;border-radius:18px;box-shadow:0 5px 21px rgba(59,39,98,.035)}
.creator-minimal .work-slim-head{display:grid;grid-template-columns:96px minmax(0,1fr) auto 36px;align-items:start;gap:10px;flex-wrap:nowrap}
.creator-minimal .work-slim-head .poster-mini{width:96px;height:68px;overflow:hidden;border-radius:10px;display:block;min-width:0}
.creator-minimal .work-slim-info{min-width:0;align-self:center}
.creator-minimal .work-slim-info h3{font-size:15px;margin:0 0 4px;overflow-wrap:anywhere}
.creator-minimal .work-slim-info .micro{font-size:11px;line-height:1.45}
.creator-minimal .work-slim-head>.pill{font-size:10px;padding:5px 7px;line-height:1.2;white-space:nowrap;margin-top:6px}
.creator-minimal .work-pending-note{font-size:10px;color:#7352ce;font-weight:700;line-height:1.4;margin-top:5px}
.creator-minimal .work-more{position:relative;z-index:4;margin-left:auto}
.creator-minimal .work-more summary{list-style:none;border:1px solid #eee8f2;background:#f9f7fc;color:#514460;width:36px;height:36px;border-radius:11px;cursor:pointer;display:grid;place-items:center;font-size:22px;line-height:1;padding-bottom:10px;font-weight:bold}
.creator-minimal .work-more summary::-webkit-details-marker{display:none}
.creator-minimal .work-more[open] summary{background:#efe9fc;color:#7250ce}
.creator-minimal .work-more-list{position:absolute;right:0;top:43px;width:min(240px,calc(100vw - 45px));background:#fff;border:1px solid #ddd6e5;border-radius:13px;box-shadow:0 10px 32px rgba(42,25,76,.18);padding:5px;display:grid;gap:2px;z-index:10}
.creator-minimal .work-more-list button,.creator-minimal .work-more-list span{border:0;background:transparent;color:#373044;text-align:left;width:100%;padding:11px 12px;line-height:1.3;font-size:13px;border-radius:9px;font-weight:650;cursor:pointer}
.creator-minimal .work-more-list button:hover,.creator-minimal .work-more-list button:focus-visible{background:#f4f0fa;outline:0}
.creator-minimal .work-more-list .work-option-danger{color:#be365b}
.creator-minimal .work-single-action{margin-top:10px;display:flex;justify-content:flex-end}
.creator-minimal .work-single-action button,.creator-minimal .work-single-action a{border:0;background:#7954e7;color:#fff;font-size:12px;font-weight:800;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;min-height:36px;padding:8px 14px;cursor:pointer}
.creator-minimal .work-single-action .work-one-status{font-size:11px;color:#887e92;line-height:1.6}
.v4923-admin-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.v4923-admin-compare>div{min-width:0;padding:12px;background:#f7f5fb;border:1px solid #e9e1f0;border-radius:12px;overflow-wrap:anywhere}
.v4923-admin-compare b{color:#3d2e57;font-size:13px}.v4923-admin-compare p{font-size:13px;line-height:1.4;margin:7px 0}.v4923-admin-compare small{color:#82768f}
@media(max-width:570px){.creator-minimal .work-slim-head{grid-template-columns:74px minmax(0,1fr) 36px;gap:8px}.creator-minimal .work-slim-head .poster-mini{width:74px;height:58px}.creator-minimal .work-slim-head>.pill{grid-column:2;grid-row:2;justify-self:start;margin:0}.creator-minimal .work-more{grid-column:3;grid-row:1}.creator-minimal .work-slim-info h3{font-size:14px}.v4923-admin-compare{grid-template-columns:1fr}}


/* pipio-v4924-serial.css */
/* Pipio V4.9.24 — Serial dan episode minimal */
.pipio-series-page,.serial-creator-page{max-width:930px;margin:0 auto;padding:0 0 45px}
.serial-page-head,.serial-title-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;gap:12px}
.serial-page-head h1,.serial-title-row h2{font-size:25px;line-height:1.2;margin:0;color:#2d2840}
.serial-page-head span,.serial-title-row span{font-size:12px;color:#8b8397}
.serial-series-list{display:grid;gap:13px}
.serial-public-card,.serial-creator-group{background:#fff;border:1px solid #eee8f1;border-radius:17px;overflow:hidden;box-shadow:0 9px 24px #4c315d0a}
.serial-series-cover{display:grid;grid-template-columns:116px minmax(0,1fr) 25px;align-items:center;gap:12px;width:100%;padding:12px;border:0;color:#2b2637;text-align:left;background:#fff;cursor:pointer}
.serial-series-cover img{width:116px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#ddd}
.serial-series-info{min-width:0;display:flex;flex-direction:column;gap:5px}
.serial-series-info strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.serial-series-info small{font-size:11px;color:#777081}
.serial-toggle-chevron{font-size:20px;text-align:center;color:#7955d9}
.serial-episode-list{border-top:1px solid #eeeaf2}
.serial-episode-row{width:100%;display:grid;grid-template-columns:33px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:13px 15px;border:0;border-bottom:1px solid #f1edf4;background:#fff;text-align:left;color:#312a40;cursor:pointer}
.serial-episode-row:last-child{border-bottom:0}
.serial-episode-row.is-current{background:#f5f0ff}
.serial-episode-number{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#f3effb;color:#6c4bce;font-weight:800;font-size:12px}
.serial-episode-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.serial-episode-copy strong{font-size:13px;overflow-wrap:anywhere}
.serial-episode-copy small{font-size:11px;color:#807b8a}
.serial-episode-row>svg{color:#7052ce}
.pw-serial-episodes{margin:17px 0;border:1px solid #eae5ee;border-radius:15px;overflow:hidden}
.pw-serial-episodes h2{margin:0;padding:12px 15px;font-size:14px;color:#3a314a;background:#f6f2fa}
.pw-next-episode{display:flex;width:100%;justify-content:center;align-items:center;gap:9px;padding:12px;border-radius:12px;border:1px solid #dfd2f6;background:#f5efff;color:#7051c9;cursor:pointer;font-weight:800;margin-top:12px}
.creator-minimal:has(.serial-creator-page) .creator-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.creator-minimal .creator-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.serial-creator-header{display:flex;align-items:center;gap:10px;padding:12px}
.serial-creator-poster{width:84px;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#ebe9ef;flex-shrink:0;position:relative}
.serial-creator-poster img{width:100%;height:100%;object-fit:cover}
.serial-creator-header>div:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.serial-creator-header strong{font-size:13px;overflow-wrap:anywhere;color:#2f2940}
.serial-creator-header small{font-size:11px;color:#8a8392}
.serial-add-episode{display:flex;align-items:center;gap:3px;border:1px solid #e5d9fb;border-radius:11px;background:#f5f0fe;color:#7454c9;padding:8px 10px;font-weight:800;font-size:11px;cursor:pointer;flex:none}
.serial-creator-episodes{border-top:1px solid #efeaf4}
.serial-creator-ep{display:flex;align-items:center;gap:9px;min-height:54px;padding:9px 12px;border-bottom:1px solid #f2eef5}
.serial-creator-ep:last-child{border-bottom:0}
.serial-ep-number{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f2eef9;font-weight:800;color:#7153bb;font-size:12px;flex:none}
.serial-ep-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.serial-ep-info strong{font-size:12px;overflow-wrap:anywhere}
.serial-ep-info small{font-size:11px;color:#89818f}
.serial-small-play{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;border:1px solid #e8ddfb;background:#faf7ff;color:#6c52bd;cursor:pointer}
.serial-ep-menu.work-more{flex:none}
.serial-new-form{margin:18px 0 0;padding:15px;border:1px solid #eee8f4;border-radius:15px;background:#fff}
.serial-new-form label{display:block;font-size:12px;font-weight:780;margin-bottom:7px;color:#4b3c65}
.serial-new-form>div{display:flex;gap:8px}
.serial-new-form input{flex:1;min-width:0;border:1px solid #e3dbea;border-radius:10px;padding:10px 12px;font-size:13px}
.serial-new-form button{display:flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:9px 14px;background:#7953e7;color:white;font-weight:800;cursor:pointer}
.serial-creator-empty{font-size:12px;color:#696270;background:#fff;border-radius:13px;padding:17px;border:1px solid #eee8f4}
@media(max-width:520px){.creator-minimal .creator-tabs{gap:6px}.creator-minimal .creator-tab{padding:9px 3px;font-size:10px}.serial-series-cover{grid-template-columns:96px minmax(0,1fr) 20px;gap:9px}.serial-series-cover img{width:96px}.serial-creator-poster{width:70px}.serial-add-episode{padding:8px 6px;font-size:10px}.serial-page-head h1{font-size:22px}}

.pw-serial-episodes>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;font-size:13px;list-style:none;cursor:pointer;color:#3a314a;background:#f6f2fa}.pw-serial-episodes>summary::-webkit-details-marker{display:none}.pw-serial-episodes>summary span{font-size:11px;color:#756b83}.pw-serial-episodes[open]>summary{border-bottom:1px solid #ebe4f2}


/* pipio-v4926-creator-profile.css */
/* Pipio V4.9.26 — Profil channel dan Studio Kreator lebih ringkas.
   UI only: tidak mengganti auth, Firestore, hak admin, streaming, atau rules. */
.view-creator .main,.view-studio .main{background:#fff}
.view-creator .top-text,.view-studio .top-text,.view-creator .demo-label,.view-studio .demo-label{display:none}
.view-creator .topbar,.view-studio .topbar{min-height:30px;margin-bottom:2px;justify-content:flex-end}
.pc-creator,.pipio-public-studio{max-width:940px;margin:0 auto;padding-bottom:42px;color:#19191f}
.pc-profile-header{display:flex;align-items:center;gap:17px;padding:22px 0 9px;min-width:0}
.pc-avatar{display:grid;place-items:center;flex:none;width:84px;height:84px;border-radius:50%;background:linear-gradient(140deg,#e7ddff,#b6dcf8);font-size:39px;font-weight:800;color:#493c8f;box-shadow:inset 0 0 0 1px #e8e6f3}
.pc-profile-identity{flex:1;min-width:0}
.pc-profile-identity h1{margin:0 0 5px;font-size:clamp(23px,2.6vw,30px);line-height:1.2;letter-spacing:-.7px;font-weight:850;overflow-wrap:anywhere;color:#18181d}
.pc-profile-identity p{font-size:13px;line-height:1.35;margin:0 0 7px;color:#686870}
.pc-verified,.pc-verify-pending{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:730;color:#178569}
.pc-verify-pending{color:#77727f}
.pc-channel-actions{display:flex;gap:9px;align-items:center;margin:13px 0 19px}
.pc-channel-actions:empty{display:none}
.pc-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:9px 18px;background:#f2f2f4;border:1px solid #ededf0;border-radius:50px;color:#202027;font-size:13px;font-weight:760;cursor:pointer}
.pc-action:hover{background:#e9e7f2}
.pc-action:focus-visible,.pc-add-button:focus-visible,.pc-video-title:focus-visible,.pc-video-cover:focus-visible{outline:3px solid #8663eb;outline-offset:2px}
.pc-creator .creator-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-bottom:1px solid #ebebee;margin:0 0 19px}
.pc-creator .creator-tab{border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;color:#737179!important;background:transparent!important;box-shadow:none!important;font-size:14px!important;font-weight:680!important;padding:13px 6px!important;min-height:43px}
.pc-creator .creator-tab.active{color:#17171c!important;border-bottom-color:#17171c!important;font-weight:830!important}
.pc-creator .creator-tab:hover:not(.active){color:#312f3a!important;background:#fafafa!important}
.pc-section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0 12px}
.pc-section-top h2{color:#202028;font-size:17px;margin:0;font-weight:800;letter-spacing:-.25px}
.pc-section-top>span,.pc-section-heading>span{font-size:12px;color:#77737d}
.pc-section-heading{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}
.pc-tools{display:flex;align-items:center;gap:6px}
.pc-add-button{background:#7954e7;border:0;border-radius:20px;padding:8px 12px;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:5px;min-height:34px;cursor:pointer}
.pc-creator .work-archive-toggle{font-size:11px;font-weight:750;padding:7px!important}
.pc-video-list{display:block;min-width:0;background:#fff}
.pc-video-row{display:grid;grid-template-columns:minmax(126px,190px) minmax(0,1fr) 30px;align-items:start;gap:14px;padding:14px 0;border-bottom:1px solid #eeeeef;position:relative;min-width:0}
.pc-video-row:last-child{border-bottom:0}
.pc-video-cover{width:100%;aspect-ratio:16/9;min-width:0;border:0;border-radius:11px;overflow:hidden;position:relative;display:block;padding:0;background:#15141a;color:#e2dee9;text-align:left;cursor:pointer}
.pc-video-cover-static{cursor:default}
.pc-video-cover .pipio-thumb-missing{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:550;text-align:center;padding:8px;color:#c7c6cf;line-height:1.35}
.pc-video-cover .pipio-thumb-img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1}
.pc-duration{position:absolute;right:6px;bottom:6px;background:#111b;color:#fff;border-radius:4px;font-size:10px;font-weight:750;padding:3px 5px;line-height:1.2;z-index:2;white-space:nowrap}
.pc-video-info{min-width:0;display:flex;align-items:flex-start;flex-direction:column;padding-top:3px;gap:6px}
.pc-video-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-align:left;border:0;background:none;color:#202027;padding:0;margin:0;line-height:1.4;font-size:15px;font-weight:780;overflow-wrap:anywhere;cursor:pointer;max-width:100%;text-decoration:none}
h3.pc-video-title{cursor:default}
.pc-video-meta{font-size:12px;color:#77737c;line-height:1.4}
.pc-work-status{display:inline-flex;align-items:center;border-radius:99px;background:#f3eff7;padding:4px 8px;color:#74667f;font-size:10px;font-weight:750;line-height:1.1}
.pc-work-status.is-published{color:#187b5f;background:#e4f7ee}
.pc-work-status.is-rejected{color:#b13f51;background:#fff0f1}
.pc-work-status.is-review{color:#7555b5;background:#f0ecff}
.pc-inline-link{color:#6f48d7;text-decoration:none;font-weight:800;font-size:11px;padding:4px 0}
.pc-creator .pc-work-more{align-self:start;justify-self:end;margin:0!important}
.pc-creator .pc-work-more summary{background:transparent;border:0;width:29px;height:32px;padding:0 0 8px;font-size:22px;color:#5a5761;border-radius:50%;display:grid;place-items:center}
.pc-creator .pc-work-more[open]{z-index:8}
.pc-creator .pc-work-more[open] summary{background:#efedf5}
.pc-empty-more{width:30px}
.pc-work-row .pc-revision,.pc-work-row .pc-history{grid-column:1/-1;margin:0}
.pc-work-row .pc-revision{border-radius:9px;padding:10px 12px;font-size:12px}
.pc-work-row .pc-revision p{margin:4px 0 0}
.pc-work-row .pc-history{padding:0 3px}
.pc-public-row{grid-template-columns:minmax(126px,190px) minmax(0,1fr)}
.pc-channel-bio{font-size:13px;color:#62616b;line-height:1.6;margin:7px 0 18px;max-width:680px;white-space:pre-line}
@media(max-width:800px){
  .view-creator .main,.view-studio .main{padding:9px 16px 108px}
  .view-creator .topbar,.view-studio .topbar{margin:0 0 1px}
}
@media(max-width:520px){
  .view-creator .main,.view-studio .main{padding:8px 13px 104px}
  .pc-profile-header{gap:13px;padding-top:18px}
  .pc-avatar{width:66px;height:66px;font-size:31px}
  .pc-profile-identity h1{font-size:23px;margin-bottom:4px}
  .pc-profile-identity p{font-size:12px;margin-bottom:5px}
  .pc-verified,.pc-verify-pending{font-size:10px}
  .pc-channel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 14px}
  .pc-action{padding:7px 8px;font-size:12px;min-height:39px}
  .pc-creator .creator-tab{font-size:13px!important;padding:11px 3px!important}
  .pc-section-top{margin:11px 0 5px}
  .pc-section-top h2{font-size:15px}
  .pc-video-row{grid-template-columns:minmax(112px,41%) minmax(0,1fr) 28px;gap:8px;padding:12px 0}
  .pc-public-row{grid-template-columns:minmax(112px,41%) minmax(0,1fr)}
  .pc-video-cover{border-radius:9px}
  .pc-video-info{padding-top:0;gap:4px}
  .pc-video-title{font-size:13px;line-height:1.35}
  .pc-video-meta{font-size:10.5px}
  .pc-duration{font-size:9px;right:4px;bottom:4px}
  .pc-work-status{font-size:9px;padding:3px 7px}
  .pc-creator .pc-work-more summary{width:28px;height:29px}
  .pc-tools{gap:1px}
  .pc-creator .work-archive-toggle{font-size:10px;padding:6px!important}
  .pc-add-button{font-size:11px;padding:7px 9px;min-height:31px}
}
@media(max-width:365px){
  .pc-video-row{grid-template-columns:minmax(100px,39%) minmax(0,1fr) 26px;gap:7px}
  .pc-public-row{grid-template-columns:minmax(100px,39%) minmax(0,1fr)}
  .pc-video-title{font-size:12px}
  .pc-profile-identity h1{font-size:21px}
}


/* pipio-v4927-account-tickets.css */
/* V4.9.27: profil penonton + rancangan tiket; no changes to player or Stream. */
.view-me .main,.view-tickets .main,.view-ticket-demo .main{background:#fff}
.pipio-me,.pipio-ticket-page{max-width:760px;margin:0 auto;color:#191923;padding:12px 0 35px}
.pipio-me-top{padding:8px 0 26px}.pipio-me-top h1,.pipio-ticket-page h1{font-size:27px;color:#181821;margin:0;font-weight:850}
.pipio-me-profile{display:flex;gap:15px;align-items:center;padding:8px 0 25px;border-bottom:1px solid #eee}
.pipio-me-profile>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pipio-me-profile strong{font-size:20px;overflow-wrap:anywhere}.pipio-me-profile small{color:#777;font-size:12px;overflow-wrap:anywhere}
.pc-avatar-photo{overflow:hidden}.pc-avatar-photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.pipio-me-avatar{width:75px;height:75px;font-size:30px}.pipio-edit-avatar{border:1px solid #eee;background:#f7f5fa;border-radius:30px;min-height:37px;padding:6px 12px;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;cursor:pointer}
.pipio-me-links{padding-top:14px}.pipio-me-links>button{width:100%;display:flex;align-items:center;gap:16px;min-height:79px;text-align:left;border:0;border-bottom:1px solid #f1f1f2;background:#fff;color:#25242c;cursor:pointer}.pipio-me-links>button>span{flex:1;display:flex;flex-direction:column;gap:4px}.pipio-me-links strong{font-size:15px}.pipio-me-links small{font-size:12px;color:#888}
.pipio-ticket-title{display:flex;justify-content:space-between;align-items:center;padding:10px 0 21px;gap:15px}.pipio-ticket-badge{font-size:10px;font-weight:800;color:#7151b3;background:#f0ebfe;border-radius:40px;padding:5px 9px;display:inline-block;width:max-content}
.pipio-notice{background:#fff8e8;border:1px solid #f3dca5;color:#6c4c20;padding:12px 14px;border-radius:12px;font-size:12px;line-height:1.5;margin:8px 0 18px}
.pipio-ticket-entry{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #eee}.pipio-ticket-entry-ico{background:#eee8fb;color:#7650d4;min-width:52px;height:52px;border-radius:14px;display:grid;place-items:center}.pipio-ticket-entry>div{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.pipio-ticket-entry strong{font-size:14px}.pipio-ticket-entry small{font-size:11px;color:#777}.pipio-ticket-page h2{font-size:17px;margin:28px 0 8px}
.pipio-empty-ticket{padding:34px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;color:#82808b}.pipio-empty-ticket strong{color:#373541}.pipio-empty-ticket p{font-size:12px;max-width:330px;margin:0}
.pipio-small-muted{color:#777;line-height:1.5;font-size:12px}.pipio-ticket-work h3{margin:20px 0 12px;font-size:15px;color:#35323c}.pipio-ticket-work-row{border-bottom:1px solid #f0eef3;display:flex;align-items:center;gap:12px;padding:13px 0}.pipio-ticket-work-row>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.pipio-ticket-work-row strong{font-size:14px;overflow-wrap:anywhere}.pipio-ticket-work-row small{color:#888;font-size:11px}.pipio-ticket-work-row span{color:#7c59b8;font-size:12px;font-weight:700}
.pipio-modal-avatar{display:flex;align-items:center;gap:15px;margin:12px 0}.pipio-profile-avatar-edit{display:flex;align-items:center;gap:16px;margin:7px 0 20px}.pipio-profile-avatar-edit>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.pipio-profile-avatar-edit small{font-size:11px;color:#85818e}
.pc-creator .creator-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:550px){.pipio-me-profile{gap:9px}.pipio-me-profile strong{font-size:17px}.pipio-edit-avatar{padding:6px 9px;font-size:11px}.pipio-me-avatar{width:66px;height:66px}.view-me .topbar,.view-tickets .topbar{min-height:20px}.pc-creator .creator-tab{font-size:12px!important}}


/* pwa-install.css */
#pipio-pwa-install{position:fixed;left:50%;bottom:max(88px,calc(76px + env(safe-area-inset-bottom)));transform:translateX(-50%);width:min(calc(100vw - 28px),400px);z-index:99;background:#161a2c;color:#fff;border:1px solid #777a9b55;box-shadow:0 14px 48px #05061b88;border-radius:18px;min-height:67px;padding:11px;display:flex;align-items:center;gap:10px;font:500 13px system-ui,sans-serif}#pipio-pwa-install img{width:42px;height:42px;border-radius:11px;flex:none}#pipio-pwa-install .pipio-pwa-title{font-weight:800;min-width:0;flex:1}#pipio-pwa-install .pipio-pwa-title small{display:block;font-size:11px;font-weight:500;color:#c7c5dc;margin-top:3px}#pipio-pwa-install button{cursor:pointer;border:0;font:700 13px system-ui,sans-serif}#pipio-pwa-install .pipio-pwa-cta{background:#8256ef;color:#fff;padding:10px 12px;border-radius:11px;white-space:nowrap}#pipio-pwa-install .pipio-pwa-close{background:transparent;color:#c2c3d7;font-size:20px;padding:7px 5px}body.theater-open #pipio-pwa-install{display:none!important}@media (max-width:360px){#pipio-pwa-install{gap:7px;padding:8px}#pipio-pwa-install img{width:36px;height:36px}#pipio-pwa-install .pipio-pwa-cta{padding:10px 8px}}


/* pipio-v4928-avatar-withdraw.css */
/* Pipio V4.9.28 — compact creator profile and withdraw */
.pc-avatar-photo{position:relative;display:grid;place-items:center;overflow:hidden}
.pc-avatar-photo .pipio-avatar-initial{position:absolute;inset:0;display:grid;place-items:center}
.pc-avatar-photo img[data-pipio-avatar]{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.pipio-avatar-click{border:0;padding:0;background:transparent;position:relative;cursor:pointer;display:inline-flex;flex-shrink:0}
.pipio-avatar-camera{position:absolute;bottom:0;right:0;border-radius:50%;background:#7b56e7;color:#fff;padding:5px;box-shadow:0 2px 8px #0002}
.pipio-wallet{padding:10px 0 26px}.pipio-wallet h3{font-size:16px;margin:25px 0 12px}.pipio-wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pipio-wallet-grid>div{background:#f5f2ff;border:1px solid #e9e1fa;border-radius:16px;padding:18px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}.pipio-wallet-grid small{color:#777;font-size:12px}.pipio-wallet-grid strong{font-size:21px;color:#29203d;overflow-wrap:anywhere}.pipio-wallet-explain{font-size:12px;line-height:1.5;color:#696476;margin:13px 0 18px}.pipio-wallet-history,.pipio-withdraw-admin-row{border-bottom:1px solid #ece9f0;padding:13px 0;display:flex;flex-direction:column;gap:6px}.pipio-wallet-history{flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.pipio-wallet-history>div{display:flex;flex-direction:column;gap:4px}.pipio-wallet-history small,.pipio-withdraw-admin-row small{font-size:11px;color:#777;overflow-wrap:anywhere}.pipio-wallet-history span{font-size:11px;color:#684acb;font-weight:700}.pipio-wallet .field{margin:5px 0}.pipio-wallet .field input,.pipio-wallet .field select{width:100%}.pipio-wallet .button:disabled{opacity:.55;cursor:not-allowed}.pc-creator .creator-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important}.pc-creator .creator-tab{font-size:11px!important;padding-inline:4px!important}
@media(max-width:480px){.pipio-wallet-grid strong{font-size:17px}.pipio-avatar-camera{padding:4px}.pipio-wallet{padding:5px 0 30px}}


/* pipio-v4930-monetization.css */
/* V4.9.30 monetisasi = perencanaan + simulasi lokal; tanpa transaksi sungguhan */
.pipio-monetization{padding:6px 0 36px}
.pipio-monetization .pc-section-top{display:flex;justify-content:space-between;align-items:center}
.pipio-monetization .pc-section-top h2{font-size:22px;margin:0}
.pipio-monetization .pc-section-top>span{font-size:10px;border-radius:16px;background:#f2eafd;color:#6b44b5;padding:6px 9px;font-weight:750}
.pm-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}
.pm-benefit{border:1px solid #e8e4ee;border-radius:14px;padding:12px 8px;display:flex;flex-direction:column;gap:5px;background:#fff}
.pm-benefit b{font-size:13px;color:#262032}.pm-benefit span{font-size:11px;color:#807a87;line-height:1.5}
.pm-section{border:1px solid #e8e4ed;border-radius:16px;background:#fff;margin-bottom:12px;color:#292331;overflow:hidden}
.pm-section>summary{display:flex;gap:6px;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:14px;font-weight:750;padding:17px 14px}
.pm-section>summary::-webkit-details-marker{display:none}.pm-section>summary span{font-size:11px;font-weight:600;color:#7c59b8}
.pm-section[open]>summary{border-bottom:1px solid #efedf2}
.pm-section>.pipio-ticket-work,.pm-form{padding:10px 15px 18px}
.pm-section .pipio-ticket-work .pc-section-top{margin-top:4px}
.pm-section .pipio-ticket-work .pc-section-top h2{font-size:14px}
.pm-form{display:grid;gap:15px}.pm-form p{font-size:12px;color:#645f6a;line-height:1.6;margin:0}.pm-check{display:flex;gap:9px;align-items:center;font-size:14px;font-weight:600}
.pm-check input{accent-color:#7a52d8;width:18px;height:18px}.pm-field{display:grid;gap:9px;font-size:13px;font-weight:650}.pm-field select{height:43px;border:1px solid #dcd5e7;border-radius:10px;padding:7px;background:#fff;color:#333}
.pm-note{font-size:11px!important;color:#8d8598!important;line-height:1.6!important}
.pm-demo-layer{position:fixed;inset:0;z-index:2147482000;background:#0d0a19b8;display:flex;align-items:flex-end;justify-content:center;padding:15px 12px max(15px,env(safe-area-inset-bottom))}
.pm-demo-dialog{box-sizing:border-box;background:#fff;color:#282233;border-radius:20px;padding:21px 18px;width:100%;max-width:480px;max-height:88vh;overflow:auto;box-shadow:0 15px 60px #0004}
.pm-demo-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:18px}.pm-demo-head button{border:0;background:#f4f2f7;width:36px;height:36px;border-radius:18px;color:#30303a;font-size:24px;cursor:pointer}
.pm-demo-studio{font-size:13px;color:#7d7783;margin:10px 0}.pm-demo-dialog>p{font-size:13px;line-height:1.6}
.pm-gift-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:17px 0}
.pm-gift-grid label input{position:absolute;opacity:0}.pm-gift-grid label span{border:1.5px solid #e2dfea;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:12px;padding:12px 3px;min-height:62px;font-size:22px;gap:7px;cursor:pointer}
.pm-gift-grid small{font-size:10px;color:#605b65;white-space:nowrap}.pm-gift-grid input:checked+span{border-color:#8956e8;background:#f4ecff}
.pm-demo-confirm{width:100%;border:0;background:#7850d9;color:#fff;font-size:14px;font-weight:800;border-radius:12px;padding:16px;cursor:pointer}
.pm-demo-confirm:disabled{background:#bbb4cc}.pm-demo-result{font-weight:700;color:#167b53!important}
@media(min-width:650px){.pm-demo-layer{align-items:center}}
@media(max-width:420px){.pm-benefit b{font-size:11px}.pm-benefit span{font-size:10px}}
/* Lima tab tetap pada satu baris; dapat digeser di HP tanpa mengecilkan tulisan. */
.pc-creator .creator-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pc-creator .creator-tabs::-webkit-scrollbar{display:none}
.pc-creator .creator-tab{flex:0 0 auto!important;min-width:86px!important;padding-inline:12px!important;white-space:nowrap}
@media(min-width:720px){.pc-creator .creator-tab{flex:1 1 0!important}}

#viewer-gift-demo[hidden]{display:none!important}
#viewer-gift-demo{background:#7152cb;color:#fff;border:0;border-radius:9px;padding:10px 14px;cursor:pointer}


/* V4.9.31 repair: profil studio di watch/player memakai foto profil D1, bukan huruf default. */
.pw-avatar.pc-avatar{width:42px;height:42px;font-size:18px;flex-shrink:0}
.pw-avatar.pc-avatar .pipio-avatar-initial{font-size:18px;font-weight:850;color:#fff;background:linear-gradient(130deg,#8560ed,#f06ba1);border-radius:50%}
.pw-studio-row .pw-avatar{overflow:hidden}
@media(max-width:480px){.pw-avatar.pc-avatar{width:39px;height:39px;font-size:17px}}


/* pipio-v4932-sticky-player.css */
/* Pipio V4.9.32 — Watch page: video tetap terlihat saat penonton scroll di HP.
   Hanya lapisan presentasi, tidak mengubah iframe/Stream playback atau kontrol.
   Parent player tetap berada dalam DOM yang sama sehingga video tidak restart. */
@media screen and (max-width: 800px) {
  .view-watch .pw-page > .pw-video-wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 18; /* di bawah navbar mobile & di bawah dialog fullscreen */
    background: #000;
  }
  .view-watch .pw-page > .pw-video-wrap .pw-player-shell {
    width: 100%;
  }
}
/* Saat orientasi landscape rendah, tidak tutupi hampir seluruh layar. */
@media screen and (max-width: 800px) and (orientation: landscape) and (max-height: 440px) {
  .view-watch .pw-page > .pw-video-wrap { position: relative; }
}


/* pipio-v4933-replay.css */
/* V4.9.34: fixed Replay overlay centered on the video element; never dock to the right. */
.pw-player-shell{position:relative}
.pw-ended-overlay[hidden]{display:none!important}
.pw-player-shell > .pw-ended-overlay{position:absolute!important;inset:0!important;z-index:8!important;box-sizing:border-box;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:9px!important;width:100%!important;height:100%!important;transform:none!important}
.pw-player-shell > .pw-ended-overlay .pw-replay-button{display:grid!important;place-items:center!important;min-width:72px!important;min-height:72px!important;width:72px!important;height:72px!important;padding:0!important;flex:none!important;border-radius:50%!important;box-shadow:0 6px 18px #0006!important;transform:none}
.pw-ended-overlay .pw-replay-button svg{width:36px!important;height:36px!important;display:block!important;stroke:currentColor!important;stroke-width:2.6!important;fill:none!important}
.pw-ended-overlay .pw-replay-label{color:#fff;font-size:12px;font-weight:700}
.pw-ended-next{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:rgba(64,40,100,.9);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:750;cursor:pointer}
.pw-ended-overlay small{font-size:10px;color:#ddd0ed}
.pw-replay-button:active,.pw-ended-next:active{transform:scale(.97)!important}
.pw-replay-button:focus-visible,.pw-ended-next:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:420px){.pw-player-shell > .pw-ended-overlay .pw-replay-button{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important}.pw-ended-overlay .pw-replay-button svg{width:31px!important;height:31px!important}.pw-ended-next{padding:6px 12px;font-size:11px}}


/* pipio-v4938-serial-chips.css */
/* Pipio V4.9.38 — navigasi bawah 4 item, Serial berada pada filter Beranda. */
@media(max-width:800px){
  .mobilebar{justify-content:space-around}
  .mobilebar .mobnav{flex:1 1 0;min-width:0}
  .pipio-catalog-home .pipio-catalog-categories{margin-top:12px;margin-bottom:9px}
  .pipio-catalog-home .pipio-series-page{padding:14px 0 32px}
  .pipio-catalog-home .serial-page-head{margin-bottom:15px}
}


/* pipio-v4936-account-switch.css */
/* Pipio V4.9.36 - Pemilih akun ringan pada halaman Saya. */
.view-me .pipio-me-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pipio-account-selector{display:inline-flex;gap:11px;align-items:center;border:1px solid #e7e3ed;border-radius:999px;background:#fff;color:#23202b;min-height:39px;padding:6px 16px;font-size:14px;font-weight:720;cursor:pointer}
.pipio-account-selector span{font-size:22px;line-height:12px;color:#746a84}
.pipio-switch-current{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #eee9f3;background:#faf9fc;border-radius:16px;margin:12px 0 18px}
.pipio-switch-avatar.pc-avatar{width:58px;height:58px;font-size:25px;flex:none}
.pipio-switch-identity{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;color:#25212f}
.pipio-switch-identity strong{font-size:16px;overflow-wrap:anywhere}.pipio-switch-identity small{font-size:12px;color:#817b87;overflow-wrap:anywhere}
.pipio-switch-identity span{font-size:12px;color:#178060;font-weight:720}
.pipio-switch-buttons{display:grid;gap:4px}
.pipio-switch-option{border:0;border-bottom:1px solid #efedf2;background:#fff;color:#282432;padding:15px 4px;display:flex;align-items:center;gap:13px;text-align:left;width:100%;cursor:pointer;font:inherit}
.pipio-switch-option>span{display:flex;flex-direction:column;gap:5px;flex:1}
.pipio-switch-option strong{font-size:14px}.pipio-switch-option small{font-size:12px;color:#77717f}
.pipio-switch-note{color:#827b8c;font-size:12px;line-height:1.7;margin:18px 0 0}
@media(max-width:500px){.view-me .pipio-me-top{padding-bottom:18px}.pipio-account-selector{padding:6px 13px}.pipio-switch-current{padding:12px}}




.pw-player-shell > .pw-ended-overlay[hidden]{display:none!important}
.pw-player-shell > .pw-ended-overlay:not([hidden]){position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;box-sizing:border-box!important;transform:none!important}
.pw-player-shell > .pw-ended-overlay .pw-replay-button{display:grid!important;place-items:center!important;min-width:64px!important;min-height:64px!important;max-width:72px!important;max-height:72px!important;border-radius:50%!important;padding:0!important;background:rgba(12,12,20,.82)!important;color:white!important}
.pw-player-shell > .pw-ended-overlay .pw-replay-button svg{width:32px!important;height:32px!important;stroke:currentColor!important;display:block!important}


/* Source pipio-last-css-v4959-lite.css */
/* pipio-v4940-payments.css */
/* Pipio V4.9.40 — sandbox-only payment UI, isolated from streaming player */
.pipio-pay-drawer{position:fixed;z-index:999999;inset:0;background:rgba(10,10,25,.78);display:flex;align-items:flex-end;justify-content:center;padding:12px;box-sizing:border-box;color:#f7f5ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.pipio-pay-drawer[hidden]{display:none!important}
.pipio-pay-card{width:min(100%,475px);max-height:90dvh;overflow-y:auto;border-radius:22px;background:#181527;border:1px solid #514771;box-shadow:0 12px 60px #0007;padding:18px;box-sizing:border-box}
.pipio-pay-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.pipio-pay-top b{font-size:18px}.pipio-pay-close{background:#343047;border:0;color:#fff;border-radius:50%;width:35px;height:35px;cursor:pointer;font-size:22px}
.pipio-pay-warning{font-size:13px;line-height:1.5;padding:12px;border-radius:12px;background:#342943;color:#f5d8ff;margin:10px 0}
.pipio-pay-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}
.pipio-pay-row label{cursor:pointer;border:1px solid #514770;border-radius:14px;padding:11px 4px;text-align:center;background:#231e34;display:grid;gap:5px;font-size:12px}
.pipio-pay-row label:has(input:checked){border-color:#bd9bff;background:#483469}
.pipio-pay-row input{position:absolute;opacity:0;pointer-events:none}
.pipio-pay-row strong{font-size:25px}.pipio-pay-row small{font-size:11px;color:#dcd6eb}
.pipio-pay-main{width:100%;border:0;border-radius:13px;padding:13px 15px;background:#bb96ff;color:#151026;font-size:14px;font-weight:750;cursor:pointer;margin-top:8px}
.pipio-pay-main:disabled{opacity:.55;cursor:wait}.pipio-pay-main.secondary{background:#322c46;color:#eee}
.pipio-pay-status{min-height:18px;font-size:13px;line-height:1.5;color:#eae0ff;margin:13px 0}
.pipio-pay-link{display:block;text-align:center;text-decoration:none;background:#9f7bf5;color:#110e19;border-radius:13px;padding:13px;margin:10px 0;font-weight:750}
.pipio-pay-link[hidden]{display:none}.pipio-pay-flex{display:grid;gap:10px;margin:12px 0}
.pipio-pay-flex label{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pipio-pay-flex select{font:inherit;background:#292239;border:1px solid #625577;border-radius:10px;color:#fff;padding:9px}
.pipio-pay-inline{font-size:12px;color:#bdb4cd}.pipio-pay-divider{border:0;border-top:1px solid #514771;margin:14px 0}
@media (min-width:600px){.pipio-pay-drawer{align-items:center}}

.pipio-pay-live-toast{position:fixed;z-index:99999;left:50%;bottom:calc(85px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#2e2544;color:white;border:1px solid #ac8bf0;border-radius:999px;padding:10px 18px;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis;box-shadow:0 7px 24px #0008;pointer-events:none;font:600 13px system-ui}

/* V4.9.44 — read-only sandbox history. */
.pipio-ledger-card{width:min(100%,560px)}
.pipio-ledger-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}
.pipio-ledger-tabs button{font:600 13px system-ui;padding:12px 4px;border:1px solid #514771;border-radius:13px;color:#ddd2fc;background:#26213a;cursor:pointer}
.pipio-ledger-tabs button.selected{background:#7053ae;color:white;border-color:#b596fa}
.pipio-ledger-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}
.pipio-ledger-stats>div{background:#29213b;border:1px solid #4e4168;border-radius:13px;padding:13px;min-width:0;display:grid;gap:5px}
.pipio-ledger-stats small{font-size:11px;color:#cac0de}.pipio-ledger-stats b{font-size:17px;overflow-wrap:anywhere}
.pipio-ledger-card h3{font-size:15px;margin:17px 0 9px;color:#faf7ff}
.pipio-ledger-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #433955;padding:11px 0}
.pipio-ledger-row>div{min-width:0;display:grid;gap:3px}.pipio-ledger-row strong{font-size:14px}
.pipio-ledger-row small{color:#d0c8e1;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.pipio-ledger-row>b{font-size:13px;white-space:nowrap}
.pipio-ledger-empty{color:#ddd1eb;font-size:13px}.pipio-ledger-note{font-size:12px;line-height:1.6;border-left:3px solid #b79af4;padding:9px 11px;background:#302744;color:#eee4fc}

/* V4.9.45: clearly marked SANDBOX ticket preview; keeps public video playable. */
.pipio-ticket-test-chip{background:#eee7ff;border:1px solid #bfa9ec;color:#5b3da0;border-radius:12px;font:700 11px/1.3 system-ui;padding:8px 10px;margin-top:9px;text-align:left;cursor:pointer;max-width:100%}
.pipio-ticket-test-chip:hover{background:#e2d7fd}
.pipio-test-active{color:#9af1bd;font-weight:700;background:#183e35;border-radius:10px;padding:10px}

/* V4.9.57 — Diamond gift transparency */
.pipio-diamond-row{grid-template-columns:repeat(3,minmax(0,1fr))}.pipio-diamond-row label{padding:11px 5px;min-width:0}.pipio-diamond-row strong{font-size:17px}.pipio-diamond-row small{line-height:1.55}.pipio-diamond-explain{font-size:13px;line-height:1.6;padding:12px;background:#302744;border-radius:12px;border:1px solid #7053ae}


/* pipio-v4951-nav-ticket.css */
/* Pipio 4.9.51: account identity and honest Sandbox ticket labels. */
.pipio-tab-avatar.pc-avatar{width:28px!important;height:28px!important;min-width:28px;min-height:28px;display:inline-grid;place-items:center;flex:0 0 28px;border:1px solid #bcaff3;border-radius:50%!important;overflow:hidden;background:#7250c9;color:#fff;font:800 12px/1 system-ui;vertical-align:middle;position:relative}
.pipio-tab-avatar .pipio-avatar-initial{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800}
.pipio-tab-avatar img[data-pipio-avatar]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;z-index:1}
.mobilebar .mobnav.active .pipio-tab-avatar{outline:2px solid #8460e7;outline-offset:2px}
.nav-item.active .pipio-tab-avatar{outline:2px solid #8460e7;outline-offset:2px}
.mobilebar .mobnav{min-width:0}
.pipio-v4951-sandbox-note{display:block;margin-top:5px;color:#82798f;font-size:10px;line-height:1.4}
.pipio-v4951-watch-sandbox{margin:12px 0;padding:12px 14px;border:1px solid #e8dffb;border-radius:13px;background:#f7f3ff;color:#503f76;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;line-height:1.5}
.pipio-v4951-watch-sandbox span{flex:1 1 220px}
.pipio-v4951-watch-sandbox button{flex:0 0 auto}


/* pipio-v4959-wallet.css */
/* Pipio V4.9.59 — read-only sandbox creator wallet, no payout UI. */
.pipio-test-wallet{margin:15px 0;padding:15px;background:#28203d;border:1px solid #8f6cc9;border-radius:17px;display:grid;gap:9px}
.pipio-test-wallet-header,.pipio-test-wallet-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}
.pipio-test-wallet-header>b{font-size:12px;color:#d7c1ff}.pipio-test-wallet-value{font-size:27px;font-weight:800;color:#fff;line-height:1.15}
.pipio-test-wallet small{color:#d5c9e8;font-size:12px;line-height:1.5}
.pipio-test-wallet-progress,.pipio-wallet-meter{height:10px;border-radius:99px;background:#4a3b5f;overflow:hidden}
.pipio-test-wallet-progress span,.pipio-wallet-meter span{display:block;height:100%;border-radius:99px;background:#b397fa;transition:width .3s}
.pipio-test-wallet-warning{background:#382d4c;padding:12px;border-radius:11px;line-height:1.6;color:#e4d7ef;font-size:12px}
.pipio-test-wallet-button{background:#665878;color:#e8deef;padding:12px;border:0;border-radius:12px;font-weight:700;cursor:not-allowed}
.pipio-wallet-sandbox-banner{padding:12px;border-radius:12px;background:#fff1d8;color:#754f0a;line-height:1.5;font-size:13px}
.pipio-wallet-target{background:#f3ecff;border:1px solid #d8c8f6;border-radius:18px;padding:18px;display:grid;gap:10px;margin:15px 0;color:#281840}
.pipio-wallet-target>small{font-size:12px;color:#695483}.pipio-wallet-target>strong{font-size:28px;line-height:1.1;overflow-wrap:anywhere}
.pipio-wallet-target-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;flex-wrap:wrap}
.pipio-creator-wallet-test .pipio-wallet-grid{margin-top:12px}
.pipio-wallet-policy{background:#f5f3f9;border-radius:13px;padding:14px;margin-top:15px;font-size:13px;line-height:1.65;color:#534966}
.pipio-wallet-policy p{margin:7px 0}.pipio-wallet-disabled-button{opacity:.6;cursor:not-allowed;margin:15px 0;width:100%}



/* Pipio V4.9.61 — clean ticket page & sandbox buyer diamond wallet */
.pipio61-ticket-page{max-width:690px;padding:0 1px 36px}
.pipio61-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:3px 0 17px}
.pipio61-title h1{font-size:29px;letter-spacing:-.03em}.pipio61-title p{color:#777481;font-size:13px;margin:4px 0 0}
.pipio61-info{background:#f5f1fd;color:#514269;border-radius:13px;padding:11px 13px;font-size:12px;line-height:1.45;margin:0 0 17px}
.pipio61-info details{display:inline;margin-left:5px}.pipio61-info summary{display:inline;cursor:pointer;color:#6744b3;font-weight:800}
.pipio61-info details[open]{display:block;margin:5px 0 0}.pipio61-info p{margin:5px 0 0}
.pipio61-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.pipio61-feature{border:1px solid #e9e7ee;border-radius:17px;padding:16px 13px;min-width:0;background:#fff;display:flex;align-items:flex-start;flex-direction:column;gap:8px;box-shadow:0 3px 10px #08050c04}
.pipio61-feature-diamond{background:#faf7ff;border-color:#e8dffa}.pipio61-feature-ico{font-size:27px;line-height:1.1}
.pipio61-feature>strong{font-size:15px}.pipio61-feature>p{font-size:12px;line-height:1.5;color:#736c7c;margin:0;flex:1}
.pipio61-feature>button{background:#6d4bd0;color:#fff;border:0;border-radius:12px;padding:10px 11px;width:100%;font:700 12px system-ui;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.pipio61-history{margin-top:25px;padding:18px 0;border-top:1px solid #ecebf0;display:flex;align-items:center;justify-content:space-between;gap:10px}
.pipio61-history h2{margin:0 0 4px;font-size:17px}.pipio61-history p{margin:0;font-size:11px;color:#888}
.pipio61-history button,.pipio61-demo button{border:1px solid #e7e2ef;border-radius:20px;background:#faf9fc;padding:10px 12px;white-space:nowrap;color:#6245a6;font-size:12px;font-weight:750;cursor:pointer}
.pipio61-demo{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:13px;background:#f8f8fa;padding:13px;margin-top:3px}
.pipio61-demo>div{display:flex;flex-direction:column;gap:4px}.pipio61-demo strong{font-size:12px}.pipio61-demo small{font-size:11px;color:#83808c}
.pipio61-diamond-me{width:23px;display:grid;place-items:center;font-size:22px}
.pipio61-wallet-modal{max-height:calc(100dvh - 85px);overflow-y:auto;overscroll-behavior:contain}
.pipio61-balance-panel{background:#312448;color:#fff;border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:6px}
.pipio61-balance-panel>strong{font-size:30px;line-height:1.2}.pipio61-balance-panel>small{font-size:11px;color:#ded4f7}
.pipio61-wallet-modal>h3{margin:19px 0 10px;font-size:16px}.pipio61-topup-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px}
.pipio61-topup-options>label{border:1px solid #6c597f;border-radius:12px;padding:12px 4px;cursor:pointer;display:flex;flex-direction:column;gap:4px;text-align:center;align-items:center;background:#241b34;position:relative}
.pipio61-topup-options>label:has(input:checked){background:#4c336a;border-color:#c0a2ff}
.pipio61-topup-options input{position:absolute;opacity:0;pointer-events:none}.pipio61-topup-options strong{font-size:16px}.pipio61-topup-options span{font-size:12px;color:#d4c9e9}
.pipio61-wallet-history{margin-top:22px}.pipio61-wallet-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;border-bottom:1px solid #ffffff25;font-size:12px}
.pipio61-wallet-line>span{display:flex;flex-direction:column;gap:3px}.pipio61-wallet-line small{font-size:10px;color:#ab9dbe}.pipio61-wallet-line>b{font-size:11px}
.pipio61-funding{border:1px solid #625278;border-radius:12px;padding:12px;margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:12px}
.pipio61-funding label{display:flex;align-items:center;gap:5px;cursor:pointer}.pipio61-funding small{grid-column:1/-1;color:#d7c3fa;font-size:11px}
@media(max-width:365px){.pipio61-feature-grid{grid-template-columns:1fr}.pipio61-history{align-items:flex-start;flex-direction:column}.pipio61-feature{padding:13px}}


/* Source pipio-store-v64.css */
/* Pipio V4.9.64: retail-only Toko, wallet-only Dompet, gift-only sender. */
.p64-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:flex-end;justify-content:center;background:rgba(9,7,23,.78);padding:8px;box-sizing:border-box;color:#fff;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.p64-overlay *{box-sizing:border-box}
.p64-card{width:min(100%,515px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;background:#191427;border:1px solid #5c4c79;border-radius:24px;padding:17px 15px 12px;box-shadow:0 20px 65px #0009;scrollbar-width:thin}
.p64-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.p64-head>div{display:flex;align-items:flex-start;flex-direction:column;gap:5px}
.p64-title{font-size:23px;font-weight:820;letter-spacing:-.03em;line-height:1.15}
.p64-status{font:700 10px system-ui;letter-spacing:.08em;color:#e8dafb;background:#3b2d56;border:1px solid #6d538f;padding:5px 9px;border-radius:999px}
.p64-close{width:40px;height:40px;border:0;border-radius:50%;background:#352d48;color:#fff;font-size:26px;cursor:pointer;flex-shrink:0}
.p64-offer-header{display:grid;gap:5px;margin-bottom:14px}.p64-offer-header strong{font-size:18px}.p64-offer-header small{font-size:12px;color:#d5cae8}
.p64-shop-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.p64-package{position:relative;overflow:hidden;min-width:0;min-height:290px;border:1.5px solid #b67e35;background:linear-gradient(160deg,#553019,#38244a 70%,#251d39);border-radius:19px;padding:12px 10px 13px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;box-shadow:inset 0 0 0 1px #ffd59620}
.p64-package-featured{border-color:#edbd4d;background:linear-gradient(160deg,#783321,#5d2873 67%,#302046)}
.p64-package:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#f3aa2f,#fff0a0,#c97313)}
.p64-offer-top{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:28px}
.p64-offer-tag{font-size:10px;font-weight:800;border-radius:999px;background:#f6c85b;color:#542a15;padding:5px 9px;max-width:100%}
.p64-offer-stars{font-size:10px;color:#ffdd78;position:absolute;right:8px;top:7px;opacity:.8}
.p64-package-icon{font-size:67px;line-height:1.2;filter:drop-shadow(0 6px 7px #160b2777);margin:4px 0}
.p64-package h3{font-size:16px;margin:0;line-height:1.2}.p64-quantity{font-weight:850;font-size:21px;color:#fff5be;margin:2px 0 0}
.p64-package-desc{font-size:11px;line-height:1.35;color:#ead9eb;margin:0;min-height:30px}.p64-price{font-size:19px;font-weight:850;white-space:nowrap;margin-top:auto;color:#fff}
.p64-buy{min-height:44px;width:100%;border:1px solid #91cf23;border-radius:13px;font:850 16px system-ui;color:#23400a;background:linear-gradient(#caff45,#87c822 50%,#438d13);box-shadow:inset 0 2px 1px #efffd8,0 3px 0 #28540c;cursor:pointer}
.p64-buy:disabled,.p64-send:disabled{opacity:.55;cursor:not-allowed}
.p64-store-note{font-size:12px;line-height:1.55;color:#dbd0e6;margin:17px 3px 9px;text-align:center}
.p64-textlink{background:transparent;border:0;color:#d7bdff;text-decoration:underline;cursor:pointer;font:650 13px system-ui;margin:0 auto 8px;display:block}
.p64-wallet-summary{padding:19px;border-radius:18px;background:linear-gradient(120deg,#46326e,#312548);border:1px solid #8b6cb6;display:grid;gap:9px}
.p64-wallet-summary>div{font-size:14px;color:#e2d7ef}.p64-wallet-summary strong{font-size:34px;line-height:1.2}.p64-wallet-summary small{font-size:12px;color:#d2c3e6}
.p64-wallet-topup,.p64-send{display:block;width:100%;margin-top:14px;border:0;border-radius:14px;min-height:51px;background:#c39af8;color:#231637;font:bold 15px system-ui;cursor:pointer}
.p64-section-heading{margin:23px 0 9px}.p64-section-heading h3{margin:0;font-size:17px}.p64-history{border-top:1px solid #4e4160}.p64-history-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 2px;border-bottom:1px solid #4e4160}
.p64-history-row>div{display:grid;gap:5px}.p64-history-row strong{font-size:13px}.p64-history-row small{color:#bfb1cd;font-size:11px}.p64-history-row b{font-size:13px;white-space:nowrap}.p64-plus{color:#b9edaa}.p64-minus{color:#fac9a7}.p64-pending{color:#b8b3c3}
.p64-empty{font-size:13px;line-height:1.6;color:#d5c9e3}.p64-check{width:100%;background:#342845;color:#fff;border:1px solid #675581;border-radius:12px;padding:12px;margin-top:14px;cursor:pointer}
.p64-legacy{border-top:1px solid #4d3b5c;margin-top:24px;padding:12px 0;font-size:12px;color:#cebfdf}.p64-legacy summary{font-weight:650;cursor:pointer}.p64-legacy button{color:#eddfff;background:#413254;border:1px solid #64517a;border-radius:8px;padding:10px}
.p64-gift-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#382b51;border:1px solid #6d568a;border-radius:14px;padding:12px 14px;font-size:13px}.p64-gift-summary>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.p64-gift-balance{font-size:18px;font-weight:800;white-space:nowrap}
.p64-gift-heading{font-size:16px;margin:22px 0 13px}.p64-gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.p64-gift-tile{min-width:0;border:1px solid #615176;background:#272138;border-radius:16px;display:grid;justify-items:center;gap:5px;padding:12px 2px;color:#fff;cursor:pointer}.p64-gift-tile.selected{border:2px solid #c5a2ff;background:#463068;padding:11px 1px}.p64-emoji{font-size:35px}.p64-gift-tile b{font-size:12px}.p64-gift-tile small{color:#ded0fa;font-size:12px}
.p64-gift-selection{border-radius:13px;background:#332940;padding:13px;margin:14px 0 4px;display:grid;gap:5px;font-size:13px}.p64-gift-selection small{color:#d4c7e2}
.p64-message{font-size:12px;line-height:1.55;color:#ddcafa;min-height:0;overflow-wrap:anywhere;margin:13px 0 0}.p64-message:empty{display:none}.p64-footer{border-top:1px solid #44354e;padding-top:11px;margin-top:15px;text-align:center;font-size:10px;line-height:1.5;color:#b5a7c6}
@media(min-width:680px){.p64-overlay{align-items:center}}
@media(max-width:370px){.p64-card{padding:14px 11px}.p64-package{padding:10px 6px 12px;min-height:280px}.p64-package-icon{font-size:54px}.p64-price{font-size:17px}.p64-title{font-size:20px}.p64-shop-packs{gap:8px}.p64-gift-grid{gap:6px}.p64-gift-tile{padding:10px 2px}}
@media(prefers-reduced-motion:reduce){.p64-package,.p64-card{transition:none!important}}


/* Source pipio-v4963-ui.css */
/* Pipio 4.9.63 Lite — UX cleanup only. Keep all payment and database contracts unchanged. */
:root{--p63-ink:#22202e;--p63-muted:#746c80;--p63-accent:#7851c7;--p63-line:#ebe7f1}
/* Account page: closer hierarchy, less empty space, clear sections */
.pipio63-me .pipio-me-top{margin-bottom:16px!important}
.pipio63-me .pipio-me-top h1{font-size:28px!important;line-height:1.2}
.pipio63-me .pipio-me-profile{margin-bottom:14px!important;padding-bottom:17px!important}
.pipio63-me .pipio-me-links{margin-top:0!important}
.pipio63-menu-label{font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.065em;text-transform:uppercase;color:#91889f;margin:17px 0 0;padding:8px 10px}
.pipio63-menu-label:first-child{margin-top:0}
.pipio63-me .pipio-me-links>button{min-height:62px!important;padding-top:12px!important;padding-bottom:12px!important}
.pipio63-me .pipio-me-links>button small{font-size:12px!important}
/* Single-purpose Tickets screen; testing extras intentionally collapsed */
.pipio63-ticket-page{max-width:690px;margin:0 auto}
.pipio63-ticket-page .pipio61-title{margin:0 0 20px}
.pipio63-ticket-page .pipio61-title h1{font-size:29px}
.pipio63-ticket-main{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #e7e1ed;background:#fff;border-radius:18px;box-shadow:0 3px 20px #20142b06}
.pipio63-ticket-mark{font-size:28px;background:#f4edff;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;flex:none}
.pipio63-ticket-main>div:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}
.pipio63-ticket-main strong{font-size:16px;color:#241b31}
.pipio63-ticket-main small{font-size:12px;color:#6e6578;line-height:1.35}
.pipio63-ticket-main button{border:0;border-radius:12px;background:#7751c7;color:#fff;font:750 12px system-ui;padding:12px;cursor:pointer;white-space:nowrap}
.pipio63-ticket-history{margin-top:15px;padding:19px 0}
.pipio63-ticket-bottom{margin-top:0;border-top:1px solid var(--p63-line);padding:18px 4px}
.pipio63-ticket-bottom .pipio61-demo{margin-top:12px}
.pipio63-ticket-bottom p{font-size:12px;color:var(--p63-muted);line-height:1.5}
/* Creator monetization page */
.pipio63-monet .pipio63-section-hint{font-size:13px;color:#6f6879;margin:5px 0 14px}
.pipio63-monet-actions{display:grid;gap:9px;margin:0 0 18px}
.pipio63-monet-actions .pc-action{width:100%;max-width:none!important;display:flex!important;align-items:center;gap:12px;text-align:left;border-radius:14px!important;padding:14px 16px!important;background:#f7f3fd;color:#392c52;border:1px solid #e7dff5;white-space:normal!important}
.pipio63-monet-actions .pc-action strong{font-size:15px}
.pipio63-monet-actions .pc-action small{font-size:12px;font-weight:450;color:#716783;margin-left:auto;text-align:right}
.pipio63-monet .pm-benefits{margin:5px 0 14px}
.pipio63-help{font-size:12px;color:#6f657b;line-height:1.5;border-top:1px solid #e8e2ed;padding:11px 3px}
.pipio63-help summary{cursor:pointer;font-weight:650;user-select:none;list-style:revert}
.pipio63-help p{margin:9px 0 0;font-size:12px;line-height:1.6}
.pipio63-help[open]{padding-bottom:13px}
/* Gift shop: compact header, large balance, keep gift grid visible */
.pipio62-overlay{padding:8px;align-items:flex-end}
.pipio62-card{width:min(100%,520px);max-height:calc(100dvh - 30px);border-radius:23px;padding:18px 16px 14px;scrollbar-width:thin}
.pipio62-head{margin-bottom:10px}.pipio62-head strong{font-size:20px}.pipio62-head small{font-size:10px;letter-spacing:.04em;color:#c7b4fb}
.pipio62-balance{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:3px;padding:12px 15px;margin-bottom:10px;border-radius:15px}
.pipio62-balance span{font-size:12px;flex:1 1 50%}.pipio62-balance strong{font-size:27px;line-height:1.3}
.pipio62-tabs{margin:8px 0 13px;gap:8px}.pipio62-tabs button{min-height:46px}
.pipio62-card h3{margin:12px 0 10px;font-size:14px}
.pipio62-pack,.pipio62-gift{border-radius:13px;padding:11px 5px}
.pipio62-pack-icon{font-size:27px}.pipio62-gift>span{font-size:30px}
.pipio62-info{margin:12px 0 8px;padding:11px 12px;line-height:1.5;background:#2e263f}
.pipio63-minor{display:block;color:#cebfe8;margin-top:4px;font-size:11px}
.pipio62-primary,.pipio62-paylink{margin-top:12px;min-height:50px}
.pipio62-paylink.pipio62-primary-action{background:#bd9af6;color:#1b1530;padding:14px}
.pipio62-check-action{margin-top:7px;min-height:40px;font-size:12px;color:#cec3e1;background:transparent;border:1px solid #4d4164}
.pipio62-message{min-height:0;margin:10px 0;line-height:1.5}
.pipio62-details{margin:0;padding:11px 0}
.pipio62-foot{font-size:11px;color:#b9aacb}
.pipio62-foot p{font-size:11px}
/* Ledger: lead with net rights and progressive disclosure of technical/legal detail */
.pipio63-sandbox-chip{display:inline-block;border:1px solid #6d568d;background:#35284b;color:#e6d7ff;border-radius:999px;padding:5px 11px;font:650 11px/1.5 system-ui;margin:4px 0 10px}
.pipio63-inverse{color:#d3c9e2;border-top:1px solid #4b3c61}
.pipio63-inverse summary{color:#cfb9f3}
.pipio-test-wallet{margin-top:10px}
.pipio-test-wallet-value{font-size:31px!important;line-height:1.2}
.pipio63-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}
.pipio63-breakdown>div{background:#352b49;border:1px solid #57456d;border-radius:11px;padding:10px 8px;display:grid;gap:7px;min-width:0}
.pipio63-breakdown span{font-size:11px;color:#d9d0e7}.pipio63-breakdown b{font-size:15px;color:#fff;overflow-wrap:anywhere}
.pipio-ledger-stats{gap:7px}.pipio-ledger-stats>div{padding:11px}
.pipio-ledger-card h3{font-size:14px}
/* Mobile fitting and accessibility */
@media(max-width:410px){.pipio63-monet-actions .pc-action{flex-wrap:wrap;gap:6px}.pipio63-monet-actions .pc-action small{width:100%;margin-left:0;text-align:left;padding-left:26px}.pipio63-ticket-main{flex-wrap:wrap}.pipio63-ticket-main button{margin-left:auto}.pipio63-breakdown b{font-size:13px}}
@media(max-width:350px){.pipio62-card{padding:13px 11px}.pipio62-gifts{gap:6px}.pipio62-gift{padding:9px 2px}.pipio62-gift>span{font-size:26px}.pipio62-tabs button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pipio62-card,.pipio-pay-card{scroll-behavior:auto!important}}


/* Source pipio-v4965-simple.css */
/* Pipio V4.9.65 — global simplified UI. Visual changes only, keep APIs intact. */
:root { --p65-border:#e9e5ef; --p65-text:#211d2a; --p65-mute:#786f82; --p65-purple:#7952c9; }
/* No moving brand ornaments on startup. */
#pipio-startup{background:#121022!important}
#pipio-startup .pipio-startup-icon,#pipio-startup .pipio-startup-inner,#pipio-startup .pipio-startup-track::after{animation:none!important}
#pipio-startup .pipio-startup-caption{letter-spacing:.05em!important;font-size:12px!important}
/* Mobile navigation should be the only main navigation on phones */
@media(max-width:899px){.app-shell .sidebar{display:none!important}.app-shell .topbar{min-height:0!important;padding:0!important}.topbar .top-text,.topbar .demo-label{display:none!important}}
@media(min-width:900px){.app-shell .sidebar .sidebar-bottom,.sidebar-label,.app-shell .footer{display:none!important}}
/* Compact and unambiguous account page */
.pipio65-page{max-width:710px;margin:0 auto;padding:4px 0 50px}
.pipio65-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 20px}
.pipio65-title-row h1{font-size:29px!important;font-weight:790!important;line-height:1.18!important;margin:0!important;letter-spacing:-.035em}
.pipio65-title-row p{font-size:13px;color:var(--p65-mute);margin:6px 0 0;line-height:1.45}
.pipio65-sandbox{color:#655096!important;background:#f0eafa;padding:6px 11px;border-radius:100px;font-size:10px;font-weight:800;letter-spacing:.06em}
.pipio65-me .pipio-me-profile{margin-bottom:17px!important;padding:12px 0 19px!important}
.pipio65-me .pipio-me-profile strong{font-size:18px!important}
.pipio65-me .pipio-me-links>button{min-height:65px!important;padding:14px 10px!important;border-bottom:1px solid var(--p65-border)!important}
.pipio65-me .pipio-me-links button small{font-size:12px!important}
.pipio65-settings{margin:18px 0 4px;padding:13px 0;border-top:1px solid var(--p65-border);font-size:13px;color:var(--p65-mute)}
.pipio65-settings summary{font-size:13px;font-weight:700;cursor:pointer;color:#61566e;padding:5px 2px;list-style:revert}
.pipio65-settings .pipio-me-links{margin-top:9px!important}
.pipio65-settings .pipio-me-links>button{padding:10px 12px!important;min-height:54px!important}
.pipio65-legal-short{font-size:11px;color:#827b8c;margin:17px 1px;line-height:1.5}
/* Tickets: one screen, two actions; no duplicate nested ticket titles */
.pipio65-collection-actions{display:grid;gap:11px}
.pipio65-collection-actions>button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--p65-border);border-radius:16px;background:#fff;text-align:left;min-height:75px;padding:14px 17px;cursor:pointer;color:var(--p65-text);font:inherit;box-shadow:0 3px 12px rgba(30,14,55,.035)}
.pipio65-collection-actions>button>span:first-child{font-size:27px;flex:0 0 37px}
.pipio65-collection-actions>button>span:nth-child(2){flex:1;display:grid;gap:3px}
.pipio65-collection-actions strong{font-size:15px;font-weight:750}
.pipio65-collection-actions small{font-size:12px;color:var(--p65-mute)}
.pipio65-collection-actions svg{color:#91879d}
.pipio65-demo>p{font-size:12px;color:var(--p65-mute);margin:10px 0}
.pipio65-demo>button{border:1px solid var(--p65-border);border-radius:10px;background:#f4f0fa;color:#5f3f9f;padding:10px 13px;font-weight:700}
/* Creator: fewer tabs and stop showing preview/debug in main page */
.pipio65-monet .pipio63-monet-actions{margin-top:16px;gap:11px}
.pipio65-monet .pipio63-monet-actions .pc-action{min-height:68px!important;border:1px solid var(--p65-border)!important;background:#fff!important;box-shadow:none!important}
.pipio65-monet .pipio63-monet-actions .pc-action strong{font-size:15px!important}
.pipio65-monet .pipio63-monet-actions .pc-action small{font-size:11px!important}
.pc-profile-header .pc-verified,.pipio-me-profile .pc-verified{font-size:11px!important}
.creator-tabs{overflow-x:auto;scrollbar-width:none}.creator-tabs::-webkit-scrollbar{display:none}
/* gift/shop calmer, no moving glows, simpler prices; preserve contrast */
.p64-overlay{background:rgba(15,12,27,.68)!important}
.p64-card{border:1px solid #47395a!important;box-shadow:0 9px 30px rgba(0,0,0,.23)!important;border-radius:19px!important}
.p64-title{font-size:20px!important;letter-spacing:0!important}
.p64-offer-header{margin-bottom:12px!important}
.p64-package,.p64-package-featured{background:#2d233d!important;border:1px solid #6d547c!important;box-shadow:none!important;min-height:224px!important;padding:15px 9px 12px!important}
.p64-package-featured{border-color:#be9bec!important}
.p64-package::before,.p64-offer-stars{display:none!important}
.p64-offer-top{min-height:0!important}.p64-offer-tag{background:#574272!important;color:#f4e8ff!important;font-size:10px!important}
.p64-package-icon{font-size:44px!important;filter:none!important;margin:0!important}
.p64-package h3{font-size:15px!important}.p64-quantity{font-size:22px!important;color:#fff!important}
.p64-price{color:#fff!important;font-size:18px!important}
.p64-buy{background:#b89af0!important;color:#20152f!important;border:0!important;box-shadow:none!important;border-radius:10px!important;min-height:42px!important}
.p64-store-note{font-size:11px!important;color:#bcadcb!important}
.p64-wallet-summary{background:#30233e!important;box-shadow:none!important;border-color:#655072!important;padding:15px!important}
.p64-gift-tile{border-radius:12px!important}.p64-emoji{font-size:31px!important}
.p64-gift-selection{background:#2b2339!important;padding:11px!important}
.p64-info{border-top:1px solid #423452;margin-top:13px;padding-top:10px;color:#ac9ebd;font-size:11px;line-height:1.5}
.p64-info summary{cursor:pointer;font-weight:650}
.pipio65-ledger-more{border-top:1px solid #554563;margin-top:16px;padding:11px 0;color:#d9cdec;font-size:12px}
.pipio65-ledger-more>summary{cursor:pointer;font-weight:750;margin-bottom:8px}
.pipio65-ledger-more .pipio-ledger-stats{margin-top:12px}
/* Tone down optional decoration, keep functional player and buttons */
.pw-player-shell .pw-expand{opacity:.74}
.pipio-catalog-home .pipio-v4951-sandbox-note{display:none!important}
@media(max-width:500px){.pipio65-page{padding:4px 0 30px}.p64-shop-packs{gap:9px!important}.p64-package{min-height:215px!important}}
@media(prefers-reduced-motion:reduce){.p64-card,.pipio65-collection-actions>button{transition:none!important}}

/* Long descriptions stay available without taking over the watching screen. */
.pw-description{font-size:13px;color:#655a71;border-top:1px solid #eee7f1;padding:12px 0;margin-top:10px}
.pw-description summary{cursor:pointer;font-weight:650;font-size:13px}
.pw-description p{margin:8px 0 0;line-height:1.55}
.p483-live-links{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.p483-live-links>a{flex:1 1 140px;text-align:center}


/* Source pipio-v4966-history.css */
/* Pipio v4.9.66 — unobtrusive per-entry history controls. */
.pipio66-history-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 6px;flex-wrap:wrap}
.pipio66-history-top h3{margin:0!important;font-size:16px}
.pipio66-history-actions{display:flex;gap:6px;flex-wrap:wrap}
.pipio66-history-actions button,.pipio66-hide{background:transparent;border:1px solid #746488;color:#e8d9fa;border-radius:12px;font-size:12px;min-height:34px;padding:6px 10px;cursor:pointer}
.pipio66-hide{font-size:11px;min-height:30px;padding:5px 8px;white-space:nowrap}
.pipio66-hide:hover,.pipio66-history-actions button:hover{background:#544368}
.pipio66-history-note{font-size:11px!important;line-height:1.55;color:#bdb3c9;margin:10px 0!important}
.pipio66-ledger-actions{display:flex;gap:8px;align-items:center}
.pipio66-ticket-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pipio66-ticket-row>.pipio66-ticket-main{min-width:0;flex:1}
.p64-history-row .pipio66-row-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.p64-history-row .pipio66-hide{padding:4px 8px}
@media(max-width:390px){.pipio66-ledger-actions{gap:5px}.pipio66-hide{font-size:10px;padding:4px 6px}}


/* Source pipio-v4967.css */
/* V4.9.67: bounded history control */
.pipio-v67-more{display:block;max-width:300px;width:100%;margin:14px auto 10px;padding:12px 14px;border:1px solid rgba(158,126,207,.45);border-radius:14px;background:rgba(144,99,221,.10);color:inherit;font-size:14px;font-weight:650;cursor:pointer}
.pipio-v67-more:disabled{opacity:.55;cursor:wait}


/* Source pipio-v4972-identity.css */
/* Pipio V4.9.72 — make personal account and creator workspace visually distinct. */
.pipio72-account{max-width:710px;margin-inline:auto;color:#211f2b}
.pipio72-account-heading{margin:6px 0 18px;padding:0 0 8px}
.pipio72-eyebrow{display:inline-block;font-size:10px;font-weight:850;letter-spacing:.14em;color:#8669ae;margin-bottom:7px}
.pipio72-account-heading h1{font-size:32px;letter-spacing:-.045em;line-height:1.15;margin:0;font-weight:850}
.pipio72-personal-card{display:flex;align-items:center;gap:13px;padding:18px 15px;border:1px solid #eeeaf2;background:#fff;border-radius:21px;box-shadow:0 8px 25px rgba(35,25,70,.035)}
.pipio72-personal-card .pipio-me-avatar{flex:none;width:68px;height:68px}
.pipio72-personal-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.pipio72-personal-info strong{font-size:19px;font-weight:850;color:#22202b;line-height:1.2;overflow-wrap:anywhere}
.pipio72-personal-info small{font-size:12px;color:#817e89;overflow-wrap:anywhere}
.pipio72-personal-caption{font-size:11px;color:#8063b5;font-weight:750;margin-top:4px}
.pipio72-personal-card .pipio-edit-avatar{flex:none;padding:7px 12px;min-height:36px}
.pipio72-account-section-heading{display:flex;align-items:center;margin-top:27px;padding:0 3px}
.pipio72-account-section-heading h2{font-size:15px;color:#39343d;margin:0;font-weight:800}
.pipio72-account-links{margin:11px 0 0;padding:0 13px!important;border:1px solid #f0edf3;border-radius:18px;overflow:hidden;background:#fff}
.pipio72-account .pipio72-account-links>button{min-height:77px!important;padding:12px 1px!important}
.pipio72-account .pipio72-account-links>button:last-child{border-bottom:0!important}
.pipio72-account-settings{margin-top:27px!important}
.pipio72-account .pipio65-legal-short{margin-top:23px}
/* Creator dashboard is a workspace, never a second personal profile. */
.pipio72-studio{max-width:940px;margin:0 auto}
.pipio72-studio-hero{padding:20px 21px 16px;border-radius:23px;background:linear-gradient(135deg,#151429 0%,#252045 58%,#462d6c 100%);color:#fff;position:relative;overflow:hidden}
.pipio72-studio-hero::before{content:"";position:absolute;right:-90px;top:-120px;width:290px;height:290px;background:radial-gradient(circle,#af77ea22,transparent 69%);pointer-events:none}
.pipio72-studio-eyebrow{display:flex;align-items:center;gap:7px;color:#d7c3f4;font-size:10px;font-weight:850;letter-spacing:.15em;margin-bottom:18px;position:relative}
.pipio72-studio-identity{display:flex;gap:16px;align-items:center;min-width:0;position:relative}
.pipio72-studio-logo{width:78px;height:78px;flex:none;position:relative;display:grid;place-items:center;border:2px solid #ffffff50;border-radius:18px;overflow:visible;background:#ffffff19;padding:3px;cursor:pointer}
.pipio72-studio-logo .pc-avatar{width:100%;height:100%;border-radius:13px;box-shadow:none;font-size:32px;overflow:hidden}
.pipio72-studio-logo .pc-avatar-photo img{border-radius:13px}
.pipio72-studio-logo .pipio-avatar-camera{right:-7px;bottom:-5px}
.pipio72-studio-text{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pipio72-studio-label{font-size:10px;font-weight:750;letter-spacing:.08em;color:#bfb6d9}
.pipio72-studio-text h1{margin:0;color:#fff!important;font-size:clamp(23px,4vw,31px);font-weight:860;letter-spacing:-.035em;overflow-wrap:anywhere;line-height:1.13}
.pipio72-studio-verified,.pipio72-studio-pending{display:inline-flex;align-items:center;gap:4px;color:#a9f2d3;font-size:11px;font-weight:750}
.pipio72-studio-pending{color:#eed9aa}
.pipio72-studio-statistics{margin-top:19px;border-top:1px solid #ffffff25;padding-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}
.pipio72-studio-statistics>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.pipio72-studio-statistics strong{font-size:22px;color:#fff;line-height:1.1;font-weight:850}
.pipio72-studio-statistics span{font-size:11px;color:#d1cadd;line-height:1.35}
.pipio72-studio-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0 24px}
.pipio72-studio-actions .pc-action{min-height:46px;border-radius:13px;font-size:13px;border:1px solid #e9e5f1;background:#f4f1fa;color:#423260}
.pipio72-studio-actions .pc-action:nth-child(2){background:#fff;color:#4d4860}
.pipio72-workspace-caption{display:flex;align-items:baseline;gap:11px;margin:0 0 7px;flex-wrap:wrap}
.pipio72-workspace-caption h2{font-size:17px;font-weight:830;letter-spacing:-.03em;margin:0;color:#23212d}
.pipio72-workspace-caption span{font-size:11px;color:#87808e}
.pipio72-studio .creator-tabs{margin-top:0!important}
.pipio72-studio .creator-tab.active{color:#6b43c4!important;border-bottom-color:#7951d0!important}
@media(max-width:520px){
  .pipio72-account-heading h1{font-size:29px}
  .pipio72-personal-card{padding:14px 11px;gap:9px}
  .pipio72-personal-card .pipio-me-avatar{width:61px;height:61px}
  .pipio72-personal-info strong{font-size:16px}
  .pipio72-personal-info small{font-size:11px}
  .pipio72-studio-hero{padding:17px 16px 14px;border-radius:18px}
  .pipio72-studio-logo{width:70px;height:70px}
  .pipio72-studio-identity{gap:12px}
  .pipio72-studio-text h1{font-size:23px}
  .pipio72-studio-eyebrow{margin-bottom:15px}
  .pipio72-studio-statistics{margin-top:16px}
  .pipio72-studio-actions{margin-bottom:22px}
}
@media(prefers-reduced-motion:reduce){.pipio72-studio-hero,.pipio72-personal-card{transition:none}}


/* Source pipio-v4977-auth.css */
/* V4.9.77 — Google-first sign in, safer email fallback */
.pipio77-auth-google{display:grid;gap:10px;margin:13px 0 18px}
.pipio77-google-button{width:100%;min-height:54px!important;font-weight:820!important;font-size:15px!important}
.pipio77-auth-google p,.pipio77-auth-note,.pipio77-browser-hint{font-size:12px;line-height:1.58;color:var(--muted);margin:0}
.pipio77-auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted);font-size:11px;text-align:center}
.pipio77-auth-divider:before,.pipio77-auth-divider:after{content:'';height:1px;background:var(--border);flex:1}
.pipio77-auth-divider span{max-width:68%}
.pipio77-email-details{border:1px solid var(--border);border-radius:14px;padding:13px;background:var(--panel2,#20243a)}
.pipio77-email-details>summary{cursor:pointer;list-style-position:inside;font-weight:800;font-size:13px;color:var(--text)}
.pipio77-email-details[open]>summary{margin-bottom:17px}
.pipio77-email-details .field label{font-size:12px}
.pipio77-email-details .field input{width:100%;min-width:0}
.pipio77-email-actions .button{flex:1 1 120px}
.pipio77-reset{border:0;background:transparent;color:var(--primary);font-size:12px;font-weight:750;margin:8px 0 12px;padding:4px 0;text-align:left;text-decoration:underline}
.pipio77-browser-hint{margin-top:15px}
@media(max-width:420px){.pipio77-email-details{padding:12px}.pipio77-email-actions .button{flex:1 1 110px}}


/* Source pipio-v4978-switch.css */
/* V4.9.78 — Ganti Akun terlihat dari Akun Pribadi, tidak melewati Studio/modal. */
.pipio78-account-switch-wrap{margin:12px 0 0}
.pipio72-account .pipio78-account-switch{display:flex;align-items:center;gap:12px;width:100%;min-height:65px;text-align:left;padding:12px 16px;background:#f5f0ff;color:#252038;border:1px solid #dbcbf5;border-radius:18px;cursor:pointer;box-shadow:0 4px 16px #41306410;transition:background-color .15s ease,border-color .15s ease}
.pipio72-account .pipio78-account-switch:hover,.pipio72-account .pipio78-account-switch:focus-visible{background:#ece4fc;border-color:#b9a0e1}
.pipio78-google-symbol{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:50%;background:white;color:#4285f4;font:900 21px/1 Arial,sans-serif;border:1px solid #e4ddf0}
.pipio78-account-switch-label{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.pipio78-account-switch-label strong{font-size:15px;font-weight:830;color:#302342}
.pipio78-account-switch-label small{font-size:12px;color:#756787}
.pipio78-account-switch>svg{width:20px;height:20px;flex:none}
@media(max-width:380px){.pipio72-account .pipio78-account-switch{padding:12px}.pipio78-account-switch-label strong{font-size:14px}}


/* Source pipio-v4980-navigation.css */
/* Pipio V4.9.80 — One navigation: Beranda / Live / Studio / Saya */
.p480-home-live{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0 12px;padding:14px 15px;background:#fff;border:1px solid #eee6f1;border-radius:17px;box-shadow:0 4px 19px #30163808;color:#282333}
.p480-home-live>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.p480-home-live strong{font-size:16px;font-weight:850}.p480-home-live small{font-size:11px;color:#736b7e;flex-basis:100%;margin-left:23px}
.p480-home-live-icon{color:#e52f71;font-size:14px}
.p480-home-live button{border:0;border-radius:12px;background:#f0e7fc;color:#6e42b6;font-size:12px;font-weight:850;padding:12px 13px;white-space:nowrap;min-height:44px}
.p480-home-live-rooms{display:flex;gap:9px;overflow:auto;scrollbar-width:none;margin-bottom:15px}
.p480-live-mini{flex:0 0 min(72vw,245px);min-width:0;background:linear-gradient(145deg,#27153e,#593b73);color:white!important;border-radius:13px;display:flex;align-items:center;gap:9px;padding:12px;text-decoration:none!important;min-height:64px}
.p480-live-mini b{font-size:9px;color:#ff81ae}.p480-live-mini span:nth-child(2){font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.p480-live-page{max-width:940px;margin:0 auto;color:#281c33;padding:5px 0 28px}
.p480-live-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:8px 0 18px}
.p480-live-head h1{font-size:clamp(25px,4vw,31px);margin:5px 0;letter-spacing:-.035em}
.p480-live-head p{font-size:13px;color:#7a7084;margin:0}
.p480-eyebrow{font-size:11px;font-weight:850;color:#c72a69}
.p480-refresh{width:48px;height:48px;border:0;border-radius:14px;background:#f2ecfb;color:#6544ad;font-size:26px;cursor:pointer}
.p480-search{display:flex;align-items:center;gap:9px;border:1px solid #ede6f3;border-radius:14px;background:#fff;padding:0 13px;color:#756681;height:53px;margin-bottom:15px}
.p480-search input{background:transparent;border:0;outline:0;width:100%;min-width:0;color:#241b33;font-size:14px}
.p480-live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}
.p480-live-card{display:flex;flex-direction:column;gap:7px;text-decoration:none!important;padding:10px;background:white;border:1px solid #eee8f4;border-radius:16px;color:#251a31!important;box-shadow:0 4px 20px #270f390b}
.p480-live-card[hidden]{display:none!important}
.p480-live-art{aspect-ratio:4/5;background:linear-gradient(145deg,#1d1731,#553468);position:relative;border-radius:10px;display:grid;place-items:center;color:#fff}
.p480-live-art span{position:absolute;left:9px;top:8px;color:white;background:#e42368;border-radius:6px;font-weight:850;font-size:10px;padding:4px 8px}
.p480-live-art b{font-size:34px;font-weight:600}
.p480-live-card strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p480-live-card small{font-size:11px;color:#7c7289}
.p480-live-empty{text-align:center;background:#fff;border:1px solid #eee8f4;border-radius:17px;padding:36px 15px;color:#554960;line-height:1.5}
.p480-live-empty strong{font-size:15px}.p480-live-empty p{color:#8a7f91;font-size:12px}
.p480-live-warning{padding:10px;background:#fff2f4;color:#a72247;border-radius:10px;font-size:12px}
.p480-live-actions{display:flex;gap:10px;margin-top:18px}
.p480-live-actions a{flex:1;display:grid;place-items:center;min-height:53px;border-radius:13px;background:#f0e8fd;color:#6e42b6;text-decoration:none;font-size:13px;font-weight:800;text-align:center;padding:8px}
.p480-events{margin-top:26px}.p480-events h2{font-size:17px}
@media(max-width:600px){.p480-home-live{padding:11px 12px;margin-top:12px}.p480-home-live button{font-size:11px}.p480-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p480-live-card{padding:7px}}


/* Source pipio-v4981-access.css */
/* Pipio V4.9.81 — access discovery; does not change paid entitlement. */
.p481-access-filter{margin:9px 0 15px;display:flex;flex-direction:column;gap:8px;}
.p481-access-label{color:#736982;font-weight:800;font-size:12px;letter-spacing:.015em;}
.p481-access-options{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 0 3px;}
.p481-access-options::-webkit-scrollbar{display:none;}
.p481-access-pill{font:inherit;font-size:13px;font-weight:760;color:#594970;white-space:nowrap;min-height:41px;padding:9px 14px;border:1px solid #e7e0ef;border-radius:999px;background:#fff;cursor:pointer;flex-shrink:0;}
.p481-access-pill.active{background:#784de4;color:#fff;border-color:#784de4;box-shadow:0 4px 12px #784de42a;}
.p481-access-pill:focus-visible{outline:3px solid #ae92f9;outline-offset:2px;}
.p481-access-note{border:1px solid #e8dbfa;background:#f8f3ff;color:#694d83;padding:11px 13px;border-radius:13px;font-size:12px;line-height:1.45;margin:10px 0 17px;}
.p481-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:13px;}
.p481-member-card{background:#fff;border:1px solid #e8e0ef;border-radius:18px;padding:17px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 16px #39234a0b;}
.p481-member-header{display:flex;gap:11px;align-items:center;min-width:0;}
.p481-member-header strong{display:block;color:#251d2d;font-size:15px;overflow-wrap:anywhere;}
.p481-member-header span{display:block;font-size:11px;color:#7b6c89;margin-top:3px;}
.p481-member-avatar{width:48px!important;height:48px!important;min-width:48px;flex-shrink:0;}
.p481-member-plan{display:flex;gap:5px;justify-content:space-between;align-items:center;flex-wrap:wrap;background:#f4edff;border-radius:12px;padding:11px;color:#6945af;font-size:13px;}
.p481-member-plan span{font-weight:800;}
.p481-member-card p{color:#756a80;font-size:12px;line-height:1.5;margin:0;flex:1;}
.p481-member-actions{display:flex;gap:8px;}
.p481-member-actions button{border:1px solid #e5d8f1;border-radius:11px;background:#fff;color:#6b44ad;flex:1;padding:10px 8px;font-weight:800;font-size:12px;min-height:44px;cursor:pointer;}
.p481-member-actions .p481-member-subscribe{background:#754adc;color:#fff;border-color:#754adc;}
@media(max-width:570px){.p481-access-filter{margin-bottom:10px}.p481-access-pill{font-size:12px;padding:8px 10px}.p481-members-grid{grid-template-columns:1fr}.p481-member-card{padding:15px}.p481-member-header strong{font-size:14px}}


/* Source pipio-v4982-premium.css */
/* PIPIO V4.9.82 • real catalogue redesign, scoped to home & catalogue. No payment/auth changes. */
:root{--p82-ink:#1e1a30;--p82-soft:#f8f6fc;--p82-accent:#7952e8;--p82-pink:#e54692}
.view-home .main{background:radial-gradient(ellipse 65% 25% at 88% 0%,#eae3ff 0,transparent 100%),linear-gradient(180deg,#fcfbff 0%,#faf9fe 48%,#fff 100%)!important}
.view-home .topbar{margin-bottom:16px!important}
.pipio-premium-home{max-width:1140px!important}
.p482-premium-hero{position:relative;isolation:isolate;min-height:300px;display:flex;align-items:flex-end;overflow:hidden;background:#17152b;color:#fff;border-radius:25px;box-shadow:0 25px 45px rgba(40,21,83,.17),0 7px 16px rgba(28,19,60,.12);margin:5px 0 29px;border:1px solid #ffffff19}
.p482-premium-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#101024fa 0%,#15132bdc 32%,#17132863 69%,#17132617 100%),linear-gradient(0deg,#100e26cc,transparent 45%)}
.p482-premium-hero:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid #fff2;border-radius:inherit}
.p482-premium-photo{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 83% 30%,#a35cc877,#312b52 48%,#171326 90%)}
.p482-premium-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block;filter:saturate(1.12)}
.p482-premium-copy{z-index:3;position:relative;padding:clamp(23px,3.5vw,45px);max-width:670px;width:84%}
.p482-premium-kicker{display:flex;align-items:center;gap:9px;letter-spacing:.13em;font-size:10px;font-weight:850;color:#e6d8ff;text-shadow:0 1px 5px #120c28}
.p482-premium-gem{display:inline-grid;place-items:center;background:linear-gradient(135deg,#e749a1,#875aee);width:23px;height:23px;border-radius:9px;color:#fff;font-size:13px;box-shadow:0 3px 12px #c64fd780}
.p482-premium-separator{opacity:.55}
.p482-premium-hero h2{color:#fff!important;font-size:clamp(30px,4vw,53px);letter-spacing:-.055em;line-height:1.045;font-weight:860;margin:16px 0 10px;max-width:600px;text-wrap:balance;text-shadow:0 2px 22px #0b082b55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.p482-premium-hero p{margin:0 0 23px;color:#e1dbf0;font-size:clamp(11px,1.5vw,14px);line-height:1.5;font-weight:500}
.p482-premium-hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.p482-premium-hero-actions button{border:0;min-height:46px;padding:10px 18px;font-size:13px;font-weight:850;display:flex;align-items:center;gap:9px;justify-content:center;cursor:pointer;border-radius:13px;transition:transform .18s ease,filter .18s ease;box-shadow:0 8px 24px #1008204a}
.p482-premium-hero-actions button:hover{transform:translateY(-2px);filter:brightness(1.07)}
.p482-premium-watch{background:linear-gradient(120deg,#8c5aff,#bc58c3)!important;color:white!important}
.p482-premium-discover{background:#ffffff26!important;color:#fff!important;border:1px solid #ffffff4d!important;backdrop-filter:blur(9px)}
.p482-premium-poster-mark{position:absolute;z-index:0;top:1%;right:6%;font-size:clamp(160px,34vw,390px);font-weight:950;letter-spacing:-.18em;color:#d59bff2b;line-height:1;transform:rotate(-12deg);pointer-events:none;user-select:none}
.p482-premium-featured .p482-premium-poster-mark{display:none}
.p482-premium-toolbar-title{min-width:0;display:flex;flex-direction:column;gap:4px}
.p482-premium-subtitle{font-size:10px;line-height:1.1;letter-spacing:.13em;font-weight:900;color:#997bbd}
.pipio-premium-home .pipio-catalog-toolbar{margin:0 0 15px;align-items:center;gap:8px}
.pipio-premium-home .pipio-catalog-toolbar h1{font-size:clamp(23px,3vw,31px);letter-spacing:-.045em;font-weight:860;color:var(--p82-ink);margin:0;line-height:1.1}
.pipio-premium-home .pipio-catalog-search{height:46px;background:#fff;border:1px solid #e8e0f3;border-radius:15px;font-weight:800;white-space:nowrap;color:#5e4e79;padding:0 16px;box-shadow:0 4px 16px #38295b08}
.pipio-premium-home .pipio-catalog-search:hover{border-color:#b29dea;background:#fbf9ff}
.pipio-premium-home .pipio-catalog-categories{gap:8px;margin-bottom:3px;padding-bottom:8px}
.pipio-premium-home .pipio-category-pill{background:#ffffffc9;border:1px solid #e5dff0;border-radius:14px;padding:12px 18px;min-height:43px;box-shadow:0 3px 12px #32234b05;color:#756983;font-size:13px;line-height:1;font-weight:750}
.pipio-premium-home .pipio-category-pill.active{background:#261e3a;color:#fff;border-color:#261e3a;box-shadow:0 7px 18px #33204830}
.pipio-premium-home .p481-access-filter{gap:9px;margin:9px 0 20px}
.pipio-premium-home .p481-access-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#827090;font-weight:900}
.pipio-premium-home .p481-access-options{gap:8px;overflow-x:auto;scrollbar-width:none;max-width:100%;padding:0 0 6px}
.pipio-premium-home .p481-access-pill{border-radius:14px;min-height:43px;padding:11px 16px;font-size:13px;background:#fff;color:#695a7b;border:1px solid #e7deed;box-shadow:0 3px 12px #2f21450a;font-weight:800}
.pipio-premium-home .p481-access-pill.active{background:linear-gradient(125deg,#8355f1,#a053dd);border-color:transparent;color:#fff;box-shadow:0 9px 19px #7851d739}
.pipio-premium-home .p480-home-live{border:1px solid #35245233;border-radius:22px;background:linear-gradient(115deg,#17142f 0%,#34234e 56%,#482852 100%);padding:17px 19px;min-height:93px;margin:13px 0 18px;box-shadow:0 12px 23px #271a4930;color:#fff;position:relative;overflow:hidden}
.pipio-premium-home .p480-home-live:before{content:"";position:absolute;right:15%;top:-43px;width:135px;height:135px;border-radius:50%;border:18px solid #e667ab18;pointer-events:none}
.pipio-premium-home .p480-home-live strong{color:white;font-weight:900;font-size:19px;letter-spacing:-.03em}
.pipio-premium-home .p480-home-live small{color:#d7c9e2;font-size:12px}
.pipio-premium-home .p480-home-live-icon{color:#ff599e;font-size:15px;filter:drop-shadow(0 0 8px #ff569899)}
.pipio-premium-home .p480-home-live button{position:relative;min-height:45px;background:#fff!important;color:#37204d!important;border-radius:13px;font-size:12px;font-weight:850;padding:11px 15px;box-shadow:0 7px 21px #0e0b2530}
.pipio-premium-home .p482-section{margin-top:23px}
.pipio-premium-home .p482-heading{margin:0 0 16px}
.pipio-premium-home .p482-heading h2{font-size:clamp(22px,2.6vw,27px);font-weight:900;letter-spacing:-.04em;color:#21182f}
.pipio-premium-home .p482-heading button{color:#7750ce;font-size:13px;font-weight:850}
.pipio-premium-home .pipio-catalog-grid{gap:16px}
.pipio-premium-home .pipio-catalog-card{border-radius:20px;border:1px solid #e8e3ef;background:#fff;overflow:hidden;box-shadow:0 8px 27px #32195612;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.pipio-premium-home .pipio-catalog-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px #27134b1d;border-color:#d7c1f8}
.pipio-premium-home .pipio-catalog-cover{aspect-ratio:1.45/1;background:linear-gradient(135deg,#251c3f,#53416e)}
.pipio-premium-home .pipio-catalog-cover:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#1210257d,transparent);z-index:1;pointer-events:none}
.pipio-premium-home .pipio-catalog-cover .pipio-thumb-img{transition:transform .5s ease;filter:saturate(1.04)}
.pipio-premium-home .pipio-catalog-card:hover .pipio-thumb-img{transform:scale(1.045)}
.pipio-premium-home .pipio-catalog-access{top:11px;left:11px;background:#181425c9;backdrop-filter:blur(10px);padding:7px 11px;border-radius:9px;border:1px solid #ffffff3b;font-size:10px}
.pipio-premium-home .pipio-catalog-play{width:42px;height:42px;right:12px;bottom:12px;background:#fff;color:#8757de;box-shadow:0 7px 22px #1310226a}
.pipio-premium-home .pipio-catalog-info{padding:15px 15px 18px;gap:8px;min-height:124px}
.pipio-premium-home .pipio-catalog-title{font-size:15px;font-weight:850;letter-spacing:-.018em;line-height:1.35;color:#281d35}
.pipio-premium-home .pipio-catalog-studio{color:#706581;font-size:12px;font-weight:620}
.pipio-premium-home .pipio-catalog-details{font-size:11px;color:#947e9d;line-height:1.45}
.pipio-premium-home .p481-member-card{box-shadow:0 10px 29px #32195618;border-radius:22px}
.pipio-premium-home .p481-member-plan{background:linear-gradient(110deg,#f4ebff,#f9eafb)}
.pipio-premium-home .pipio-catalog-empty{background:linear-gradient(135deg,#fff,#fbf9ff);border-radius:20px;padding:37px 24px}
/* Keep main-nav visible and well spaced. Scoped to home so other app screens stay unchanged. */
.view-home .mobilebar{border-top:1px solid #e4dceb;background:#ffffffed;box-shadow:0 -14px 36px #30204612;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.view-home .mobilebar .mobnav{border-radius:16px;transition:background .18s;color:#918499}
.view-home .mobilebar .mobnav.active{background:linear-gradient(145deg,#f4ebff,#ede6ff);color:#7b50dc}
.p482-premium-watch:focus-visible,.p482-premium-discover:focus-visible,.pipio-premium-home button:focus-visible{outline:3px solid #b193ff;outline-offset:3px}
@media(min-width:800px){.p482-premium-hero{min-height:335px}.pipio-premium-home .pipio-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.pipio-premium-home .pipio-catalog-grid{gap:13px}.p482-premium-hero{min-height:280px}}
@media(max-width:600px){
 .view-home .main{padding:13px 14px 116px!important}
 .view-home .topbar{margin:0 0 15px!important}
 .p482-premium-hero{min-height:240px;border-radius:22px;margin:1px 0 27px}
 .p482-premium-hero:before{background:linear-gradient(90deg,#100e26ee 0%,#17122ec4 43%,#17122c48 100%),linear-gradient(0deg,#100d20cc,transparent 65%)}
 .p482-premium-photo img{object-position:56% 40%}
 .p482-premium-copy{padding:21px;width:90%}
 .p482-premium-hero h2{font-size:clamp(23px,6vw,30px);max-width:330px;margin:11px 0 7px}
 .p482-premium-kicker{font-size:9px;letter-spacing:.11em;gap:6px}
 .p482-premium-hero p{font-size:11px;margin-bottom:17px}
 .p482-premium-hero-actions{gap:8px}
 .p482-premium-hero-actions button{font-size:11px;padding:8px 12px;min-height:39px;border-radius:11px}
 .p482-premium-hero-actions svg{width:15px;height:15px}
 .p482-premium-poster-mark{right:4%;font-size:200px}
 .p482-premium-subtitle{font-size:9px}
 .pipio-premium-home .pipio-catalog-toolbar{margin-bottom:13px}
 .pipio-premium-home .pipio-catalog-toolbar h1{font-size:23px}
 .pipio-premium-home .pipio-catalog-search{height:43px;padding:0 12px;font-size:11px}
 .pipio-premium-home .pipio-category-pill{padding:11px 15px;min-height:41px;font-size:12px}
 .pipio-premium-home .p481-access-pill{font-size:12px;padding:11px 14px;min-height:41px}
 .pipio-premium-home .p481-access-filter{margin-bottom:18px}
 .pipio-premium-home .p480-home-live{padding:14px 14px;border-radius:19px;min-height:85px}
 .pipio-premium-home .p480-home-live strong{font-size:17px}
 .pipio-premium-home .p480-home-live small{font-size:11px;margin-left:19px}
 .pipio-premium-home .p480-home-live button{min-height:41px;font-size:11px;padding:8px 10px}
 .pipio-premium-home .pipio-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .pipio-premium-home .pipio-catalog-card{border-radius:17px}
 .pipio-premium-home .pipio-catalog-cover{aspect-ratio:1.28/1}
 .pipio-premium-home .pipio-catalog-info{padding:12px 12px 15px;gap:6px;min-height:128px}
 .pipio-premium-home .pipio-catalog-title{font-size:13px}
 .pipio-premium-home .pipio-catalog-studio{font-size:11px}
 .pipio-premium-home .pipio-catalog-details{font-size:10px}
 .pipio-premium-home .pipio-catalog-play{height:36px;width:36px;right:10px;bottom:9px}
 .pipio-premium-home .pipio-catalog-access{font-size:9px;padding:5px 8px;left:9px;top:9px}
 .pipio-premium-home .p482-heading h2{font-size:22px}
}
@media(max-width:350px){
 .p482-premium-copy{padding:16px;width:96%}
 .p482-premium-hero h2{font-size:22px}
 .pipio-premium-home .pipio-catalog-search span{display:none}
 .pipio-premium-home .p480-home-live button{font-size:10px}
 .pipio-premium-home .pipio-catalog-grid{gap:9px}
}
@media(prefers-reduced-motion:reduce){.pipio-premium-home *{transition:none!important;animation:none!important}}