/* Identidade Eplow Play — mesmas cores do Android (MainActivity.kt). */
:root{--accent:#E5BD68;--accent2:#f3d48f;--bg:#17121F;--panel:#30233E;--panel2:#3B3446;--deep:#4B1F78;--purple:#9A5ED0;--muted:#BCB5C8;
--warn:#FFCC83;--err:#412A28;--text:#F4EEF7;--line:#504657;--line2:#5D456E;--r:22px;--font:"Roboto","Segoe UI",Inter,system-ui,-apple-system,Arial,sans-serif}
*{box-sizing:border-box}
#app{height:100%}
html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased;overflow:hidden}
button{font:inherit;color:inherit;cursor:pointer}
input,select{font:inherit;color:var(--text)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hidden{display:none!important}
.muted{color:var(--muted)}.accent{color:var(--accent)}.warn{color:var(--warn)}
.small{font-size:12.5px}
/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:var(--accent);color:#2a1d0b;font-weight:600;padding:14px 22px;min-height:48px;transition:filter .15s,transform .05s}
.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}
.btn.block{width:100%}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line2)}
.btn.text{background:none;color:var(--accent);padding:8px 10px;min-height:0}
.btn.danger{background:transparent;color:#ff9f9f;border:1px solid #6b3340}
.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--accent)}
.icon-btn:hover{background:#ffffff14}
.icon-btn svg{width:26px;height:26px}
/* chips */
.chips{display:flex;gap:12px;flex-wrap:wrap}
.chip{border:1.5px solid #8d7442;background:transparent;color:var(--text);border-radius:14px;padding:10px 20px;font-weight:500;font-size:16px;display:inline-flex;gap:8px;align-items:center}
.chip.on{background:var(--deep);border-color:var(--accent)}
.chip.small{padding:7px 14px;font-size:14px}
/* campos */
.field{position:relative;margin:10px 0}
.field input,.field select{width:100%;background:transparent;border:1.5px solid #8d7442;border-radius:8px;padding:16px 64px 16px 16px;font-size:16px}
.field select{padding-right:16px;background:var(--panel)}
.field label{position:absolute;left:12px;top:-9px;background:var(--panel);padding:0 6px;font-size:12.5px;color:var(--accent)}
.field .side{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.check{display:flex;gap:12px;align-items:center;margin:8px 0;cursor:pointer}
.check input{width:22px;height:22px;accent-color:var(--accent)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:24px}
.card.gold{border-color:#e5bd68b8}
.err-card{background:var(--err);border-radius:16px;padding:16px 18px;margin:12px 0;display:flex;gap:12px;align-items:flex-start}
.err-card p{margin:0;flex:1}
/* splash */
.splash{height:100%;display:grid;place-items:center;text-align:center}
.splash img{width:110px;height:110px;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(.94);opacity:.85}}
/* entrada */
.entry{height:100%;overflow:auto;background:linear-gradient(180deg,#37303F 0,var(--bg) 40%,var(--bg))}
.entry-inner{max-width:560px;margin:0 auto;padding:56px 20px 120px}
.brandline{display:flex;align-items:center;gap:18px;justify-content:center}
.brandline img{width:86px;height:86px}
.brandline h1{margin:0;font-size:40px;letter-spacing:-.5px}
.brandline .tag{color:var(--accent);letter-spacing:.28em;font-size:13px;margin-top:4px}
.edition{display:inline-block;margin-left:8px;padding:3px 10px;border-radius:99px;background:var(--deep);border:1px solid var(--accent);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.06em;vertical-align:middle}
.hero{text-align:center;font-size:44px;line-height:1.12;margin:44px 0 12px;font-weight:800}
.lead{text-align:center;color:var(--muted);font-size:18px;margin:0 0 30px}
.saved-title{text-align:center;color:var(--accent);font-weight:700;font-size:19px;margin:26px 0 14px}
.saved{margin-bottom:16px}
.saved .row{display:flex;align-items:center;gap:8px}
.saved h3{margin:0;flex:1;color:var(--accent);font-size:19px}
.saved p{margin:10px 0 16px;color:var(--muted)}
.mode-chips{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.mode-chips .chip{justify-content:center;border-radius:12px;padding:12px}
.id-bar{position:fixed;left:0;right:0;bottom:0;background:var(--bg);padding:10px 18px;display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff10;font-family:Consolas,monospace;font-size:12.5px;z-index:5}
.id-bar .mac{color:var(--accent)}
/* topo do catálogo */
.app{height:100%;display:grid;grid-template-rows:auto 1fr}
.top{display:flex;align-items:center;gap:8px;padding:14px 18px 6px}
.top .title{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:700;flex:1;min-width:0}
.top .title img{width:44px;height:44px}
.top .title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.body{display:grid;grid-template-columns:auto 1fr;min-height:0}
.drawer{width:290px;border-right:1px solid #ffffff12;overflow:auto;padding:10px 12px 40px;background:#1b1524}
.drawer.closed{display:none}
.drawer h4{margin:12px 8px;color:var(--accent);font-size:15px}
.drawer input{width:100%;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:11px 14px;margin-bottom:8px}
.cat{display:block;width:100%;text-align:left;background:none;border:0;border-radius:12px;padding:10px 12px;color:var(--text);font-size:14.5px;line-height:1.3}
.cat:hover{background:#ffffff0d}.cat.on{background:var(--deep);color:var(--accent)}
.main{display:grid;grid-template-rows:auto 1fr;min-height:0;min-width:0}
.controls{padding:6px 22px 8px}
.controls .chips{margin:6px 0 12px}
.searchbox{display:flex;gap:8px;align-items:center;margin:4px 0 10px}
.searchbox input{flex:1;background:var(--panel);border:1.5px solid #8d7442;border-radius:14px;padding:12px 16px;font-size:16px}
.meta{display:flex;align-items:flex-end;gap:12px}
.meta .grow{flex:1}
.meta .cat-name{color:var(--muted);letter-spacing:.02em}
.meta .count{color:var(--accent);margin-top:4px}
.meta .http{color:var(--accent);letter-spacing:.1em;font-size:13px}
.scroller{overflow:auto;position:relative;padding:0 22px 40px}
.grid-space{position:relative}
.tile{position:absolute;background:linear-gradient(145deg,#3a2c49,#2c2138);border-radius:22px;overflow:hidden;cursor:pointer;border:0;padding:0;text-align:left;display:flex;flex-direction:column;transition:transform .12s,box-shadow .12s}
.tile:hover,.tile:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 2px var(--accent)}
.tile .art{position:relative;flex:1;min-height:0;background:linear-gradient(135deg,#50445E,var(--panel));display:grid;place-items:center;overflow:hidden}
.tile .art img{width:100%;height:100%;object-fit:contain}
.tile.crop .art img{object-fit:cover}
.tile .art .ph{font-size:28px;font-weight:800;color:#ffffff40}
.tile .name{padding:10px 14px 12px;font-size:15.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:56px}
.tile .sub{padding:0 14px 10px;margin-top:-6px;color:var(--accent);font-size:12.5px}
.tile .star{position:absolute;right:10px;top:10px;width:40px;height:40px;border-radius:12px;border:0;background:#1d1626cc;color:#9c94a8;display:grid;place-items:center}
.tile .star.on{color:var(--warn)}
.tile .bar{position:absolute;left:0;right:0;bottom:0;height:6px;background:#f4eef7cc}
.tile .bar i{display:block;height:100%;background:#e53935}
.ep .wbar{height:6px;border-radius:3px;background:#f4eef7cc;overflow:hidden;margin-top:8px;max-width:420px}
.ep .wbar i{display:block;height:100%;background:#e53935}
.vod-controls{display:flex;gap:10px;flex-wrap:wrap;padding:12px 22px 0}
.tile.list{flex-direction:row;align-items:center}
.tile.list .art{flex:0 0 96px;height:100%}
.tile.list .name{flex:1;min-height:0}
.empty{text-align:center;color:var(--muted);padding:60px 20px}
/* série */
.page{height:100%;overflow:auto}
.page-head{position:sticky;top:0;z-index:2;background:var(--bg);display:flex;align-items:center;gap:14px;padding:16px 18px;font-size:26px;font-weight:700}
.page-body{max-width:1100px;margin:0 auto;padding:12px 22px 80px}
.series-hero{display:flex;gap:22px;align-items:center;background:linear-gradient(180deg,#2b1640,transparent);border-radius:20px;padding:14px}
.series-hero .cover{width:160px;aspect-ratio:2/3;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#50445E,var(--panel))}
.series-hero .cover img{width:100%;height:100%;object-fit:cover}
.series-hero h2{margin:0 0 12px;font-size:28px}
.seasons{display:flex;gap:14px;overflow-x:auto;padding:18px 2px}
.season{flex:0 0 auto;min-width:190px;border:1.5px solid #8d7442;border-radius:18px;background:var(--panel);padding:16px 18px;text-align:center}
.season b{display:block;font-size:17px}.season span{color:var(--muted);font-size:14px}
.season.on{background:var(--deep);border-color:var(--accent)}.season.on b{color:var(--accent)}
.ep{display:flex;align-items:center;gap:18px;background:var(--panel);border-radius:22px;padding:14px 18px;margin-bottom:14px;cursor:pointer;border:0;width:100%;text-align:left}
.ep:hover{box-shadow:0 0 0 2px var(--accent)}
.ep .thumb{width:90px;height:110px;border-radius:12px;overflow:hidden;background:#3a2c49;flex:0 0 auto}
.ep .thumb img{width:100%;height:100%;object-fit:cover}
.ep .t{flex:1;min-width:0}.ep .t b{display:block;font-size:18px;margin-bottom:6px}.ep .t span{color:var(--muted)}
.ep .t em{display:block;color:var(--accent);font-style:normal;font-size:13px;margin-top:6px}
/* player */
.player{position:fixed;inset:0;background:var(--bg);z-index:20;display:flex;flex-direction:column;overflow:auto}
.player .bar{display:flex;align-items:center;gap:8px;padding:8px 10px}
.player .bar .t{flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px}
.player .stage{position:relative;background:#000;width:100%;max-height:72vh;aspect-ratio:16/9}
.player.full .stage{max-height:none;flex:1;aspect-ratio:auto}
.player video{width:100%;height:100%;background:#000;display:block}
.player .overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;text-align:center;color:var(--muted)}
.spinner{width:46px;height:46px;border-radius:50%;border:4px solid #ffffff22;border-top-color:var(--accent);animation:spin 1s linear infinite;margin:0 auto 10px}
@keyframes spin{to{transform:rotate(360deg)}}
.player .info{display:flex;gap:16px;align-items:flex-start;padding:20px 22px}
.player .info h2{margin:0 0 4px;font-size:22px}
.zap{display:flex;gap:10px;padding:0 22px 18px;flex-wrap:wrap}
/* configurações */
.setting{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #ffffff10}
.setting .l{flex:1}.setting .l b{display:block}.setting .l span{color:var(--muted);font-size:13px}
.section-title{color:var(--accent);margin:28px 0 10px;font-size:18px}
.switch{width:52px;height:30px;border-radius:99px;background:#5a4f66;border:0;position:relative;flex:0 0 auto}
.switch::after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;top:3px;left:3px;transition:left .15s}
.switch.on{background:var(--purple)}.switch.on::after{left:25px}
.qr{background:#fff;border-radius:12px;padding:8px;width:160px}
/* carregamento e diálogos */
.modal{position:fixed;inset:0;background:#0a070dcc;z-index:30;display:grid;place-items:center;padding:20px}
.modal .card{width:100%;max-width:460px}
.progress{height:6px;border-radius:99px;background:#ffffff1a;overflow:hidden;margin:16px 0}
.progress i{display:block;height:100%;background:var(--accent);width:0;transition:width .25s}
.progress.indet i{width:35%;animation:indet 1.2s ease-in-out infinite}
@keyframes indet{from{margin-left:-35%}to{margin-left:100%}}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--panel2);border:1px solid var(--accent);border-radius:14px;padding:12px 18px;z-index:40;max-width:90vw}
.choice{display:block;width:100%;text-align:left;border:1.5px solid #8d7442;border-radius:18px;background:transparent;padding:18px;margin:10px 0}
.choice.on{background:var(--deep);border-color:var(--accent)}
.choice b{display:block;font-size:17px}.choice span{color:var(--muted);font-size:14px}
@media (max-width:900px){
 .drawer{position:fixed;z-index:10;top:0;bottom:0;left:0;box-shadow:0 0 60px #000}
 .hero{font-size:34px}.brandline h1{font-size:32px}
 .controls,.scroller{padding-left:14px;padding-right:14px}
 .series-hero .cover{width:110px}
}
/* barras de rolagem no tema escuro (Windows/Chrome) */
*{scrollbar-color:#5D456E transparent;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#5D456E;border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--purple)}
.btn svg,.chip svg,.choice svg{width:22px;height:22px;flex:0 0 auto}
.err-card svg,.saved svg{width:24px;height:24px}
/* ---------- tela inicial (hub) ---------- */
.hub{position:relative;height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(22px,4.5vh,46px);padding:48px 24px 120px;
 background:radial-gradient(ellipse 70% 55% at 50% 0%,#3b1d5c 0%,transparent 70%),radial-gradient(ellipse 45% 35% at 85% 100%,#3a2a12 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 8% 85%,#2a1440 0%,transparent 70%),var(--bg)}
.hub::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
 background:linear-gradient(115deg,transparent 0 62%,#e5bd6812 62.2%,transparent 62.6% 70%,#9a5ed014 70.2%,transparent 70.7%),linear-gradient(65deg,transparent 0 22%,#9a5ed010 22.2%,transparent 22.6%)}
.hub-glow{position:absolute;width:520px;height:520px;left:50%;top:-180px;transform:translateX(-50%);background:radial-gradient(circle,#e5bd6822,transparent 65%);filter:blur(10px);pointer-events:none}
.hub-brand{position:relative;display:flex;align-items:center;gap:clamp(14px,2vw,26px)}
.hub-brand img{width:clamp(84px,11vw,148px);height:auto;filter:drop-shadow(0 10px 30px #e5bd6855);animation:hubIn .7s ease both}
.hub-brand h1{margin:0;font-size:clamp(46px,7.2vw,104px);line-height:.95;font-weight:900;letter-spacing:-.03em;color:#fff;text-shadow:0 3px 0 #2b1640,0 12px 40px #00000080}
.hub-brand h1 em{font-style:normal;background:linear-gradient(180deg,#f6dc9a,#e5bd68 55%,#b8863a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 3px 0 #2b1640)}
.hub-tag{margin-top:10px;color:var(--accent);letter-spacing:.32em;font-size:clamp(11px,1.1vw,15px);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hub-tag .edition{letter-spacing:.08em}
.hub-row{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);width:min(1080px,100%)}
.hub-tile{position:relative;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 10px;border-radius:22px;
 background:linear-gradient(160deg,#ffffff12,#ffffff05 55%,#00000018);border:1px solid #e5bd6833;color:var(--text);backdrop-filter:blur(6px);
 box-shadow:0 10px 30px #0000004d,inset 0 1px 0 #ffffff14;transition:transform .18s ease,border-color .18s,box-shadow .18s,background .18s;animation:hubIn .5s ease both}
.hub-tile:nth-child(2){animation-delay:.05s}.hub-tile:nth-child(3){animation-delay:.1s}.hub-tile:nth-child(4){animation-delay:.15s}.hub-tile:nth-child(5){animation-delay:.2s}
.hub-tile b{font-size:clamp(14px,1.35vw,18px);font-weight:700;text-align:center;line-height:1.2}
.hub-tile small{color:var(--muted);font-size:clamp(11px,.95vw,13px)}
.hub-ico{width:clamp(54px,6vw,80px);height:clamp(54px,6vw,80px);display:grid;place-items:center;transition:transform .18s}
.hub-ico svg{width:100%;height:100%;filter:drop-shadow(0 8px 14px #00000066)}
.hub-tile:hover,.hub-tile:focus-visible{outline:none;transform:translateY(-6px) scale(1.03);border-color:var(--accent);
 background:linear-gradient(160deg,#4b1f78cc,#30233Ecc 60%,#1d1626cc);box-shadow:0 18px 44px #00000080,0 0 0 1px var(--accent),0 0 38px #9a5ed055}
.hub-tile:hover .hub-ico,.hub-tile:focus-visible .hub-ico{transform:scale(1.08)}
.hub-tile:focus-visible small{color:var(--accent)}
.live-dot{animation:liveDot 1.4s ease-in-out infinite;transform-origin:57px 14px}
@keyframes liveDot{50%{opacity:.35;transform:scale(.7)}}
@keyframes hubIn{from{opacity:0;transform:translateY(14px)}}
.hub-reload{position:relative;display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:14px;border:1px solid #e5bd6855;background:#ffffff0a;color:var(--text);font-weight:600;transition:.15s}
.hub-reload svg{width:20px;height:20px;color:var(--accent)}
.hub-reload:hover,.hub-reload:focus-visible{outline:none;border-color:var(--accent);background:#4b1f7899}
.hub-foot{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:20px;padding:18px clamp(18px,3vw,44px);font-size:13px;line-height:1.65;color:var(--muted)}
.hub-foot b{color:var(--text);font-weight:600}.hub-foot .right{text-align:right}
.hub-status{color:var(--accent)}
@media (max-width:900px){
 .hub{justify-content:flex-start;padding-top:40px}
 .hub-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hub-foot{position:static;flex-direction:column;padding:10px 0 0}.hub-foot .right{text-align:left}
}
@media (max-width:480px){.hub-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-tile:last-child{grid-column:span 2;aspect-ratio:auto;padding:18px}}
@media (prefers-reduced-motion:reduce){.hub-tile,.hub-brand img,.live-dot{animation:none}}

/* ---------- Recarregar lista e Minhas listas IPTV ---------- */
.point{display:flex;gap:12px;align-items:flex-start;margin:12px 0;font-size:14.5px;line-height:1.45}
.point .pi{flex:0 0 30px;height:30px;border-radius:10px;background:var(--deep);color:var(--accent);display:grid;place-items:center}
.point .pi svg{width:17px;height:17px}
.actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}
.reload-card{max-width:500px}
.reload-card h3{margin:6px 0 10px;font-size:22px}
.reload-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--deep),#2b1846);color:var(--accent);box-shadow:0 8px 24px #4b1f7866}
.reload-icon svg{width:30px;height:30px}
.refresh-card{text-align:center;max-width:500px}
.refresh-card .refresh-logo{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 6px 18px #e5bd6855)}
.refresh-card h3{font-size:23px;margin:10px 0 8px}
.refresh-card .progress{height:8px;margin:22px 0 12px}
.refresh-card .reassure{text-align:left;background:#ffffff08;border:1px solid #e5bd6840;border-radius:18px;padding:4px 14px;margin:16px 0}
.refresh-card .btn.block{margin-top:6px}
.list-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:14px 0 6px}
.action-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;background:var(--panel);border:1px solid #e5bd683d;border-radius:20px;padding:16px;color:inherit;cursor:pointer;transition:transform .15s,border-color .15s}
.action-tile:hover,.action-tile:focus-visible{border-color:var(--accent);transform:translateY(-2px);outline:none}
.action-tile .ai{width:42px;height:42px;border-radius:14px;background:var(--deep);color:var(--accent);display:grid;place-items:center}
.action-tile .ai svg{width:23px;height:23px}
.action-tile b{color:var(--accent);font-size:15px}
.action-tile small{color:var(--muted);font-size:12.5px;line-height:1.35}
.action-tile.danger{border-color:#ff9f9f40}.action-tile.danger b,.action-tile.danger .ai{color:#ff9f9f}
.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}
.list-card{padding:20px;display:flex;flex-direction:column;gap:8px}
.list-card.current{border:2px solid var(--accent)}
.li-head{display:flex;align-items:center;gap:12px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid #e5bd6826}
.li-head .num{width:42px;height:42px;border-radius:14px;background:var(--deep);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:18px}
.li-head>div{flex:1}.li-head b{display:block;font-size:17px}.li-head small{color:var(--muted)}
.li-head .badge{background:var(--accent);color:var(--bg);font-weight:800;font-size:11px;border-radius:99px;padding:4px 10px}
.li-row{display:flex;align-items:center;gap:6px;font-size:14px;min-height:30px;flex-wrap:wrap}
.li-row span{color:var(--muted)}.li-row b{font-weight:600;overflow-wrap:anywhere;flex:1}
.li-row .btn.text{padding:4px 8px;font-size:12.5px}
.list-card .btn.block{margin-top:8px}
@media (max-width:520px){.list-grid{grid-template-columns:1fr}.list-actions{grid-template-columns:1fr}}
.li-row b.warn{color:#ff9f9f}
.terms{max-width:560px;margin:18px auto 0}
.partner-corner{display:flex;justify-content:flex-end;margin-top:6px;padding-bottom:70px}
.partner-corner .btn{font-size:13px;opacity:.75}
.partner-card{max-width:520px}
.partner-card h3{margin:4px 0 8px;font-size:22px}
.partner-site{display:flex;gap:16px;align-items:center;margin:14px 0;flex-wrap:wrap}
.partner-site .qr{width:132px;height:132px;border-radius:12px;background:#fff;padding:6px}
.partner-link{display:block;color:var(--accent);font-weight:700;margin:6px 0 8px;word-break:break-all}
.plat-title{margin:14px 0 6px;font-weight:700;color:var(--accent)}
.plat-title.soon{color:var(--muted)}
.plats{display:flex;gap:8px;flex-wrap:wrap}
.plat{padding:6px 12px;border-radius:99px;background:var(--deep);color:var(--text);font-size:13px;border:1px solid #e5bd6844}
.plat.soon{background:transparent;color:var(--muted);border-style:dashed}