@font-face{font-family:Flair;src:url(assets/sans.ttf)}@font-face{font-family:Flair;src:url(assets/sans-bold.ttf);font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#f5f4ff;background:#080c24;font:14px Flair,Arial,sans-serif;background-image:radial-gradient(ellipse at -15% 15%,#154cad80,transparent 35%),radial-gradient(ellipse at 100% 8%,#5723a66b,transparent 28%),radial-gradient(ellipse at 5% 65%,#6030ca55,transparent 30%),radial-gradient(ellipse at 95% 75%,#243ba855,transparent 32%)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,.glass,.float-card,.steps article,.benefits{border-radius:12px}button{color:white;padding:10px 18px;border:1px solid #868db8;background:#192146}button:hover{filter:brightness(1.17)}.primary{background:linear-gradient(#a850ff,#6221ff);border:1px solid #c685ff;box-shadow:inset 0 0 8px #e8c3ff66,0 0 16px #6f28ff55;font-weight:700}.secondary{background:linear-gradient(#1e294d,#101630);border-color:#7788c0}.large{padding:13px 23px}.wrap{width:min(1420px,92%);margin:auto}header{border-bottom:1px solid #7777dd33;background:#080c24ba}.nav{display:flex;align-items:center;gap:25px;min-height:68px}.brand{font-size:23px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:3px;letter-spacing:-.7px}.brand i{font-size:44px;color:#ac61ff;line-height:1;margin-right:5px}.brand span{color:#b25cff}.nav nav{display:flex;gap:30px;margin:auto;font-size:13px}.actions{display:flex;gap:12px}.actions button{padding:8px 15px;font-size:12px}.hero{display:grid;grid-template-columns:41% 59%;align-items:center;min-height:440px;padding:42px 2% 30px;gap:5px}.pill{display:inline-block;font-size:11px;padding:5px 12px;border:1px solid #aa66ff;border-radius:25px;background:#5f2c9c25;box-shadow:0 0 10px #a05dff44}.hero h1{font-size:clamp(36px,3.6vw,58px);line-height:1.02;letter-spacing:-2px;margin:16px 0 12px}.hero h1 span{background:linear-gradient(90deg,#d6a3ff,#668cfa,#b336ee);background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.35;color:#ecebff;margin:0 0 18px}.buttons{display:flex;gap:12px}.checks{font-size:10px;margin-top:16px;color:#e4dafc}.hero p.phase{font-size:10px;margin-top:12px;color:#b3b6db;letter-spacing:.6px}.hero-visual{position:relative;min-height:320px;padding:12px 28% 20px 16%;display:flex;align-items:center}.stream-preview{min-width:0;width:100%;transform:rotate(-1.5deg);border:2px solid #bf77ff;box-shadow:0 0 6px #a447ff,0 0 30px #5831ca80;border-radius:20px;overflow:hidden;background:#11102b;padding:7px;z-index:1}.stream-photo{position:relative;aspect-ratio:1.48;overflow:hidden;border-radius:13px}.stream-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.onair{position:absolute;top:8px;left:9px;padding:3px 8px;background:#e5144b;border-radius:5px;font-size:10px;font-weight:bold}.sponsor-banner{position:absolute;bottom:10px;left:8px;right:8px;border:1px solid #40c6ff;box-shadow:0 0 15px #6120ef;background:linear-gradient(110deg,#0b164eec,#5717b5ed);display:flex;align-items:center;gap:12px;padding:10px;border-radius:9px}.sponsor-banner small{display:block;font-size:7px;letter-spacing:.4px}.sponsor-banner b{display:block;font-size:clamp(16px,1.5vw,24px)}.ad-icon{font-size:36px;color:#c278ff}.ad-emoji{font-size:30px;margin-left:auto}.player-bar{display:flex;align-items:center;gap:15px;padding:7px 5px 2px;font-size:12px}.player-bar div{height:4px;width:45%;background:linear-gradient(90deg,#bd4aff 40%,#52416b 40%);border-radius:5px;margin-right:auto}.float-card,.glass{border:1px solid #7784d0;background:linear-gradient(130deg,#49397866,#142442a0);box-shadow:inset 0 0 16px #8376e51c,0 0 10px #4f3cc331}.float-card{position:absolute;width:20%;padding:12px;z-index:2;transform:rotate(1deg)}.float-card small{font-size:9px;display:block}.float-card strong{font-size:23px;display:block;margin:7px 0}.float-card em{font-size:9px;font-style:normal;color:#3cfa9a}.left-top{left:-3%;top:36px}.left-bottom{left:-4%;top:150px}.left-bottom strong{font-size:17px}.visual-right{position:absolute;right:0;width:23%;top:22px}.visual-right .glass{padding:12px;margin-bottom:10px}.visual-right small{font-size:9px;color:#e3dafa}.visual-right h3{font-size:15px;margin:7px 0}.visual-right svg{width:100%;height:45px}.split-demo{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.split-demo>small:first-child{width:100%}.donut{width:105px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#6d38ff 0 40%,#1890f9 70%,#c04aff 70%);position:relative;display:grid;place-items:center;box-shadow:0 0 25px #9146ff44;flex-shrink:0}.donut:before{content:'';position:absolute;inset:15px;border-radius:50%;background:#111433;box-shadow:0 0 14px #7679fb}.donut b{position:relative;font-size:23px;text-align:center;line-height:1.1}.donut small{display:block;font-size:10px;font-weight:400}.split-demo .donut{width:72px}.split-demo .donut:before{inset:10px}.split-demo .donut b{font-size:17px}.split-demo>small:last-child{font-size:8px;line-height:2}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 8px;border:1px solid #8c7fea;box-shadow:inset 0 0 22px #5553b355,0 0 20px #5d25b744;background:linear-gradient(90deg,#512e7f77,#07274388)}.benefits>div{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid #8b8cc5}.benefits>div:last-child{border:0}.benefits span{font-size:35px;color:#b867ff;text-shadow:0 0 12px #be39ff}.benefits p{margin:0}.benefits b,.benefits small{display:block}.benefits b{font-size:13px}.benefits small{font-size:10px;color:#d5d4ee;margin-top:3px}h2{font-size:24px;letter-spacing:-.5px;line-height:1.1;margin:0 0 9px}p{color:#d2d4ec;line-height:1.4}small{color:#c3c3dd}.steps{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:24px;align-items:center;margin:24px auto}.steps p{font-size:11px;margin:6px 0 0}.steps article{display:flex;gap:12px;padding:17px 13px;border:1px solid #737bb0;background:linear-gradient(#3a3c6455,#14254099);min-height:90px}.steps article>span{font-size:32px;color:#c17aff;text-shadow:0 0 14px #b448fc}.steps b{font-size:12px}.audience{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature{display:grid;grid-template-columns:44% 56%;padding:20px 20px 10px;overflow:hidden;min-height:235px}.feature h2{font-size:22px;margin-top:8px}.feature p{font-size:11px;margin:8px 0}.feature ul{list-style:none;padding:0;font-size:10px;line-height:1.8;margin:7px 0}.feature li:before{content:'✓';color:#d9a9ff;margin-right:7px}.feature button{padding:7px 10px;font-size:10px;border-radius:6px}.mini-dashboard{margin:8px -5px -3px 14px;transform:perspective(1000px) rotateY(-7deg) rotate(-1deg);border:2px solid #6b95e8;border-radius:17px;background:#0b0c27;padding:10px;box-shadow:0 0 20px #7734df88}.mini-top{font-size:8px;color:#bca9dd;display:flex;gap:15px}.mini-top b{color:white}.mini-layout{display:grid;grid-template-columns:28% 72%;margin-top:12px;font-size:8px}.mini-layout aside{line-height:3;color:#c4c0e4}.mini-layout>div{min-width:0}.mini-metrics{display:flex;gap:5px}.mini-metrics>div{background:#31314e88;border-radius:5px;padding:6px;font-size:6px;flex:1}.mini-metrics b{display:block;font-size:12px;margin-top:4px}.mini-layout p{font-size:8px}.mini-layout small{font-size:6px}.chart-bars{display:flex;gap:8px;align-items:flex-end;height:82px;border-bottom:1px solid #6f6687;background:repeating-linear-gradient(0deg,transparent 0 19px,#8680b422 20px)}.chart-bars i{flex:1;height:40%;background:linear-gradient(#cd48fe,#255dce);border-radius:3px 3px 0 0}.chart-bars i:nth-child(2n){height:65%}.chart-bars i:nth-child(3n){height:80%}.chart-bars i:nth-child(4n){height:92%}.business-mini .chart-bars{gap:5px}.lower{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px auto}.lower h2{font-size:21px}.calculator{display:flex;align-items:center;gap:24px;padding:20px}.calculator>div:first-child{flex:1}.calculator p{font-size:11px}.calculator label{font-size:10px;display:flex;justify-content:space-between}.calculator input{width:100%;accent-color:#b53fff}.calculator small{display:block;font-size:8px;line-height:1.6}.calculator>div:last-child>b{display:block;font-size:19px;margin:9px 0 2px}.pricing{display:flex;gap:14px;padding:18px}.pricing>div:first-child{width:30%}.pricing p{font-size:10px}.pricing h2{font-size:20px}.price{flex:1;border:1px solid #8077bd;border-radius:10px;padding:12px;background:#131b36}.price small{font-size:10px}.price h3{font-size:21px;margin:8px 0}.price h3 small{display:block;font-size:9px;font-weight:400}.price p{line-height:1.9}.price button{font-size:9px;padding:7px 9px;width:100%}.cta{display:flex;justify-content:space-between;align-items:center;border:1px solid #c16eff;background:linear-gradient(90deg,#491885bb,#29277499);box-shadow:inset 0 0 20px #8f39ef88,0 0 15px #8d26e677;padding:12px 25px;border-radius:12px;margin:24px auto}.cta h2{margin:0;font-size:23px}footer{padding:25px 0;display:flex;align-items:center;gap:35px;border-top:1px solid #343a60}footer p{font-size:10px}footer>div:last-child{margin-left:auto;display:flex;gap:25px;font-size:12px}dialog{background:#11162f;color:white;border:1px solid #9869df;border-radius:18px;padding:28px;width:min(460px,92%);max-height:90vh;box-shadow:0 0 80px #6a20bd55}dialog::backdrop{background:#030619cc;backdrop-filter:blur(8px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.icon{padding:2px 10px;font-size:24px;border:0;background:none}.modal-heading h2{margin:0}label{display:block;font-size:12px;margin:13px 0}input,textarea,select{display:block;width:100%;padding:12px;background:#0a1026;color:white;border:1px solid #505b88;border-radius:8px;margin-top:7px}textarea{min-height:100px;resize:vertical}dialog p{font-size:12px}dialog .primary{width:100%;margin-top:12px}.text-btn{background:none;border:0;font-size:12px;width:100%;margin-top:10px}.error{color:#ffadb9}.dashboard{min-height:68vh;padding:35px 0}.dashboard-heading{display:flex;align-items:center;justify-content:space-between}.dashboard-heading h1{font-size:36px;margin:8px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#bb87fb}.notice{background:#33245488;border:1px solid #a373c7;border-radius:10px;padding:13px;font-size:12px;color:#e4cdfd}.tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0}.tabs button.active{background:#7135c6;border-color:#bd8df8}.tabs a{margin-left:auto;font-size:12px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:23px;min-width:0}.panel h2{font-size:21px}.panel>p{font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stat{padding:20px}.stat strong{display:block;font-size:26px;margin-top:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.overlay-url{font:11px monospace;word-break:break-all;background:#070e23;padding:12px;border:1px solid #414c76;border-radius:8px}.campaign{border:1px solid #555b91;border-radius:12px;padding:18px;margin:13px 0;background:#10182faa}.campaign h3{margin:8px 0;font-size:18px}.campaign p{font-size:12px;overflow-wrap:anywhere}.campaign small{font-size:10px}.campaign button{padding:7px 12px;font-size:11px;margin:8px 5px 0 0}.badge{display:inline-block;border-radius:20px;background:#7553ae55;border:1px solid #9e77cb;padding:4px 10px;font-size:10px}.empty{padding:35px 18px;text-align:center;border:1px dashed #59618c;border-radius:12px;color:#b6bad6;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:12px;text-align:left;border-bottom:1px solid #384162}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;max-width:90%;border:1px solid #b780eb;border-radius:10px;padding:13px 20px;background:#271a48;box-shadow:0 10px 35px #0008}body.overlay-mode{background:transparent!important;overflow:hidden}body.overlay-mode>*{display:none!important}body.overlay-mode #overlay-root{display:block!important;position:fixed;bottom:35px;left:35px;max-width:900px;width:calc(100% - 70px)}.overlay-ad{background:linear-gradient(110deg,#11173ef5,#5d1c9ff5);border:2px solid #b371ff;box-shadow:0 0 20px #883aee99;border-radius:15px;padding:22px 28px;display:flex;align-items:center;gap:23px}.overlay-ad span{font-size:60px;color:#c78eff}.overlay-ad small{font-size:12px;letter-spacing:1px}.overlay-ad h2{font-size:32px;margin:7px 0}.overlay-ad p{font-size:18px;margin:0;overflow-wrap:anywhere}.legal{max-width:700px;padding:60px 0;line-height:1.7}
@media(min-width:1700px){.hero{min-height:460px}.hero-visual{min-height:350px}}@media(max-width:1200px){.nav nav{gap:15px}.hero{grid-template-columns:43% 57%}.hero-visual{padding-left:8%;padding-right:16%}.float-card{display:none}.visual-right{width:20%}.visual-right h3{font-size:11px}.visual-right .glass{padding:8px}.split-demo>small:last-child{display:none}.steps{gap:12px}.feature{grid-template-columns:1fr}.mini-dashboard{margin:18px 0 0;min-height:160px}.mini-layout{grid-template-columns:25% 75%}.chart-bars{height:60px}.lower{grid-template-columns:1fr}.pricing>div:first-child{width:40%}.audience .feature{padding-bottom:20px}.calculator .donut{width:90px}}@media(max-width:850px){.nav{flex-wrap:wrap;padding:13px 0;gap:12px}.nav nav{order:3;width:100%;justify-content:space-between;font-size:11px;gap:10px;overflow:auto;padding-bottom:4px}.actions{margin-left:auto}.brand{font-size:20px}.hero{grid-template-columns:1fr;padding:30px 0 15px}.hero-copy{text-align:center}.hero h1{font-size:50px}.hero p{font-size:17px}.buttons{justify-content:center}.hero-visual{width:90%;margin:10px auto 0;padding:10px 15% 15px 0;min-height:300px}.stream-preview{max-width:500px;margin:auto}.visual-right{width:20%;right:-4%;top:28px}.visual-right .glass h3{font-size:12px}.visual-right svg{height:60px}.split-demo .donut{width:70px}.hero-visual .sponsor-banner b{font-size:24px}.hero-visual .sponsor-banner small{font-size:9px}.benefits{grid-template-columns:1fr 1fr;gap:18px;padding:17px 8px}.benefits>div{justify-content:flex-start;padding-left:20px}.benefits>div:nth-child(2){border:0}.steps{grid-template-columns:1fr 1fr}.steps>div{grid-column:1/-1}.steps article{min-height:95px}.feature h2{font-size:23px}.cta h2{font-size:19px;max-width:65%}.dash-grid{grid-template-columns:1fr}.stats{gap:9px}.stat{padding:15px}.stat strong{font-size:21px}footer{gap:18px;flex-wrap:wrap}footer>div:last-child{margin-left:0}}@media(max-width:520px){.wrap{width:92%}.nav nav{font-size:10px}.nav nav a:last-child{display:none}.brand{font-size:16px}.brand i{font-size:32px}.actions{gap:6px}.actions button{font-size:10px;padding:7px 9px}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero p{font-size:15px}.hero .large{padding:12px 16px;font-size:12px}.checks{font-size:8px}.hero-visual{padding:5px 0;min-height:230px;width:95%;margin:20px auto 0}.visual-right{display:none}.hero-visual .sponsor-banner small{font-size:7px}.hero-visual .sponsor-banner b{font-size:22px}.hero-visual .sponsor-banner{padding:7px}.stream-photo{aspect-ratio:1.6}.benefits>div{padding-left:8px;gap:8px}.benefits b{font-size:10px}.benefits small{font-size:8px}.benefits span{font-size:25px}.steps{gap:10px;margin:23px auto}.steps article{padding:13px 10px;gap:8px}.steps b{font-size:11px}.steps p{font-size:10px}.steps article>span{font-size:25px}.audience{grid-template-columns:1fr}.feature{grid-template-columns:1fr;padding:20px}.mini-dashboard{margin-top:20px}.mini-top{font-size:10px}.mini-layout{font-size:9px}.mini-metrics>div{font-size:8px}.mini-layout small{font-size:8px}.mini-layout p{font-size:10px}.mini-metrics b{font-size:16px}.chart-bars{height:65px}.feature p{font-size:12px}.feature ul{font-size:11px}.feature button{font-size:12px}.calculator{flex-wrap:wrap;gap:18px}.calculator>div:first-child{min-width:100%}.calculator .donut{margin-right:10px}.pricing{flex-wrap:wrap;gap:10px}.pricing>div:first-child{width:100%}.price{min-width:40%}.price h3{font-size:18px}.cta{display:block;text-align:center;padding:20px}.cta h2{max-width:none;font-size:21px;line-height:1.3}.cta button{margin-top:17px}footer p{width:100%;order:3}.dashboard-heading h1{font-size:27px}.dashboard-heading button{font-size:11px}.notice{font-size:10px;line-height:1.6}.tabs button{font-size:12px;padding:8px 12px}.tabs a{width:100%;margin:6px 0}.stats{grid-template-columns:1fr}.stat{display:flex;justify-content:space-between;align-items:center}.stat strong{margin:0}.form-row{grid-template-columns:1fr;gap:0}.panel{padding:18px}.overlay-ad{padding:16px;gap:12px}.overlay-ad span{font-size:32px}.overlay-ad small{font-size:8px}.overlay-ad h2{font-size:23px}.overlay-ad p{font-size:13px}body.overlay-mode #overlay-root{bottom:15px;left:15px;width:calc(100% - 30px)}}

html.overlay-boot,html.overlay-boot body{background:transparent!important}html.overlay-boot body>*{visibility:hidden}html.overlay-boot #overlay-root{visibility:visible}
/* Streamflair workspace */
:root{--accent:#a253ff;--cyan:#51cffc}body.portal-mode{background:#080c21}body.portal-mode header .wrap{width:100%;padding:0 30px}body.portal-mode header .nav{min-height:70px}body.portal-mode footer.wrap{display:none}body.portal-mode .dashboard{padding:0;min-height:calc(100vh - 70px)}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1900px;margin:auto;min-height:calc(100vh - 70px)}.portal-side{background:linear-gradient(#0d112c,#0a1025);border-right:1px solid #333254;padding:25px 14px;display:flex;flex-direction:column;gap:5px;position:sticky;top:0;max-height:calc(100vh - 70px);overflow:auto}.portal-side .side-caption{font-size:9px;letter-spacing:2px;color:#8c86ac;padding:7px 14px}.portal-side button{display:flex;align-items:center;gap:13px;padding:13px 14px;margin:2px 0;border:1px solid transparent;background:transparent;color:#b7b5d6;font-size:12px;text-align:left;border-radius:9px;box-shadow:none}.portal-side button.active{color:white;background:linear-gradient(100deg,#843ce155,#6033ab22);border-color:#7953c5;box-shadow:inset 3px 0 #bd7bff,0 0 15px #7e3bcb1c}.portal-side button>span{font-size:20px;color:#c69aff;width:22px;text-align:center}.portal-side hr{border:0;border-top:1px solid #302d48;margin:15px 10px}.portal-side .side-bottom{margin-top:auto;padding:18px 12px;border:1px solid #5d458d;border-radius:12px;background:linear-gradient(145deg,#5f298d33,#17213b)}.side-bottom strong{display:block;font-size:16px;margin:8px 0}.side-bottom p{font-size:11px}.side-bottom a{font-size:10px;color:#cbabff}.side-user{font-size:10px;color:#8f88aa;padding:15px 12px;overflow-wrap:anywhere}.portal-main{padding:30px;min-width:0}.portal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.portal-heading h1{font-size:31px;letter-spacing:-1px;margin:8px 0}.portal-heading h1 span{background:linear-gradient(90deg,#c594ff,#44d0f2);background-clip:text;color:transparent}.portal-heading p{font-size:12px;margin:0;color:#aaa5c3}.portal-heading .avatar{width:40px;height:40px;border:1px solid #8a61c4;border-radius:50%;display:grid;place-items:center;background:#56308b66;color:#dbbbff;font-weight:700}.portal-mode .notice{font-size:10px;margin-bottom:22px;border-color:#64538b;background:#34234f33;color:#c8b8e0}.portal-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.portal-stat{display:flex;gap:15px;align-items:center;padding:18px;border:1px solid #454069;border-radius:13px;background:linear-gradient(120deg,#3e285c38,#14213955)}.stat-icon{width:42px;height:42px;flex-shrink:0;background:#5e279349;border:1px solid #a064d1;border-radius:10px;display:grid;place-items:center;font-size:23px;color:#c078ff;box-shadow:0 0 20px #7d33ba33}.portal-stat:nth-child(2) .stat-icon{color:#43dcff;border-color:#2f7eaf;background:#143e6644}.portal-stat:nth-child(3) .stat-icon{color:#ffd477;border-color:#ab824a;background:#69502133}.portal-stat:nth-child(4) .stat-icon{color:#3ee6b8;border-color:#3a9478;background:#15594744}.portal-stat small{font-size:9px;color:#beb8d5;display:block}.portal-stat b{display:block;font-size:24px;margin:6px 0 3px;line-height:1.1}.portal-stat em{font-style:normal;font-size:8px;color:#9188ac}.portal-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:20px}.portal-mode .panel{background:linear-gradient(135deg,#2820414d,#0f172a99);border-color:#454066;border-radius:14px;padding:22px;box-shadow:inset 0 0 15px #9480d207}.portal-mode .panel h2{font-size:19px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-title h2{margin:0}.panel-title a,.panel-title button{font-size:10px}.portal-mode .panel>p{font-size:11px;color:#aaa1bf;line-height:1.7}.preview-stage{position:relative;aspect-ratio:16/9;border-radius:11px;overflow:hidden;border:1px solid #614784;background:#0a0c19}.preview-stage>img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.9}.preview-badge{position:absolute;left:12px;top:12px;border:1px solid #a554b6;padding:4px 9px;border-radius:5px;background:#241332cc;font-size:8px;letter-spacing:1px}.preview-banner{position:absolute;background:linear-gradient(100deg,#171a4aee,#632b93ee);border:1px solid var(--accent);box-shadow:0 0 16px #8941df88;border-radius:10px;overflow:hidden;display:flex;align-items:center;gap:10px;padding:12px;min-height:70px}.preview-banner .banner-icon{font-size:32px;color:#c184ff}.preview-banner small{display:block;font-size:6px;color:#f5e7ff;letter-spacing:.4px}.preview-banner b{display:block;font-size:18px;line-height:1.1;margin:5px 0}.preview-banner p{font-size:10px;margin:0;overflow-wrap:anywhere;line-height:1.3}.preview-banner img,.preview-banner video{width:30%;height:65px;object-fit:contain;border-radius:6px}.preview-banner>div{min-width:0;flex:1}.preview-footer{font-size:9px;color:#a99cbd;margin-top:12px;display:flex;justify-content:space-between;gap:15px}.on-dot{color:#53e7a7;font-size:9px}.overlay-placeholder{min-height:135px;display:grid;place-items:center;text-align:center;border:1px solid #635186;background:radial-gradient(ellipse,#44247144,#101527);border-radius:9px;padding:15px;margin:15px 0}.overlay-placeholder span{font-size:29px;color:#bb76ff;text-shadow:0 0 15px #ae56ff}.overlay-placeholder b{display:block;font-size:12px;margin:10px 0 3px}.overlay-placeholder p{font-size:9px;margin:0}.portal-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 0}.portal-actions>button,.portal-actions>a{font-size:10px;padding:9px 12px;border-radius:8px}.portal-mode .overlay-url{font-size:10px;padding:12px;line-height:1.6;margin:15px 0;word-break:break-all}.full-width{width:100%}.market-toolbar{display:flex;align-items:center;gap:15px;margin:0 0 20px;flex-wrap:wrap}.market-toolbar input{margin:0;flex:1;min-width:200px;font-size:12px;padding:12px 14px}.market-toolbar select{width:auto;margin:0;font-size:11px;padding:12px}.market-pills{display:flex;gap:8px;flex-wrap:wrap}.market-pills button{font-size:10px;border-radius:20px;padding:8px 14px;background:#14203d;border-color:#544876}.market-pills button.active{background:linear-gradient(#a453ef,#7030d8);border-color:#c285fa}.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.campaign-card{border:1px solid #5d4b88;background:linear-gradient(135deg,#25214088,#0e152d);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.campaign-art{height:155px;position:relative;background:radial-gradient(ellipse at 65% 30%,#5935a977,#111a3e 65%);display:grid;place-items:center;overflow:hidden}.campaign-art img,.campaign-art video{width:100%;height:100%;object-fit:contain;background:#0b1024}.campaign-art .lettermark{font-size:55px;font-weight:700;color:#a46df0;text-shadow:0 0 35px #a653ed44}.campaign-art .art-caption{position:absolute;bottom:10px;left:12px;font-size:8px;letter-spacing:1px;background:#0d1233bb;padding:4px 7px;border-radius:4px}.campaign-copy{padding:17px;flex:1;display:flex;flex-direction:column}.campaign-copy .category-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.campaign-copy .category-row>b{font-size:11px;text-transform:uppercase;letter-spacing:.7px}.campaign-copy .badge{font-size:8px;padding:3px 8px}.campaign-copy h3{font-size:15px;line-height:1.3;margin:12px 0 8px}.campaign-copy p{font-size:11px;color:#b5adc9;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}.campaign-data{font-size:10px;line-height:1.9;color:#c8bddd;margin-top:auto}.campaign-data strong{color:#e4d6ff}.campaign-copy .portal-actions{margin:12px 0 0}.campaign-copy .portal-actions button{flex:1;min-width:95px}.campaign-copy .review-note{font-size:10px;color:#e9be8c;border-left:2px solid #b48253;padding-left:9px;margin:10px 0}.list-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #34304e}.list-item:last-child{border:0}.list-item .initial{width:38px;height:38px;flex-shrink:0;border-radius:8px;background:#55318a55;border:1px solid #6a4d94;display:grid;place-items:center;font-size:17px;color:#bd8efa}.list-item b{font-size:11px;display:block}.list-item small{display:block;font-size:9px;color:#a19ab8;margin-top:5px}.list-item .list-tail{margin-left:auto;text-align:right}.list-tail b{color:#d2b5ff}.activity-row{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #352d49;font-size:11px}.activity-dot{width:8px;height:8px;border-radius:50%;background:#a855ee;box-shadow:0 0 10px #b44bff}.activity-row small{display:block;font-size:9px;margin-top:5px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.editor-topbar .segmented{display:flex;gap:5px}.segmented button{padding:7px 11px;font-size:9px;border-radius:6px}.segmented button.active{background:#6b32b455;border-color:#aa72f0}.overlay-canvas{width:100%;height:auto;border-radius:10px;border:1px solid #654589;touch-action:none;display:block;background:#0e1426;cursor:move}.editor-help{font-size:10px;color:#aa9cbe;line-height:1.6;margin-top:12px}.editor-settings label{font-size:10px;margin:13px 0}.editor-settings input,.editor-settings select{padding:9px;font-size:11px;margin-top:5px}.editor-settings input[type=range]{padding:0;accent-color:#aa54ff}.editor-settings input[type=color]{height:35px;padding:3px}.editor-settings .form-row{gap:12px}.editor-settings h3{font-size:13px;margin:18px 0 10px;padding-top:15px;border-top:1px solid #443454}.check-label{display:flex;gap:10px;align-items:center}.check-label input{width:15px!important;margin:0!important;accent-color:#ad5bff}.settings-grid-v7{display:grid;grid-template-columns:1fr 1fr;gap:20px}.portal-mode .form-row input{min-width:0}.portal-mode input,.portal-mode textarea,.portal-mode select{font-size:12px}.portal-mode label{color:#b8adcc;font-size:11px}.portal-mode .panel .hint{border-left:2px solid #9661d1;padding-left:12px;font-size:10px;color:#b4a5c7;line-height:1.7}.portal-mode .table-wrap{margin-top:15px}.portal-mode table{min-width:650px;font-size:11px}.portal-mode table th{font-weight:400;font-size:9px;color:#a395bb}.portal-mode table td,.portal-mode table th{padding:14px 10px;border-bottom-color:#38304e}.portal-mode table td small{font-size:9px;color:#a493ba}.portal-mode table button{font-size:9px;padding:6px 9px}.portal-mode .badge{background:#60359433}.proof-status-approved{color:#5ee6b0}.proof-status-pending{color:#f3ca8f}.proof-status-rejected{color:#e892b1}.media-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:15px}.media-card{padding:10px;border:1px solid #44355e;border-radius:10px;background:#15152d;min-width:0}.media-card img,.media-card video{width:100%;height:95px;object-fit:contain;background:#080c20;border-radius:6px}.media-card b{display:block;font-size:10px;margin:8px 0;overflow-wrap:anywhere}.media-card small{font-size:8px}.media-card button{padding:5px 8px;font-size:8px;margin-top:7px}.upload-box{padding:20px;border:1px dashed #8261a8;background:#5b2d801b;border-radius:12px;text-align:center}.upload-box input{font-size:11px}.campaign-form-panel{align-self:start}.campaign-form-panel h3{font-size:13px;color:#cfb4f1;padding-top:15px;border-top:1px solid #41314e;margin:20px 0 10px}.portal-mode #toast{max-width:min(90%,600px)}.auth-action{width:min(500px,90%);margin:70px auto;padding:30px;border:1px solid #8361b1;border-radius:18px;background:#15152d}.auth-action p{font-size:13px}.auth-action h1{font-size:28px}.portal-bottom-nav{display:none}.money-disclosure{font-size:10px;color:#b99bcf;line-height:1.7;border:1px solid #554066;padding:15px;border-radius:10px;background:#36203f33}.campaign-detail-dialog{width:min(700px,92%)}
@media(max-width:1350px){.portal-stats{grid-template-columns:1fr 1fr}.campaign-grid{grid-template-columns:1fr 1fr}.portal-main{padding:25px}.editor-layout{grid-template-columns:minmax(0,1fr) 270px}.portal-grid{grid-template-columns:1.3fr 1fr}.portal-stat b{font-size:23px}}@media(max-width:1050px){.workspace{grid-template-columns:190px minmax(0,1fr)}.portal-side{padding:20px 10px}.portal-side button{font-size:11px;padding:12px 10px;gap:8px}.portal-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.editor-settings .settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid-v7{grid-template-columns:1fr}.portal-heading h1{font-size:27px}.media-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.workspace{display:block}.portal-side{position:static;max-height:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;padding:15px;border-right:0;border-bottom:1px solid #2d2a49;background:#101329}.portal-side .side-caption,.portal-side .side-bottom,.portal-side .side-user,.portal-side hr{display:none}.portal-side button{padding:8px 11px;font-size:10px;margin:0;border-color:#403354;border-radius:7px}.portal-side button>span{font-size:15px;width:15px}.portal-main{padding:22px 16px 90px}.portal-heading h1{font-size:27px}.portal-heading p{font-size:11px}.portal-heading .avatar{width:34px;height:34px;font-size:12px}.portal-mode .notice{font-size:9px;line-height:1.6;margin-bottom:17px}.portal-stats{gap:10px;margin-bottom:15px}.portal-stat{padding:13px;gap:10px}.portal-stat b{font-size:21px}.portal-stat small{font-size:8px}.portal-stat em{font-size:7px}.stat-icon{width:32px;height:32px;font-size:18px;border-radius:8px}.portal-grid{gap:15px}.portal-mode .panel{padding:18px}.portal-heading .eyebrow{font-size:8px}.portal-mode header .nav.wrap{padding:12px 16px;gap:10px}.portal-mode header .nav .brand{font-size:19px}.portal-mode header .nav .brand i{font-size:33px}.portal-mode header .actions button{font-size:10px}.portal-bottom-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#0d1028ee;border-top:1px solid #574070;backdrop-filter:blur(10px);padding:10px 7px calc(10px + env(safe-area-inset-bottom));z-index:4}.portal-bottom-nav button{font-size:9px;padding:8px 10px;border:0;box-shadow:none;background:none;color:#a49cbf}.portal-bottom-nav button.active{color:#d09aff}.portal-mode #toast{bottom:85px}.market-toolbar{gap:10px}.market-toolbar input{min-width:100%;font-size:11px}.market-pills{gap:5px}.market-pills button{font-size:9px;padding:7px 10px}.campaign-art{height:140px}.campaign-copy{padding:13px}.campaign-copy h3{font-size:14px}.campaign-copy p{font-size:10px}.campaign-data{font-size:9px}.campaign-copy .category-row{align-items:flex-start;flex-direction:column;gap:6px}.campaign-copy .portal-actions{gap:5px}.campaign-copy .portal-actions button{font-size:9px;min-width:0;padding:8px}.media-list{grid-template-columns:1fr 1fr}.editor-settings .settings-columns{display:block}.portal-mode .form-row{grid-template-columns:1fr 1fr;gap:12px}.portal-mode .form-row label{min-width:0}.preview-banner{padding:8px;gap:7px;min-height:55px}.preview-banner b{font-size:15px}.preview-banner small{font-size:5px}.preview-banner p{font-size:8px}.preview-banner .banner-icon{font-size:24px}.preview-footer{font-size:8px}.portal-side button[data-goto=advertiser]{color:#77dbff}.portal-main .empty{font-size:11px;line-height:1.7}.portal-mode .panel h2{font-size:18px}.portal-mode .panel>p{font-size:11px}}@media(max-width:420px){.campaign-grid{grid-template-columns:1fr}.portal-stat b{font-size:18px}.stat-icon{display:none}.portal-mode header .nav .brand{font-size:17px}.portal-mode .portal-heading h1{font-size:25px}.portal-mode .form-row{grid-template-columns:1fr}.portal-stat{padding:15px}.campaign-art{height:175px}}
/* Transparent OBS source: only actual overlay elements can be visible. */
body.overlay-mode #overlay-root{position:fixed;inset:0;width:100%;max-width:none;height:100%;display:block!important;pointer-events:none}body.overlay-mode .overlay-ad{position:absolute;padding:15px;max-height:22%;overflow:hidden;display:flex;border:2px solid var(--ad-accent,#a45cff);border-radius:10px;gap:15px;box-shadow:0 0 20px #773acb77;background:linear-gradient(100deg,#10143ef5,#492076f5);min-height:90px}body.overlay-mode .overlay-ad .creative-media{width:32%;max-height:150px;object-fit:contain;border-radius:5px;flex-shrink:0}body.overlay-mode .overlay-ad .ad-copy{flex:1;min-width:0}body.overlay-mode .overlay-ad small{font-size:10px;letter-spacing:.6px;color:#fff}body.overlay-mode .overlay-ad h2{font-size:clamp(15px,2vw,32px);margin:7px 0}body.overlay-mode .overlay-ad p{font-size:clamp(11px,1.15vw,20px);margin:0;overflow-wrap:anywhere}body.overlay-mode .own-goal{position:absolute;top:7%;left:5%;width:30%;min-width:180px;color:white;background:#151531e8;padding:15px;border:1px solid var(--ad-accent,#a45cff);border-radius:10px;font-size:17px}body.overlay-mode .own-goal>div{height:6px;background:#403550;border-radius:4px;margin-top:10px;overflow:hidden}body.overlay-mode .own-goal i{height:100%;display:block;background:var(--ad-accent,#a45cff)}body.overlay-mode .own-goal small{font-size:10px;display:block;margin-top:7px}body.overlay-mode .own-name{position:absolute;left:5%;top:23%;font-size:21px;color:white;background:#151531dd;border-left:3px solid var(--ad-accent,#a45cff);padding:10px 18px;border-radius:5px}body.overlay-mode .own-chat{position:absolute;left:5%;top:35%;width:30%;font-size:16px}.own-chat>div{background:#13132de8;color:white;padding:10px 14px;border:1px solid #64507f;margin:6px 0;border-radius:9px}.own-chat small{color:#d1a7ff;font-size:10px}html.overlay-boot body{background:transparent!important}

.advertiser-grid{grid-template-columns:minmax(300px,1fr) minmax(0,1.7fr)}.own-campaign-grid{grid-template-columns:1fr 1fr}@media(max-width:1100px){.advertiser-grid{grid-template-columns:1fr}.own-campaign-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.own-campaign-grid{grid-template-columns:1fr}}
:root{color-scheme:dark}.portal-side{scrollbar-width:thin;scrollbar-color:#57406e #0c1028}body.portal-mode header .actions{margin-left:auto}.portal-mode .panel{border:1px solid #454066}.portal-stat em{line-height:1.5}.portal-mode .panel .hint{margin-top:15px}
.portal-menu,.portal-scrim{display:none}@media(max-width:760px){body.portal-mode header .nav{flex-wrap:nowrap}body.portal-mode .portal-menu{display:block;font-size:18px;padding:3px 8px;background:#261d40;border-color:#715092;border-radius:7px;box-shadow:none}body.portal-mode header .nav{gap:8px}body.portal-mode .portal-side{display:none}body.portal-mode.portal-menu-open .portal-side{display:flex;flex-direction:column;flex-wrap:nowrap;position:fixed;top:70px;bottom:60px;left:0;width:260px;max-height:none;overflow:auto;z-index:9;border-right:1px solid #7a529e;box-shadow:20px 0 50px #0008;padding:20px 15px;gap:8px}body.portal-mode.portal-menu-open .portal-side button{padding:13px;text-align:left}body.portal-mode.portal-menu-open .portal-scrim{display:block;position:fixed;inset:70px 0 60px;z-index:8;border:0;border-radius:0;background:#0009;backdrop-filter:blur(3px)}body.portal-mode .portal-main{padding-top:24px}body.portal-mode header .nav .brand{font-size:17px}body.portal-mode header .actions button{padding:7px 9px;font-size:10px}}
@media(max-width:760px){body.portal-mode.portal-menu-open .portal-scrim{left:260px}}