/* ============== SocialDB — bold neo-brutalist yellow theme ============== */
:root{
--yellow:#FFE000;
--yellow-deep:#FFD400;
--ink:#0E0E0E;
--paper:#FFFFFF;
--cream:#FFF7CC;
--line:#0E0E0E;
--red:#FF3B30;
--purple:#9146FF; /* twitch */
--ytred:#FF0000; /* youtube */
--shadow:6px 6px 0 var(--ink);
--shadow-sm:4px 4px 0 var(--ink);
--radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden}
body{
background:var(--yellow);
color:var(--ink);
font-family:'Inter',system-ui,sans-serif;
font-size:16px;line-height:1.55;
-webkit-font-smoothing:antialiased;
background-image:radial-gradient(var(--yellow-deep) 1.4px, transparent 1.4px);
background-size:26px 26px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
h1,h2,h3,.logo-text,.big{font-family:'Archivo',sans-serif}
/* ---------- header ---------- */
/* Marketplace liveness ribbon — full-bleed bar at the very top, above the sticky menu.
LIVE label pinned left; a news-style ticker of real events scrolls to its right. */
.pulse-band{display:flex;align-items:stretch;width:100%;background:#0E0E0E;color:#fff;border-bottom:1px solid #000;overflow:hidden}
.pulse-band .pulse-live{display:inline-flex;align-items:center;gap:6px;background:#c0271e;color:#fff;font-weight:900;font-size:10.5px;letter-spacing:.08em;padding:0 12px;flex:none;z-index:1}
.pulse-band .pulse-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulseBlink 1.4s infinite}
.pulse-ticker{position:relative;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.pulse-track{display:inline-flex;white-space:nowrap;animation:pulseScroll 60s linear infinite;will-change:transform;padding:7px 0}
.pulse-band:hover .pulse-track{animation-play-state:paused}
.pulse-ev{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#cbcbcb;padding:0 22px;border-right:1px solid #262626}
.pulse-ev b{color:#fff;font-weight:800}
.pulse-ev-week{color:#eaeaea;font-weight:700}
.pulse-ev-week b{color:var(--yellow,#FFE000);font-weight:900}
.pulse-ev-stat{color:#fff;font-weight:800}
.pulse-ev-stat b{color:var(--yellow,#FFE000);font-weight:900}
.pulse-band .pev-ic{font-size:13px}
@keyframes pulseScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulseBlink{0%,100%{opacity:1}50%{opacity:.2}}
@media(prefers-reduced-motion:reduce){.pulse-track{animation:none}.pulse-band .pulse-dot{animation:none}}
.site-header{
background:var(--ink);color:var(--yellow);
border-bottom:1px solid var(--ink);
position:sticky;top:0;z-index:50;
}
.header-inner{display:flex;align-items:center;gap:18px;padding:14px 20px;position:relative}
.nav-toggle{display:none;margin-left:auto;background:none;border:none;color:var(--yellow);font-size:26px;line-height:1;cursor:pointer;padding:4px 8px;align-items:center}
.logo{display:flex;align-items:center;gap:10px;font-family:'Archivo';font-weight:900;font-size:22px;color:var(--yellow)}
.logo-mark{
display:grid;place-items:center;width:34px;height:34px;
background:var(--yellow);color:var(--ink);
border-radius:9px;font-family:'Archivo';font-weight:900;font-size:20px;
box-shadow:3px 3px 0 rgba(255,224,0,.35);
}
.logo-text b{color:#fff}
/* search moved out of the top bar into a toggle + dropdown panel (declutters nav) */
.search-toggle{margin-left:auto;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--yellow);font-size:22px;line-height:1;cursor:pointer;padding:7px 10px;border-radius:8px}
.search-toggle:hover{background:#262615;color:#fff}
body.search-open .search-toggle{background:var(--yellow);color:var(--ink)}
.header-search{display:none;border-top:1px solid var(--yellow);background:#141414}
body.search-open .header-search{display:block;animation:hsdrop .18s ease}
@keyframes hsdrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.header-search .search{max-width:640px;margin:0 auto;padding:12px 20px}
.search{flex:1;display:flex;max-width:460px;margin:0 auto;min-width:220px}
.search input{
flex:1;min-width:0;width:100%;border:1px solid var(--yellow);background:#1c1c1c;color:#fff;
padding:10px 14px;border-radius:10px 0 0 10px;font-size:15px;font-weight:500;
}
.search input::placeholder{color:#8a8a6a}
.search input:focus{outline:none;background:#262615}
.search button{
border:1px solid var(--yellow);border-left:none;background:var(--yellow);color:var(--ink);
padding:0 16px;border-radius:0 10px 10px 0;font-size:18px;cursor:pointer;font-weight:700;
}
.main-nav{display:flex;gap:5px;align-items:center;flex-wrap:nowrap}
.main-nav a{
font-weight:700;font-size:14px;padding:8px 11px;border-radius:8px;color:var(--yellow);white-space:nowrap;
}
.main-nav a:hover{background:#262615;color:#fff}
.main-nav a.nav-cta{background:var(--yellow);color:var(--ink)}
.main-nav a.nav-cta:hover{background:#fff;color:var(--ink)}
/* grouped "Discover ▾" dropdown — keeps the top bar compact so search isn't squished */
.nav-group{position:relative;display:flex}
.nav-group-btn{font-weight:700;font-size:14px;padding:8px 11px;border-radius:8px;color:var(--yellow);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.nav-group-btn .caret{font-size:11px;opacity:.8}
.nav-group:hover .nav-group-btn,.nav-group:focus-within .nav-group-btn{background:#262615;color:#fff}
.nav-menu{position:absolute;right:0;top:100%;min-width:200px;background:var(--ink);border:1px solid var(--yellow);
border-radius:12px;padding:6px;display:none;flex-direction:column;gap:2px;
box-shadow:6px 6px 0 rgba(255,224,0,.22);z-index:60}
.nav-group:hover .nav-menu,.nav-group:focus-within .nav-menu{display:flex}
.nav-menu a{display:block;white-space:nowrap;padding:9px 12px;border-radius:7px;color:var(--yellow);font-weight:700;font-size:14px}
.nav-menu a:hover{background:#262615;color:#fff}
/* auth forms */
/* higher specificity (.section.auth-wrap) so it beats the later .section{margin} */
.section.auth-wrap{max-width:440px;margin-left:auto;margin-right:auto}
.auth-card{text-align:center}
.auth-card form{text-align:left}
.auth-card .btn.big{width:100%}
.auth-card h1{font-weight:900;font-size:28px;margin-bottom:6px;letter-spacing:-.5px}
.auth-sub{color:#555;font-weight:600;margin-bottom:16px}
.auth-card form{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.auth-card label{font-weight:700;font-size:13.5px;color:#333;display:flex;flex-direction:column;gap:6px}
.auth-card .opt{font-weight:600;color:#888;font-size:12px}
.auth-card input{border:1.5px solid #d8d8c8;border-radius:11px;padding:12px 14px;font-weight:600;font-size:15px;color:var(--ink);background:#fff;transition:border-color .12s ease,box-shadow .12s ease}
.auth-card input::placeholder{color:#b7b7a4;font-weight:500}
.auth-card input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(255,224,0,.55)}
.btn.big{justify-content:center;padding:13px;font-size:16px}
.auth-alt{margin-top:16px;font-weight:600;text-align:center}
.auth-alt a,.auth-sub a,.note a{text-decoration:underline}
.note.err{background:#ffe1e1;border-color:var(--red)}
/* pricing plans */
/* ===== Pro pricing page ===== */
.pro-hero-top{text-align:center;max-width:640px;margin:0 auto 6px}
.pro-kicker{display:inline-block;background:var(--yellow);border:1px solid var(--ink);border-radius:999px;padding:5px 15px;font-family:'Archivo';font-weight:900;font-size:12px;letter-spacing:.05em}
.pro-h1{font-family:'Archivo';font-size:38px;margin:15px 0 8px;line-height:1.05}
.pro-lede{color:#444;font-weight:600;font-size:15px;margin:0}
@media(max-width:600px){.pro-h1{font-size:28px}}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;align-items:start}
@media(max-width:700px){.plan-grid{grid-template-columns:1fr}}
.plan{background:#fff;border:1px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);overflow:hidden;text-align:left}
.plan.pro{box-shadow:9px 9px 0 var(--yellow)}
.plan-head{padding:20px 24px;border-bottom:1px solid var(--ink)}
.plan.pro .plan-head{background:var(--yellow)}
.plan-name{font-family:'Archivo';font-weight:900;font-size:21px;display:flex;align-items:center;gap:9px}
.badge{font-size:11px;font-weight:800;background:var(--ink);color:var(--yellow);border-radius:999px;padding:3px 10px;letter-spacing:.03em}
.plan-price{font-family:'Archivo';font-weight:900;font-size:38px;margin:8px 0 0;line-height:1}
.plan-price-alt{font-size:13px;font-weight:700;color:#555;margin-top:6px}
.plan-price-alt .save{display:inline-block;background:#0a8f3c;color:#fff;font-weight:800;font-size:11px;border-radius:20px;padding:1px 8px;margin-left:4px}
.plan-feat{list-style:none;margin:0;padding:20px 24px;display:flex;flex-direction:column;gap:12px;font-weight:600}
.plan-feat li{position:relative;padding-left:31px;font-size:14px;line-height:1.4}
.plan-feat li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid var(--ink);border-radius:6px;background:var(--yellow);display:grid;place-items:center;font-weight:900;font-size:11px}
.plan-feat li.off{color:#9a9a9a}
.plan-feat li.off::before{content:"✕";background:#f0f0f0;border-color:#cfcfcf;color:#9a9a9a}
/* Grouped Pro feature list — labelled sections + name/description hierarchy so 21 features scan
as ~5 digestible groups instead of one wall of equal-weight bullets. */
.plan-feat.pf-grouped{display:block;padding:18px 24px 22px}
.pf-intro{margin:0;font-weight:800;font-size:14px}
.pf-group{margin-top:17px}
.pf-glabel{font-size:11px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;color:#8a7f4a;padding-bottom:8px;margin-bottom:11px;border-bottom:1px dashed #e6e0c6}
.pf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.pf-list li{position:relative;padding-left:29px}
.pf-list li::before{content:"✓";position:absolute;left:0;top:1px;width:19px;height:19px;border:1px solid var(--ink);border-radius:6px;background:var(--yellow);display:grid;place-items:center;font-weight:900;font-size:11px}
.pf-name{display:block;font-weight:800;font-size:13.5px;line-height:1.3}
.pf-desc{display:block;font-weight:600;font-size:12px;line-height:1.4;color:#70694f;margin-top:2px}
/* Pro-only rows in the Free column: crossed-out ✕ marker, muted text. */
.pf-list li.off .pf-name{color:#9a9a9a;font-weight:700}
.pf-list li.off .pf-desc{color:#b3b3b3}
.pf-list li.off::before{content:"✕";background:#f0f0f0;border-color:#cfcfcf;color:#9a9a9a}
.plan-cta{padding:2px 24px 24px}
.plan-cta .btn.big{width:100%;text-align:center}
.plan.pro .plan-cta .btn.big.primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.plan.pro .plan-cta .btn.big.primary:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--yellow)}
.pro-panel{background:var(--cream)}
/* .blast-bar + .pro-cta dark CTA banners are styled together lower in this file. */
/* ===== Dashboard Pro upsell card ===== */
.panel.pro-card{padding:0;overflow:hidden;border-color:var(--ink);background:#fff;box-shadow:7px 7px 0 var(--yellow)}
.pc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--yellow);border-bottom:1px solid var(--ink);padding:13px 22px}
.pc-badge{font-family:'Archivo';font-weight:900;letter-spacing:.03em;font-size:15px}
.pc-price{text-align:right;line-height:1.05}
.pc-price b{font-size:23px;font-weight:900}
.pc-price span{display:block;font-size:11px;font-weight:700;color:#6a6a3a}
.pc-title{font-family:'Archivo';font-size:25px;margin:18px 22px 3px;line-height:1.1}
.pc-sub{margin:0 22px 16px;color:#555;font-weight:600;font-size:13.5px}
.pc-feats{list-style:none;margin:0;padding:0 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.pc-feats li{display:flex;gap:9px;align-items:flex-start}
.pc-feats li b{display:block;font-size:13.5px;font-weight:800;line-height:1.2}
.pc-feats li i{display:block;font-style:normal;font-size:12px;color:#666;font-weight:600;line-height:1.35;margin-top:1px}
.pc-ck{flex:none;width:20px;height:20px;border:1px solid var(--ink);border-radius:6px;background:var(--yellow);display:grid;place-items:center;font-weight:900;font-size:12px;margin-top:1px}
.pc-cta{display:block;margin:18px 22px 22px;text-align:center}
@media(max-width:680px){.pc-feats{grid-template-columns:1fr}.pc-title{font-size:21px}}
/* lead finder */
.lead-filters{padding:18px}
.lf-search{display:flex;gap:10px;margin-bottom:14px}
.lf-search input{flex:1;min-width:0;border:1px solid var(--ink);border-radius:11px;padding:14px 16px;font-weight:700;font-size:17px;background:#fff;font-family:inherit}
.lf-search input:focus{outline:none;background:var(--cream)}
.lf-search .btn{flex:none;padding:14px 26px;font-size:16px}
.lf-filters-label{font-family:'Archivo',sans-serif;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8a8a6a;margin:4px 0 9px}
/* /submit — submit-a-channel form */
.submit-form{padding:26px}
.sf-label{font-family:'Archivo',sans-serif;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8a8a6a;margin-bottom:9px;display:block}
.sf-input-wrap{position:relative;display:flex;align-items:center}
.sf-input-ic{position:absolute;left:15px;color:#c2c2c2;display:flex;pointer-events:none}
.sf-input-wrap:focus-within .sf-input-ic{color:var(--ink)}
.sf-input{width:100%;border:1px solid var(--ink);border-radius:13px;padding:15px 16px 15px 46px;font-weight:700;font-size:17px;background:#fff;font-family:inherit}
.sf-input:focus{outline:none;background:var(--cream)}
.sf-platforms{display:flex;flex-wrap:wrap;gap:9px}
.sf-chip{cursor:pointer;user-select:none}
.sf-chip input{position:absolute;opacity:0;width:0;height:0}
.sf-chip span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ink);border-radius:999px;padding:8px 15px;font-weight:800;font-size:13.5px;background:#fff;transition:background .12s,box-shadow .12s}
.sf-chip span svg{width:16px;height:16px}
.sf-chip span:hover{background:var(--cream)}
.sf-chip input:checked + span{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}
.sf-chip input:focus-visible + span{box-shadow:0 0 0 3px rgba(14,14,14,.2)}
.sf-submit{width:100%;margin-top:22px;font-size:16px}
.sf-note{font-weight:600;color:#777;font-size:13px;margin-top:14px;line-height:1.55}
@media(max-width:520px){.lf-search .btn{padding:14px 18px}}
.lf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;align-items:end}
.lf-grid label{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:13px}
.lf-grid select,.lf-grid input{border:1px solid var(--ink);border-radius:9px;padding:9px 11px;font-weight:600;font-size:14px;background:#fff}
.lf-actions{display:flex;align-items:end;gap:8px}
.lf-actions .btn{flex:1;justify-content:center}
.lf-grid label.lf-check{flex-direction:row;align-items:center;gap:9px;font-size:14px;padding-bottom:9px}
.lf-grid label.lf-check input{flex:none;width:20px;height:20px;padding:0;accent-color:var(--ink)}
.lead-value{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.lead-value span{background:#fff;border:1px solid var(--ink);border-radius:10px;padding:7px 12px;font-weight:600;font-size:.86rem;box-shadow:3px 3px 0 var(--ink)}
.lead-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0;font-weight:700}
/* data table (lead finder) */
.table-scroll{overflow-x:auto;border:1px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}
.data-table{width:100%;border-collapse:collapse;font-size:14px}
.data-table th{background:var(--ink);color:var(--yellow);font-family:'Archivo',sans-serif;font-weight:800;text-align:left;padding:12px 14px;white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.data-table th.num,.data-table td.num{text-align:right}
.data-table td{padding:10px 14px;border-top:1px solid var(--ink);white-space:nowrap;font-weight:600;vertical-align:middle}
.data-table tbody tr:hover{background:var(--cream)}
.data-table th:first-child{width:250px}
.t-creator{min-width:230px;max-width:280px}
.t-creator-row{display:flex;align-items:center;gap:8px;min-width:0}
.t-creator a{display:flex;align-items:center;gap:9px;min-width:0}
.t-av{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;background:var(--cream)}
.t-nm{font-weight:800;min-width:0;white-space:normal;overflow-wrap:break-word;line-height:1.2}
.t-handle{display:block;font-weight:600;font-size:11px;color:#777;overflow-wrap:break-word}
.data-table .pill{font-size:11px}
.data-table a.pill{text-decoration:none;color:var(--ink);cursor:pointer}
.pitch-st{display:inline-block;font-weight:800;font-size:11px;padding:2px 9px;border-radius:999px;border:1px solid var(--ink);white-space:nowrap}
.pitch-st.st-open{background:#d9f7e0}
.pitch-st.st-sent{background:#fff}
.pitch-st.st-wait{background:#fff3cd}
.pitch-fit{border:1px solid var(--ink);border-radius:10px;padding:9px 12px;font-weight:600;font-size:13px;line-height:1.4;margin:0 0 12px}
.pitch-fit.good{background:#d9f7e0}
.pitch-fit.warn{background:#fff3cd}
.pitch-offer{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.pitch-offer label{display:flex;flex-direction:column;gap:5px;font-weight:800;font-size:13px}
.pitch-offer .po-deliver{flex:2;min-width:200px}
.pitch-offer .po-rate{flex:1;min-width:120px}
.pitch-offer input,.pitch-offer textarea{width:100%;box-sizing:border-box;border:1px solid var(--ink);border-radius:10px;padding:10px 12px;font-weight:600;font-family:inherit;font-size:14px}
.pitch-offer .opt{font-weight:600;color:#999;font-size:11px}
.pitch-tones{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 2px}
.pitch-tone{border:1px solid var(--ink);border-radius:999px;background:#fff;padding:5px 13px;font-weight:800;font-size:12.5px;font-family:inherit;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}
.pitch-tone:hover{transform:translateY(-1px);box-shadow:2px 2px 0 var(--ink)}
.pitch-tone.on{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}
.po-hint{font-weight:700;color:#777;font-size:11.5px;margin-top:1px}
.po-hint b{color:#444}
.pitch-why{background:#f4f4f7;border:1px solid var(--ink);border-radius:10px;padding:9px 12px;font-weight:600;font-size:13px;line-height:1.45;margin:0 0 12px}
/* sponsor pitch inbox */
.inbox-list{display:flex;flex-direction:column;gap:14px}
.inbox-card{padding:16px 18px}
.ic-top{display:flex;align-items:center;gap:12px}
.ic-av{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--ink)}
.ic-meta{flex:1;min-width:0}
.ic-nm{font-weight:900;font-family:'Archivo',sans-serif;font-size:16px;display:flex;align-items:center;gap:8px}
.ic-nm a{color:var(--ink);text-decoration:none}
.ic-sub{font-size:12.5px;color:#666;font-weight:600;margin-top:2px}
.ic-when{text-align:right;font-size:12px;color:#888;font-weight:700;flex:none}
.ic-offer{margin-top:10px;background:#FFF7CC;border:1px solid var(--ink);border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:600}
.ic-msg{margin-top:10px;font-size:14px;line-height:1.5;color:#1f1f1f}
.ic-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:flex-start}
.ic-reply summary{list-style:none;cursor:pointer}
.ic-reply summary::-webkit-details-marker{display:none}
.ic-reply[open]{flex:1 1 100%}
.verify-snip{background:var(--ink);color:var(--yellow);border-radius:8px;padding:11px 13px;font-family:ui-monospace,Menlo,monospace;font-size:13px;font-weight:700;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0 0 12px}
/* "Also on" — an influencer's other channels (same creator group) */
.also-on{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.also-on-lbl{font-weight:800;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.05em}
.also-chip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--ink);border-radius:999px;padding:4px 11px;font-weight:700;font-size:12.5px;color:var(--ink);text-decoration:none}
.also-chip:hover{background:var(--cream);box-shadow:2px 2px 0 var(--ink)}
.also-chip svg{width:14px;height:14px}
.also-reach{font-weight:700;font-size:12.5px;color:#444}
.also-reach b{font-family:'Archivo',sans-serif}
/* dashboard "Your channels" */
.yc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.yc-card{display:flex;flex-direction:column;gap:12px;border:1px solid var(--ink);border-radius:14px;padding:14px;background:#fff;box-shadow:4px 4px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}
.yc-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.yc-top{display:flex;align-items:center;gap:11px}
.yc-av{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;background:var(--cream);border:1px solid var(--ink)}
.yc-meta{min-width:0;flex:1}
.yc-nm{font-family:'Archivo',sans-serif;font-weight:900;font-size:16px;letter-spacing:-.3px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yc-sub{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#666;font-weight:700;margin-top:2px}
.yc-act{display:flex;flex-wrap:wrap;gap:8px}
.yc-act .btn{flex:1 1 calc(50% - 4px);min-width:0;text-align:center;padding:8px 10px;font-size:13px;font-weight:800}
.yc-connect{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;padding:8px;border:1px solid var(--ink);border-radius:9px;background:#fff;font-weight:800;font-size:12.5px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease}
.yc-connect:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink);background:#fff8f8}
.yt-dot{display:inline-block;width:11px;height:11px;border-radius:3px;background:#FF0000;flex:none;vertical-align:-1px}
/* Verified audience panel (from connected YouTube) */
.ver-panel{border-color:#0a8f3c;box-shadow:6px 6px 0 #c9f0d6}
.ver-badge{background:#eafaef;color:#0a7d2c;border:1px solid #0a8f3c;border-radius:999px;padding:2px 11px;font-weight:900;font-size:11px}
.ver-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:600px){.ver-cols{grid-template-columns:1fr;gap:16px}}
.ver-h{font-family:'Archivo',sans-serif;font-weight:900;font-size:13px;margin-bottom:8px}
.ver-bar{display:flex;align-items:center;gap:9px;margin-bottom:8px;font-size:12.5px;font-weight:700}
.ver-bar-l{flex:none;width:108px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ver-bar-track{flex:1;height:11px;background:#edeee9;border:1px solid var(--ink);border-radius:6px;overflow:hidden}
.ver-bar-fill{display:block;height:100%;background:#0a8f3c}
.ver-bar-v{flex:none;width:42px;text-align:right;color:#0a7d2c;font-weight:900}
.yc-connected{margin-top:8px;text-align:center;font-weight:800;font-size:12px;color:#0a7d2c;background:#eafaef;border:1px solid #0a8f3c;border-radius:9px;padding:7px}
.yc-live{font-size:10px;font-weight:900;color:#FF3B30;vertical-align:1px}
/* auto-fit + a 84px floor: 4 across when there's room, 2 across when there isn't.
A fixed repeat(4,1fr) squeezed each tile to ~50px, too narrow for a single
unbreakable word like "ENGAGEMENT", which then spilled out of the tile. */
.yc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}
.ycs{border:1px solid var(--ink);border-radius:9px;padding:7px 4px;text-align:center;background:#fafaf5;min-width:0}
.ycs b{display:block;font-family:'Archivo',sans-serif;font-weight:900;font-size:14px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* overflow-wrap is the backstop: no label can ever escape its tile. */
.ycs span{display:block;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#999;line-height:1.15;overflow-wrap:anywhere;min-width:0}
.ycs-earn{background:#eafaef;border-color:#0a8f3c}
.ycs-earn b{color:#0a7d2c;font-size:12.5px}
@media(max-width:420px){.yc-stats{grid-template-columns:repeat(2,1fr)}}
/* "+N" same-influencer badge in discovery */
.t-more{display:inline-block;background:var(--yellow);border:1.5px solid var(--ink);border-radius:6px;padding:0 5px;font-size:10.5px;font-weight:900;vertical-align:middle}
/* fixed bottom navigation (mobile only) */
.mobile-tabbar{display:none}
html.pwa-guest .mobile-tabbar{display:none!important} /* signed-out inside the installed app: no bottom menu */
@media(max-width:760px){
.mobile-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:300;background:#fff;box-shadow:0 -2px 14px rgba(14,14,14,.10)}
.mobile-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 2px calc(6px + env(safe-area-inset-bottom));font-size:10px;font-weight:800;color:var(--ink);text-decoration:none;position:relative;min-width:0}
.mobile-tabbar a .tb-ic{font-size:20px;line-height:1;position:relative}
.mobile-tabbar a.on{color:#0E0E0E}
.mobile-tabbar a.on::before{content:"";position:absolute;top:0;left:20%;right:20%;height:3px;background:var(--yellow)}
.tb-badge{position:absolute;top:-5px;left:11px;background:var(--red);color:#fff;font-size:9px;font-weight:900;min-width:15px;height:15px;line-height:15px;text-align:center;border-radius:8px;padding:0 3px}
body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
.su-fab{display:none !important} /* the tab bar already exposes Sign Up */
}
.data-table a.pill:hover{box-shadow:2px 2px 0 var(--ink)}
/* compact "＋ add to list" icon + fixed-positioned popover (used in discovery tables) */
.alp{position:relative;display:inline-flex;flex:none}
.alp-btn{width:24px;height:24px;padding:0;border:1px solid var(--ink);border-radius:50%;background:var(--yellow);color:var(--ink);font-size:17px;line-height:1;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center}
.alp-btn:hover{background:var(--ink);color:#fff}
.alp-menu{width:214px;background:#fff;border:1px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--ink);padding:12px;z-index:300}
.alp-menu .alp-title{font-weight:900;font-size:13px;margin-bottom:8px}
.alp-menu select,.alp-menu input{width:100%;border:1px solid var(--ink);border-radius:8px;padding:7px 9px;font-weight:700;font-size:13px;background:#fff;margin-bottom:8px}
.alp-menu .btn{width:100%}
/* Follow toggle (＋ / ✓) on list views */
.flw-btn{width:24px;height:24px;padding:0;border:1px solid var(--ink);border-radius:50%;background:var(--yellow);color:var(--ink);font-size:15px;line-height:1;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background .15s,color .15s,border-color .15s}
.flw-btn:hover{background:var(--ink);color:#fff}
.flw-btn.on{background:#0a8f3c;border-color:#0a8f3c;color:#fff}
.flw-btn.on:hover{background:#c0392b;border-color:#c0392b}
.card-flw{margin-left:auto;width:22px;height:22px;font-size:14px}
/* account settings page */
.set-wrap{max-width:960px;margin-left:auto;margin-right:auto}
.set-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.set-col{min-width:0}
@media(max-width:760px){.set-cols{grid-template-columns:1fr;gap:0}}
/* redesigned plan & billing card */
.plan-card .plan-top{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.plan-chip{font-family:'Archivo',sans-serif;font-weight:900;font-size:14px;padding:7px 15px;border:1px solid var(--ink);border-radius:999px;background:#fff;flex:none}
.plan-card.is-pro .plan-chip{background:var(--yellow)}
.plan-state{display:flex;flex-direction:column;gap:2px;min-width:0}
.plan-state b{font-family:'Archivo',sans-serif;font-weight:900;font-size:16px;line-height:1.1}
.plan-state i{font-style:normal;font-weight:600;font-size:12.5px;color:#777}
.plan-mini{list-style:none;padding:14px 16px;margin:0 0 16px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--ink);border-radius:12px;background:#FFFDF5}
.plan-mini li{font-weight:700;font-size:13.5px;display:flex;align-items:flex-start;gap:9px;line-height:1.35}
.plan-mini li span{flex:none}
.plan-link{display:block;text-align:center;margin-top:11px;font-weight:800;font-size:12.5px;text-decoration:underline;color:var(--ink)}
.set-card{margin-bottom:18px}
.set-card h2{font-family:Archivo,sans-serif;font-weight:900;font-size:18px;margin:0 0 4px}
.set-desc{color:#666;font-weight:600;font-size:13px;margin:0 0 14px}
.set-form{display:flex;flex-direction:column;gap:13px}
.set-form label{font-weight:800;display:flex;flex-direction:column;gap:6px;font-size:14px}
.set-form .opt{font-weight:600;color:#888;font-size:12px}
.set-form input[type=text],.set-form input[type=email],.set-form input[type=password],.set-form textarea{border:1px solid var(--ink);border-radius:10px;padding:11px 13px;font-weight:600;font-size:15px;font-family:inherit;background:#fff}
.set-form textarea{resize:vertical;min-height:90px;line-height:1.5}
.set-form input:focus,.set-form textarea:focus{outline:none;background:var(--cream)}
.set-hint{font-weight:600;color:#888;font-size:12px}
.set-form .btn{align-self:flex-start}
.set-toggle{flex-direction:row !important;align-items:center;gap:10px;font-weight:700;font-size:14px}
.set-toggle input{width:18px;height:18px;flex:none}
.set-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
/* every form control inherits the site font (Inter), so settings match the rest of the site */
input,select,textarea,button{font-family:inherit}
/* per-notification preferences — card rows with neo-brutalist toggle switches */
.nf-list{margin-top:2px}
.nf-list .nf-group{font-family:'Archivo',sans-serif;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8a8a6a;margin:18px 0 9px}
.nf-list .nf-group:first-child{margin-top:4px}
.nf-list .nf-item{display:flex;flex-direction:row;align-items:center;gap:13px;padding:11px 14px;border:1px solid var(--ink);border-radius:12px;background:#fff;margin-bottom:9px;cursor:pointer;transition:background .12s,box-shadow .12s}
.nf-list .nf-item:hover{background:var(--cream);box-shadow:3px 3px 0 var(--ink)}
.nf-ic{font-size:19px;flex:none;width:25px;text-align:center;line-height:1}
.nf-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.nf-txt b{font-weight:800;font-size:14px;line-height:1.2}
.nf-txt i{font-style:normal;font-weight:600;font-size:12px;color:#777;line-height:1.35}
.nf-switch{position:relative;width:46px;height:26px;flex:none}
.nf-switch input{position:absolute;opacity:0;width:0;height:0;margin:0}
.nf-track{position:absolute;inset:0;background:#e7e7e7;border:1px solid var(--ink);border-radius:999px;transition:background .15s}
.nf-track::before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--ink);border-radius:50%;transition:left .15s}
.nf-switch input:checked + .nf-track{background:var(--yellow)}
.nf-switch input:checked + .nf-track::before{left:21px}
.nf-switch input:focus-visible + .nf-track{box-shadow:0 0 0 3px rgba(14,14,14,.18)}
/* AI-written pitch box: header row with a "generate another" button */
.pitch-msg-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 7px;flex-wrap:wrap}
.pitch-gen{background:var(--yellow);border:1px solid var(--ink);border-radius:999px;padding:5px 12px;font-family:'Archivo',sans-serif;font-weight:800;font-size:12px;cursor:pointer;transition:box-shadow .12s,transform .12s}
.pitch-gen:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(-1px,-1px)}
.pitch-gen:active{box-shadow:none;transform:none}
/* "% match" badge on recommended collabs & sponsors */
.cr-nm .cr-match{display:inline-block;background:var(--yellow);border:1px solid var(--ink);border-radius:999px;padding:1px 9px;font-size:11px;font-weight:900;vertical-align:middle;white-space:nowrap}
/* compact messages widget in the dashboard sidebar */
.msg-meta{min-width:0;display:flex;flex-direction:column;gap:2px}
.msg-list-mini .msg-row{padding:10px 12px;gap:10px;border-bottom-width:1.5px}
.msg-list-mini .msg-av{width:38px;height:38px}
.msg-list-mini .msg-nm{font-size:14px}
.msg-list-mini .msg-prev{font-size:.8rem;max-width:100%}
/* ---------- hero ---------- */
.hero{padding:20px 0 12px;text-align:center}
/* Desktop: the hero fills the viewport down to the ribbon, which then touches the bottom edge.
Header ≈ 70px, ribbon ≈ 53px + 6px margin = 129px reserved. Children space out evenly; their
auto left/right margins stay intact so everything remains horizontally centered. min-height
(not height) means content taller than the viewport simply scrolls, as before. */
@media(min-width:900px){
body.home .hero{min-height:calc(100vh - 125px);display:flex;flex-direction:column;justify-content:flex-start;padding-top:clamp(30px,7vh,80px);padding-bottom:0}
body.home .hero>*{margin-top:0;margin-bottom:0}
}
/* Landing hero, wide screens (>=1000px): ALL copy (headline, subtext, search, stats, trust) lives in one
centered column, and the cut-out creator is anchored to the far bottom-right so she meets the ribbon.
padding-right reserves her lane so nothing runs under her; everything shares one centered axis.
Photo hidden on mobile, where the copy simply stacks and centers full-width. */
.hero-photo{display:none}
@media(min-width:1000px){
body.home .hero{position:relative;max-width:1360px;margin-left:auto;margin-right:auto;padding-right:350px}
body.home .hero .hero-copy{width:100%;text-align:center}
/* The headline spans the FULL hero width (margin-right cancels the reserved photo lane) and centres
on the page — a 60px, two-row banner. It clears the (smaller, bottom-anchored) creator vertically:
the title sits at the top, her hair starts lower down. Font caps at 60px and scales down on narrow
desktops so "…UGC Deals" always stays on one line (the
keeps "for Influencers" on row 2). */
body.home .hero .hero-copy h1{margin-right:-350px;font-size:clamp(38px,5.2vw,60px)}
/* bottom:-4px tucks the very bottom of the cut-out a few px behind the (opaque) ribbon so no
sliver of background can show between her and it — the ribbon is a later sibling, so it paints on top. */
body.home .hero-photo{display:block;position:absolute;right:0;bottom:-4px;width:min(340px,28vw);line-height:0}
body.home .hero-photo img{width:100%;height:auto;display:block}
}
.hero h1{font-weight:900;font-size:clamp(34px,4.8vw,58px);line-height:.98;letter-spacing:-1.5px}
.hero h1 .hl{background:var(--ink);color:var(--yellow);padding:0 12px;border-radius:10px;display:inline-block;transform:rotate(-1.5deg)}
.hero p{font-size:clamp(15px,1.8vw,18px);font-weight:500;max-width:640px;margin:18px auto 0}
/* One capsule, not two boxes: the input and button used to each carry a 3px
border, so they met in a 6px double-thick seam. The border now lives on the
form, the input is transparent inside it, and the button is a nested pill. */
.hero-search{max-width:760px;width:100%;margin:clamp(24px,4vh,42px) auto 0;display:flex;align-items:center;
background:#fff;border:1px solid var(--ink);border-radius:16px;padding:7px 7px 7px 20px;box-shadow:5px 5px 0 var(--ink);
transition:background .15s ease}
/* Focus lands on the whole capsule, so the ring frames the control the user is
actually typing into (and survives the site-wide no-box-shadow rule). */
.hero-search:focus-within{background:#fffdf2;outline:3px solid var(--yellow-deep);outline-offset:2px}
.hs-ic{display:flex;flex:none;align-items:center;color:#9a9a7a;margin-right:10px;transition:color .15s ease}
.hero-search:focus-within .hs-ic{color:var(--ink)}
.hero-search input{
flex:1;min-width:0;border:none;outline:none;background:transparent;
padding:17px 0;font-family:inherit;font-size:19px;font-weight:600;color:var(--ink);
}
.hero-search input::placeholder{color:#a3a383;font-weight:500}
.hero-search button{
flex:none;border:1px solid var(--ink);background:var(--ink);color:var(--yellow);
padding:15px 30px;font-family:'Archivo',sans-serif;font-weight:900;font-size:16px;letter-spacing:.01em;
border-radius:11px;cursor:pointer;transition:background .12s ease,color .12s ease;
}
.hero-search button:hover{background:var(--yellow);color:var(--ink)}
@media(max-width:480px){
.hero-search{padding:6px 6px 6px 12px}
.hero-search .hs-ic{margin-right:7px}
.hero-search input{font-size:16px} /* 16px+ stops iOS zooming on focus */
.hero-search button{padding:11px 12px;font-size:13px} /* tighter so the placeholder isn't clipped */
}
.stat-strip{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.2vh,24px);margin-top:clamp(26px,4.6vh,48px)}
/* Tier 1: the three headline marketplace pills (bold, filled). Tier 2: a lightened, LABELLED band of
the top platforms + a "+N more" link — trimmed from the old 14-pill wall so the hero breathes. */
.stat-main{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.stat-plats-wrap{display:flex;flex-direction:column;align-items:center;gap:9px}
.stat-plats-lead{font-family:'Inter',Arial,sans-serif;font-size:11px;font-weight:800;text-transform:uppercase;
letter-spacing:.12em;color:#7c7c48}
.stat-plats{display:flex;gap:7px 6px;justify-content:center;flex-wrap:wrap;max-width:1000px}
/* Trust / coverage line beneath the platform pills — reinforces "legit, safe, real data". */
.stat-trust{margin-top:6px;font-family:'Inter',Arial,sans-serif;font-size:12.5px;font-weight:600;color:#3a3a1e;text-align:center;max-width:660px;line-height:1.9;padding:0 8px}
.stat-strip .chip{
display:inline-flex;align-items:center;gap:8px;
background:var(--paper);border:1px solid var(--ink);border-radius:999px;
padding:9px 18px;font-size:14px;font-weight:700;color:#3a3a3a;line-height:1;
box-shadow:3px 3px 0 var(--ink);
}
.stat-strip .chip b{font-family:'Archivo';font-weight:900;font-size:18px;color:var(--ink);letter-spacing:-.4px}
.stat-strip .chip svg,.stat-strip .chip img{width:18px;height:18px;flex:none;display:block}
.stat-strip a.chip-link{cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}
.stat-strip a.chip-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink);background:var(--cream)}
.stat-strip a.chip-link:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}
/* headline total — filled so the marketplace size leads the row */
.stat-strip .chip-total{background:var(--ink);border-color:var(--ink);color:var(--yellow);padding:11px 22px;font-size:15px}
.stat-strip .chip-total b{font-size:21px}
.stat-strip .chip-brands b{color:var(--yellow)}
/* platform pills — compact so the whole strip fits above the fold */
.stat-strip .chip-sm{padding:5px 10px;font-size:11px;gap:5px;border-width:1px;box-shadow:2px 2px 0 var(--ink)}
.stat-strip .chip-sm b{font-size:12.5px;letter-spacing:-.2px}
.stat-strip .chip-sm svg,.stat-strip .chip-sm img{width:13px;height:13px}
/* "+N more" — a quieter, dashed pill so it reads as "see all", not another platform. */
.stat-strip .chip-more{background:transparent;border:1.5px dashed var(--ink);box-shadow:none;color:var(--ink);font-weight:800}
.stat-strip a.chip-more:hover{background:var(--ink);color:var(--yellow);border-style:solid}
/* Phones: show EVERY platform pill (the strip wraps) — just render them extra-compact so the
full set of platforms stays visible without pushing the creator ribbon too far down. */
@media(max-width:480px){
.stat-strip{margin-top:18px;gap:12px}
.stat-strip .chip-total{padding:9px 16px;font-size:13.5px}
.stat-strip .chip-total b{font-size:17px}
.stat-strip .chip-sm{padding:6px 10px;font-size:10.5px;box-shadow:1.5px 1.5px 0 var(--ink)}
.stat-strip .chip-sm b{font-size:12px}
.stat-strip .chip-sm svg,.stat-strip .chip-sm img{width:12px;height:12px}
}
.stat-strip .chip-total b{color:#fff}
/* Keep the black pills dark on hover (the generic a.chip-link:hover turns cream, which left yellow
text on a cream bg — unreadable). `a.chip-total` matches that specificity and comes later, so wins. */
.stat-strip a.chip-total:hover{background:#1c1c1c;color:var(--yellow)}
.stat-strip a.chip-total:hover b{color:var(--yellow)}
/* landing hero photo — rotating creator cut-outs (crossfade every 1s).
The first cut-out stays in normal flow so it defines the box height; the other two overlay it,
bottom-anchored, and cross-fade in/out. */
.hero-photo .horo-img{display:block;width:100%;height:auto;opacity:0;transform:translateY(10px) scale(.985);transition:opacity .7s ease,transform .7s ease;will-change:opacity,transform}
.hero-photo .horo-img:first-child{position:relative}
.hero-photo .horo-img:not(:first-child){position:absolute;bottom:0;right:-90px;max-width:none}
.hero-photo .horo-img:nth-child(2){width:128%}
.hero-photo .horo-img:nth-child(3){width:128%}
/* wide screens: grow the 3rd image with the viewport (as big as fits — always clears the pills, never clips the right edge) */
@media(min-width:1360px){.hero-photo .horo-img:nth-child(3){width:clamp(460px,calc(50vw - 216px),640px);right:calc(558px - 50vw)}}
.hero-photo .horo-img.horo-on{opacity:1;transform:none}
/* ---------- job board ---------- */
.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.job-card{position:relative;display:flex;flex-direction:column;gap:11px;border:1px solid var(--ink);border-radius:14px;background:#fff;box-shadow:4px 4px 0 var(--ink);padding:16px;text-decoration:none;color:var(--ink);transition:transform .1s,box-shadow .1s}
.job-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);background:var(--cream)}
.job-boosted{border-color:#c0392b;box-shadow:4px 4px 0 #c0392b}
.job-boost-badge{position:absolute;top:-10px;right:12px;background:#c0392b;color:#fff;font-size:11px;font-weight:900;border-radius:99px;padding:3px 10px;letter-spacing:.02em}
.job-card-top{display:flex;align-items:center;gap:11px;min-width:0}
.job-brand-logo{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid var(--ink);flex:none;background:#fff}
.job-card-id{min-width:0}
.job-title{font-family:'Archivo',sans-serif;font-weight:900;font-size:16px;line-height:1.2;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.job-brand{font-size:12.5px;font-weight:700;color:#6b6b55;margin-top:2px}
.job-tags{display:flex;flex-wrap:wrap;gap:6px}
.job-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;border:1px solid var(--ink);border-radius:8px;padding:3px 8px;background:var(--cream)}
.job-tag.jt-type{background:var(--yellow)}
.job-tag.jt-budget{background:#d9f7e0;border-color:#0a8f3c;color:#0a6b2e}
.job-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:4px}
.job-apply-cta{font-family:'Archivo',sans-serif;font-weight:900;font-size:14px;color:#1c6fe0}
.job-meta{font-size:11.5px;font-weight:600;color:#9a9476}
.job-detail .job-desc{white-space:pre-line;font-size:15px;line-height:1.6;color:#222;margin-top:6px}
.job-apply-box{margin-top:18px;border:1.5px dashed var(--ink);border-radius:12px;padding:18px;background:#fffdf5}
.inp{width:100%;border:1px solid var(--ink);border-radius:9px;padding:9px 11px;font:inherit;font-size:14px;background:#fff;margin-bottom:4px}
.form-label{display:block;font-size:12px;font-weight:800;color:#5c5c48;margin:8px 0 3px;text-transform:uppercase;letter-spacing:.03em}
.job-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.job-post-details summary{cursor:pointer;list-style:none}.job-post-details summary::-webkit-details-marker{display:none}
.job-form{border:1px solid #e6e2cf;border-radius:12px;padding:14px 16px;background:#fffdf5;margin-bottom:14px}
.job-manage{border:1px solid var(--ink);border-radius:12px;background:#fff;box-shadow:2px 2px 0 var(--ink);padding:13px 15px;margin-bottom:11px}
.jm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.jm-title{font-family:'Archivo',sans-serif;font-weight:900;font-size:15px}.jm-title a{color:inherit;text-decoration:none}
.jm-sub{display:block;font-size:12px;font-weight:600;color:#6b6b55;margin-top:4px}
.jm-act{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.btn-sm{padding:5px 10px;font-size:12px;border-radius:8px}
.jm-apps{margin-top:12px;border-top:1px solid #eee;padding-top:10px;display:flex;flex-direction:column;gap:9px}
.jm-app{display:flex;align-items:center;gap:11px}
.jm-app-av{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--ink)}
.jm-app-id{flex:1;min-width:0}
.jm-app-nm{font-weight:800;font-size:13.5px}.jm-app-nm a{color:inherit}
.jm-app-sub{font-weight:600;color:#8a8a6a;font-size:11.5px}
.jm-app-msg{font-size:12.5px;color:#555;line-height:1.4;margin-top:2px}
.jm-app-rate{font-size:12px;color:#0a6b2e;margin-top:2px}
.jm-app-act{display:flex;gap:5px;align-items:center;flex:none}
.boost-pkgs,.boost-places{display:flex;flex-direction:column;gap:8px}
.boost-pkg,.boost-place{display:flex;align-items:center;gap:8px;border:1px solid var(--ink);border-radius:10px;padding:10px 12px;cursor:pointer;font-size:14px;background:#fff}
.boost-pkg:hover,.boost-place:hover{background:var(--cream)}
.boost-pkg span,.boost-place small{color:#6b6b55;font-weight:600}
.boost-price-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:13.5px}
.boost-total b{font-family:'Archivo',sans-serif;font-size:20px}
/* boost-job: selectable surface options (landing / search / email) */
.boost-opts{display:flex;flex-direction:column;gap:10px}
.boost-opt{display:flex;align-items:flex-start;gap:11px;border:1px solid var(--ink);border-radius:12px;padding:13px 14px;cursor:pointer;background:#fff;transition:background .12s}
.boost-opt:hover{background:#fffdf3}
.boost-opt:has(input:checked){background:#FFF3B8;box-shadow:inset 0 0 0 2px var(--ink)}
.boost-opt:has(input:disabled){opacity:.5;cursor:not-allowed;background:#f4f4ef}
.boost-opt input{margin-top:3px;accent-color:#0E0E0E;flex:none}
.bo-body{display:flex;flex-direction:column;gap:3px}
.bo-title{font-weight:800;font-size:14.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bo-price{font-family:'Archivo',sans-serif;font-weight:700;font-size:13px;color:#0a6b2e;background:#e3f7e8;border-radius:6px;padding:1px 7px}
.bo-desc{font-size:12.5px;color:#6b6b55;line-height:1.35}
.boost-tiers{margin-top:10px;font-size:12.5px;color:#6b6b55}
.boost-tiers summary{cursor:pointer;font-weight:700;color:var(--ink)}
.boost-tiers ul{list-style:none;margin:10px 0 6px;padding:0;border:1px solid #e6e3d4;border-radius:10px;overflow:hidden}
.boost-tiers li{display:flex;justify-content:space-between;padding:7px 12px;border-bottom:1px solid #f0eee2}
.boost-tiers li:last-child{border-bottom:0}
.boost-tiers li b{font-family:'Archivo',sans-serif}
@media(max-width:520px){.job-form-row{grid-template-columns:1fr}.jm-head{flex-direction:column}}
/* ---------- section headings ---------- */
.section{margin:46px 0}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}
.section-head h2{font-weight:900;font-size:clamp(22px,3vw,32px);letter-spacing:-.5px}
.section-head h2 .em{background:var(--ink);color:var(--yellow);padding:0 8px;border-radius:6px}
.see-all{font-weight:800;border:1px solid var(--ink);background:#fff;padding:7px 14px;border-radius:9px;box-shadow:var(--shadow-sm)}
.see-all:hover{background:var(--ink);color:var(--yellow)}
/* ---------- creator grid / cards ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
/* Featured Influencers (paid boosts): a small, members-only "Boost your listing" CTA on the left +
a grid of rich profile cards that auto-size — ONE boost fills the row and renders as a wide premium
card; MORE boosts pack tighter and each shrinks. No dead space at any count. */
.boosted-shell{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.boosted-cta{flex:0 0 clamp(230px,24%,290px);align-self:stretch;display:flex;flex-direction:column;gap:8px;
background:var(--ink);border:1px solid var(--ink);border-radius:16px;padding:20px;text-decoration:none;transition:transform .12s ease}
.boosted-cta:hover{transform:translate(-3px,-3px)}
.bcc-badge{align-self:flex-start;background:var(--yellow);color:var(--ink);font-family:'Archivo',sans-serif;font-weight:900;font-size:12px;letter-spacing:.02em;padding:5px 12px;border-radius:999px;border:1px solid var(--ink)}
.bcc-mini-title{font-family:'Archivo',sans-serif;font-weight:900;font-size:20px;color:#fff;line-height:1.1;margin-top:2px}
.bcc-mini-sub{font-size:12.5px;color:#cfcfc2;font-weight:600;line-height:1.5}
.bcc-mini-btn{align-self:flex-start;margin-top:6px;background:var(--yellow);color:var(--ink);font-family:'Archivo',sans-serif;font-weight:900;font-size:13px;padding:9px 16px;border-radius:10px;border:1px solid var(--ink)}
.boosted-main{flex:1 1 300px;min-width:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.bf-cell{container-type:inline-size;min-width:0}
.bf-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--ink);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .12s ease}
.bf-card:hover{transform:translate(-3px,-3px)}
.bf-media{display:flex;justify-content:center;padding:20px 20px 0;text-decoration:none}
.bf-av{width:104px;height:104px;border-radius:50%;border:2px solid var(--ink);object-fit:cover;background:#eee;flex:none}
.bf-body{display:flex;flex-direction:column;gap:7px;padding:14px 20px 20px;flex:1;text-align:center;align-items:center}
.bf-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.bf-badge{display:inline-flex;align-items:center;gap:4px;font-family:'Archivo',sans-serif;font-weight:900;font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid var(--ink)}
.bf-badge.plat{background:#fff}
.bf-badge.boost{background:var(--yellow)}
.bf-name{font-family:'Archivo',sans-serif;font-weight:900;font-size:19px;line-height:1.15;color:inherit;text-decoration:none}
.bf-name:hover{text-decoration:underline}
.bf-handle{color:#8a8a8a;font-size:12.5px;font-weight:600;word-break:break-word}
.bf-cat{background:#FFF3B0;border:1px solid var(--ink);border-radius:999px;padding:3px 11px;font-size:11px;font-weight:800}
.bf-bio{font-size:13px;color:#555;font-weight:500;line-height:1.5;margin:2px 0}
.bf-stats{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding-top:8px}
.bf-stat{display:flex;flex-direction:column;gap:1px}
.bf-stat b{font-family:'Archivo',sans-serif;font-weight:900;font-size:19px}
.bf-stat span{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.03em;font-weight:800}
.bf-gallery{display:flex;gap:6px;flex-wrap:nowrap;overflow:hidden;justify-content:center;margin-top:8px;text-decoration:none}
.bf-gallery img{width:54px;height:54px;border-radius:9px;object-fit:cover;border:1px solid var(--ink);background:#eee}
.bf-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:auto;padding-top:14px}
.bf-cta-btn{background:var(--ink);color:var(--yellow);font-family:'Archivo',sans-serif;font-weight:900;font-size:13px;padding:10px 20px;border-radius:10px;text-decoration:none;white-space:nowrap}
.bf-ext-btn{background:#fff;color:var(--ink);border:1px solid var(--ink);font-family:'Archivo',sans-serif;font-weight:800;font-size:12.5px;padding:9px 16px;border-radius:10px;text-decoration:none;white-space:nowrap}
.bf-ext-btn:hover{background:var(--yellow)}
/* Wide container (single / few boosts) → premium horizontal layout: big avatar left, details right. */
@container (min-width:470px){
.bf-card{flex-direction:row;align-items:flex-start}
.bf-media{padding:24px;flex:0 0 auto}
.bf-av{width:150px;height:150px}
.bf-body{text-align:left;align-items:flex-start;padding:24px 26px 24px 4px;gap:9px}
.bf-badges{justify-content:flex-start}
.bf-name{font-size:25px}
.bf-bio{max-width:660px}
.bf-stats{justify-content:flex-start;margin-top:6px;gap:28px}
.bf-gallery{justify-content:flex-start}
.bf-gallery img{width:62px;height:62px}
.bf-actions{justify-content:center;flex-wrap:wrap}
}
@media(max-width:600px){.boosted-cta{flex-basis:100%}.bf-av{width:88px;height:88px}}
/* Boost analytics section (shared: admin + user dashboards) */
.boost-an-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px;margin:4px 0 16px}
.ba-kpi{border:1px solid var(--ink);border-radius:12px;padding:11px 13px;background:#FFFDF5;box-shadow:3px 3px 0 var(--ink)}
.ba-k{font-size:11px;font-weight:800;color:#777;text-transform:uppercase;letter-spacing:.03em}
.ba-v{font-family:'Archivo',sans-serif;font-weight:900;font-size:22px;color:var(--ink);line-height:1.15}
.ba-of{font-size:13px;color:#999;font-weight:700;margin-left:3px}
/* Pro boost discount: struck "was" price + the perk banner on /boost */
.bpk-was{text-decoration:line-through;color:#a3a383;font-weight:700;font-size:.62em;margin-right:5px;vertical-align:middle}
.boost-pro-note{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px 14px;border:1px solid var(--ink);border-radius:12px;font-weight:700;font-size:13px;background:#FFF7CC;color:var(--ink);text-decoration:none}
.boost-pro-note.is-pro{background:#d9f7e0}
.boost-pro-note.upsell:hover{background:var(--yellow)}
.boost-pro-note .cw{font-size:15px;flex:none}
/* Boost analytics — expandable per-campaign detail (placement breakdown, pacing, trend) */
.boost-an-table .ba-row{cursor:pointer}
.boost-an-table .ba-row:hover{background:#fffdf3}
.ba-exp{display:inline-block;font-size:11px;color:#888;width:14px}
.ba-detail>td{background:#fcfcf7;padding:14px 16px}
.ba-dwrap{display:flex;flex-wrap:wrap;gap:22px}
.ba-dcol{flex:1 1 240px;min-width:0}
.ba-dh{font-size:11px;font-weight:800;color:#666;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px}
.ba-surf{width:100%;border-collapse:collapse;font-size:12.5px}
.ba-surf th{text-align:left;font-size:10px;color:#999;text-transform:uppercase;font-weight:800;padding:2px 6px;border-bottom:1px solid #e6e6d8}
.ba-surf td{padding:5px 6px;border-bottom:1px solid #f0f0e6;font-weight:700}
.ba-surf td.num,.ba-surf th.num{text-align:right;font-variant-numeric:tabular-nums}
.ba-surf tr.off{color:#b8b8a8}
.ba-mini{display:flex;flex-wrap:wrap;gap:8px}
.ba-m{border:1px solid #e6e6d8;border-radius:9px;padding:7px 11px;background:#fff;min-width:74px}
.ba-m b{display:block;font-family:'Archivo',sans-serif;font-weight:900;font-size:16px;line-height:1.1}
.ba-m span{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.02em;font-weight:700}
.ba-sparkwrap{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ba-sl{font-size:10px;font-weight:800;color:#999;width:42px;text-transform:uppercase}
.ba-spark{border-bottom:1px solid #eee}
/* Boost analytics — date-range filter */
.ba-datefilter{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.ba-df-lbl{font-weight:800;font-size:12px;color:#666;margin-right:4px}
.ba-df{border:1px solid var(--ink);background:#fff;border-radius:8px;padding:5px 11px;font-weight:700;font-size:12.5px;font-family:inherit;cursor:pointer;color:var(--ink)}
.ba-df:hover{background:#fffdf3}
.ba-df.on{background:var(--yellow,#FFE000);border-color:var(--ink)}
.ba-df-c{display:inline-flex;align-items:center;gap:5px;margin-left:6px}
.ba-df-c input[type=date]{border:1px solid #ccc;border-radius:7px;padding:4px 7px;font-family:inherit;font-size:12px}
/* All card grids: exactly 2 columns on phones */
@media(max-width:600px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-avatar{width:64px;height:64px}
/* Landing: on the 2-col mobile grid, drop a lone trailing card so a section never leaves a
half-empty row. Guarded (:nth-child(n+3)) so a 1-item section is never blanked out.
Excludes .grid-keep — the PAID Boost grid must never hide an advertiser's placement. */
body.home .grid:not(.grid-keep)>*:nth-child(n+3):last-child:nth-child(odd){display:none}}
/* ---- Rising Stars ---- */
.rise-badge{margin-left:auto;display:inline-flex;align-items:center;gap:3px;font-family:'Archivo',sans-serif;font-weight:900;font-size:10px;line-height:1;padding:3px 8px;border-radius:99px;background:#ff5a1f;color:#fff;white-space:nowrap;letter-spacing:.01em}
/* Landing strip: show 15 on desktop (clean 3×5), all 16 on the 2-col mobile grid. */
@media(min-width:601px){.rising-grid>*:nth-child(16){display:none}}
/* Hotter, ranked treatment for the fastest-growers (scoped to the rising grid only). */
.rising-grid{counter-reset:rrank}
.rising-grid .card{counter-increment:rrank;background:linear-gradient(178deg,#fff6ec 0%,var(--paper) 44%)}
.rising-grid .card::before{
content:counter(rrank);position:absolute;top:0;left:0;z-index:3;
width:20px;height:22px;display:flex;align-items:center;justify-content:center;
font-family:'Archivo',sans-serif;font-weight:900;font-size:11px;color:#fff;
background:var(--ink);border-bottom-right-radius:11px;border-top-left-radius:var(--radius)}
.rising-grid .card:nth-child(-n+3)::before{background:#ff5a1f} /* podium in flame orange */
.rising-grid .card-top .pill{margin-left:7px} /* small nudge to clear the 20px rank tab without pushing the ＋ follow button off the narrow card */
.rising-grid .rise-badge{font-size:10.5px;padding:4px 9px;box-shadow:2px 2px 0 var(--ink)}
.rising-grid .card:hover{box-shadow:9px 9px 0 #ff5a1f}
.section-sub{font-weight:600;color:#555;font-size:14px;max-width:700px;margin:2px 0 16px;line-height:1.5}
.rising-h1{margin:0;font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(26px,4vw,38px);letter-spacing:-.5px}
.rising-pager{display:flex;justify-content:center;gap:12px;margin-top:24px}
/* ---- Programmatic SEO list pages (/best) ---- */
.best-h1{margin:0;font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(24px,3.4vw,36px);letter-spacing:-.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.best-crumbs{font-weight:700;font-size:12.5px;color:#8a8a6a;margin-bottom:6px}
.best-crumbs a{color:#8a8a6a;text-decoration:underline}
.best-hub{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
.best-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ink);border-radius:11px;box-shadow:2px 2px 0 var(--ink);padding:9px 14px;font-family:'Archivo',sans-serif;font-weight:800;font-size:14px;color:var(--ink);transition:transform .06s ease,box-shadow .06s ease}
.best-chip:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink);background:var(--cream)}
.best-chip span{font-size:11px;font-weight:900;color:#8a8a6a}
.best-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:24px 0 8px}
.best-links{margin-top:26px}
.best-links-h{font-family:'Archivo',sans-serif;font-weight:900;font-size:16px;margin:0 0 10px}
.best-linkrow{display:flex;flex-wrap:wrap;gap:8px}
.best-pill{display:inline-flex;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--ink);border-radius:99px;box-shadow:2px 2px 0 var(--ink);padding:6px 12px;font-weight:800;font-size:12.5px;color:var(--ink)}
.best-pill:hover{background:var(--cream)}
.best-pill span{font-size:10.5px;font-weight:900;color:#8a8a6a}
/* ---- ⚡ Instant Book ---- */
.instant-badge{margin-left:auto;display:inline-flex;align-items:center;gap:3px;font-family:'Archivo',sans-serif;font-weight:900;font-size:10px;line-height:1;padding:3px 8px;border-radius:99px;background:var(--ink);color:var(--yellow);white-space:nowrap}
.hdr-badge.hb-instant{background:var(--ink);color:var(--yellow);border-color:var(--ink)}
.hdr-badge.hb-rising{background:#ff5a1f;color:#fff;border-color:var(--ink);font-weight:900}
.ib-on{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ib-on-tx{flex:1;min-width:220px}
.ib-title{margin:0;font-family:'Archivo',sans-serif;font-weight:900;font-size:26px;letter-spacing:-.5px;line-height:1.05}
.ib-state{background:#0a8f3c;color:#fff;font-size:12px;font-weight:900;padding:2px 9px;border-radius:99px;vertical-align:middle;margin-left:4px}
.ib-disable{flex:none;border-color:#c00;color:#c00}
.ib-disable:hover{background:#c00;color:#fff}
/* Instant Book sell card — centred header to match the Verified / Boost cards above it. */
.ib-sell{text-align:center}
.ib-mark{width:54px;height:54px;border-radius:15px;background:var(--yellow);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);display:grid;place-items:center;font-size:28px;line-height:1;margin:0 auto 12px}
.ib-sell .ib-title{font-size:24px}
.ib-lead{font-weight:600;color:#555;font-size:14.5px;line-height:1.55;margin:10px auto 18px;max-width:420px}
.ib-feats{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:12px;text-align:left}
.ib-feats li{display:flex;gap:12px;align-items:center;font-weight:700;font-size:14px;color:var(--ink);line-height:1.4}
.ib-fic{flex:none;width:32px;height:32px;border-radius:9px;background:var(--cream);border:1px solid var(--ink);display:grid;place-items:center;font-size:15px;line-height:1}
.ib-cta{width:100%;justify-content:center}
.card{
background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);
padding:16px;text-align:center;box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s;
position:relative;overflow:hidden;
}
.card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}
.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;
background:var(--cream);border:1px solid var(--ink);border-radius:999px;padding:3px 9px}
.platform-youtube .pill{background:#ffe1e1}
.platform-twitch .pill{background:#ece2ff}
.pill svg{width:14px;height:14px}
.platform-youtube .pill svg{color:var(--ytred)}
.platform-twitch .pill svg{color:var(--purple)}
.live-dot{font-size:10px;font-weight:900;color:#fff;background:var(--red);border:1px solid var(--ink);
border-radius:999px;padding:2px 8px;animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.55}}
.card-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;margin:4px auto 12px;background:var(--cream)}
.card.featured{border-color:#caa400;box-shadow:5px 5px 0 #caa400}
.featured-badge{margin-left:auto;background:var(--yellow);border:1px solid var(--ink);border-radius:20px;font-size:10.5px;font-weight:800;padding:2px 8px;white-space:nowrap}
.panel.featured-panel{border-color:#caa400;box-shadow:5px 5px 0 #caa400;background:#fffdf0}
.panel.pro-upsell{border-color:#caa400;box-shadow:5px 5px 0 #caa400;background:#fffdf0}
.pro-benefits{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
@media(max-width:680px){.pro-benefits{grid-template-columns:1fr}}
.pro-benefits li{font-size:13.5px;font-weight:600;color:#333;line-height:1.4;padding-left:2px}
.pro-benefits .pb-free{color:#999;font-weight:600;font-size:12px}
/* Dashboard card grid (deals, listings, watchlist) */
.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:14px}
.dcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border:1px solid var(--ink);border-radius:14px;background:#fff;box-shadow:4px 4px 0 var(--ink);padding:16px 14px;text-decoration:none;color:inherit;transition:transform .08s,box-shadow .08s}
a.dcard:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.dcard.todo{border-color:#caa400;box-shadow:4px 4px 0 #caa400;background:#fffdf0}
.dcard-ic{font-size:24px;line-height:1}
.dcard-av{width:62px;height:62px;border-radius:50%;object-fit:cover;background:var(--cream)}
.dcard-title{font-weight:800;font-size:15px;line-height:1.25;word-break:break-word}
.dcard-sub{font-size:12.5px;color:#777;font-weight:600}
.dcard-foot{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding-top:8px;width:100%}
.dcard-meta{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;width:100%;margin-top:6px;font-size:11.5px;font-weight:700;color:#8a8a6a}
.dcard-seen{color:#0a8f3c}
.dcard-unseen{color:#b98900}
.dcard-amt{font-weight:800;font-size:15px}
.wcard-head{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:inherit}
/* Pro upgrade hero */
.panel.pro-hero{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:6px 6px 0 var(--yellow)}
.pro-hero-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.pro-hero-badge{display:inline-block;background:var(--yellow);color:var(--ink);font-weight:900;font-size:11.5px;letter-spacing:.1em;padding:4px 12px;border-radius:20px}
.pro-hero-title{font-size:25px;margin:11px 0 0;color:#fff;line-height:1.12;max-width:540px}
.pro-hero-price{flex:none;display:flex;flex-direction:column;align-items:flex-end}
.pro-hero-price .php-amt{font-size:30px;font-weight:900;color:var(--yellow);line-height:1}
.pro-hero-price .php-cap{font-size:11px;color:#bbb;font-weight:600;margin-top:3px}
.pro-hero .pro-benefits li{color:#eaeaea}
.pro-hero .pro-benefits li b{color:#fff}
.pro-hero .pro-benefits .pb-free{color:#8f8f8f}
.pro-hero-cta{margin:2px auto 0;display:block;width:fit-content;background:var(--yellow);color:var(--ink);border-color:var(--ink)}
@media(max-width:680px){.pro-hero-title{font-size:21px}.pro-hero-head{margin-bottom:14px}}
.card-name{font-family:'Archivo';font-weight:700;font-size:16px;line-height:1.2}
.verified{color:#1a8cff}
.card-handle{font-size:12px;font-weight:600;color:#555;margin-top:2px}
.card-stat{margin-top:12px;padding-top:12px;border-top:1px dashed var(--ink)}
.card-stat .big{font-family:'Archivo';font-weight:900;font-size:22px;display:block}
.card-stat .lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#555}
.card-stat .rate-star{color:#F0A500;font-size:.72em;margin-left:2px;vertical-align:1px}
.card-rise{margin-top:10px;text-align:center}
.card-rise .rise-badge{margin-left:0} /* override the flex-row auto-margin now that it sits under the followers */
/* ---------- rank list ---------- */
.ranklist{background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.rank-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--ink)}
.rank-row:last-child{border-bottom:none}
.rank-item{border-bottom:1px solid var(--ink)}
.rank-item:last-child{border-bottom:none}
.rank-item>.rank-row{border-bottom:none;cursor:pointer;list-style:none}
.rank-item>.rank-row::-webkit-details-marker{display:none}
.rank-item>.rank-row::before{content:"▸";font-weight:900;color:#aaa;margin-right:-4px}
.rank-item[open]>.rank-row{background:var(--cream)}
.rank-item[open]>.rank-row::before{content:"▾";color:var(--ink)}
.rank-watchers{display:flex;flex-direction:column;gap:6px;padding:8px 16px 12px 48px;background:var(--cream);font-size:12.5px;font-weight:600}
.rank-watchers .rw{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.rank-watchers .rw-u{min-width:0;overflow:hidden;text-overflow:ellipsis}
.rank-watchers .rw-t{color:#999;white-space:nowrap;flex:none}
.rank-watchers .rw-listing{font-weight:800;color:#5a5a3a;margin-bottom:2px;text-decoration:underline}
/* ===== Refer & earn (dashboard) ===== */
.refer-panel{background:linear-gradient(180deg,#fff,#fbfff8)}
.refer-lbl{display:block;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#8a8a6a;margin-bottom:5px}
.refer-link{display:flex;gap:8px;margin-bottom:14px}
.refer-link input{flex:1;min-width:0;border:1px solid var(--ink);border-radius:10px;padding:10px 12px;font-weight:700;font-size:12.5px;background:#fff;font-family:inherit}
.refer-link .btn{flex:none;padding:8px 16px;white-space:nowrap}
.refer-stats{display:flex;gap:8px}
.rs-tile{flex:1;min-width:0;border:1px solid var(--ink);border-radius:11px;padding:9px 6px;text-align:center;background:#fafaf5}
.rs-tile b{display:block;font-family:'Archivo',sans-serif;font-weight:900;font-size:18px;line-height:1.05;color:var(--ink)}
.rs-tile span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#999}
.rs-earn{background:#eafaef;border-color:#0a8f3c}
.rs-earn b{color:#0a7d2c}
/* ===== Admin: collab recommendations match flow ===== */
.cr-match{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cr-chan{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--ink);font-weight:700}
.cr-chan img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid var(--ink);flex:none;background:var(--cream)}
.cr-chan span{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.cr-chan span small{font-weight:600;font-size:10.5px;color:#999;white-space:nowrap}
.cr-chan:hover span{text-decoration:underline}
.cr-chan-none{color:#bbb;font-weight:600}
.cr-arrow{font-size:15px;flex:none}
.cr-chan-rec img{border-color:#0a8f3c}
/* ===== UGC pricing editor ===== */
.ugc-form{display:flex;flex-direction:column}
.ugc-legend{background:#fffdf0;border:1px solid var(--ink);border-radius:10px;padding:9px 13px;font-size:12.5px;font-weight:600;line-height:1.5;color:#444;margin-bottom:12px}
.ugc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:14px}
@media(max-width:520px){.ugc-cards{grid-template-columns:1fr}}
.ugc-card{border:1px solid var(--ink);border-radius:14px;padding:16px;background:#fff;box-shadow:4px 4px 0 var(--ink)}
.ugc-card.off{opacity:.62;background:#fafaf7}
.ugc-card-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.ugc-card-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--ink);background:var(--cream)}
.ugc-card-meta{flex:1;min-width:0}
.ugc-card-nm{font-family:'Archivo',sans-serif;font-weight:900;font-size:16px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ugc-card-sub{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#666;font-weight:700;margin-top:1px}
.ugc-card-off{flex:none;background:#eee;border:1.5px solid var(--ink);border-radius:7px;padding:1px 8px;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.ugc-card-foot{display:flex;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap;border-top:1px solid #ededed;padding-top:12px}
.ugc-head{display:grid;grid-template-columns:1fr 92px 92px 96px;gap:10px;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#8a8a6a;padding:0 2px 8px}
.ugc-head i{display:block;font-weight:700;font-size:9px;color:#bbb;text-transform:none;letter-spacing:0;font-style:normal;margin-top:1px}
.ugc-row{display:grid;grid-template-columns:1fr 92px 92px 96px;gap:10px;margin-bottom:9px;align-items:center}
.ugc-row input{border:1px solid var(--ink);border-radius:9px;padding:9px 10px;font-weight:700;font-family:inherit;font-size:14px;width:100%;box-sizing:border-box}
.ugc-dollar,.ugc-days{display:flex;align-items:center;gap:5px}
.ugc-dollar span{font-weight:900;color:#888}
.ugc-dollar input,.ugc-days input{padding-left:8px}
.ugc-days span{font-size:11px;font-weight:700;color:#999}
@media(max-width:560px){.ugc-head{display:none}.ugc-row{grid-template-columns:1fr 1fr;gap:8px}.ugc-row>:first-child{grid-column:1/-1}}
/* UGC hire picker (listing modal) */
.ugc-pick{display:flex;flex-direction:column;gap:8px}
.ugc-opt{display:flex;align-items:center;gap:10px;border:1px solid var(--ink);border-radius:12px;padding:11px 13px;cursor:pointer;transition:background .1s ease}
.ugc-opt:hover{background:var(--cream)}
.ugc-opt input{flex:none;width:18px;height:18px;accent-color:#0E0E0E}
.ugc-opt-main{flex:1;min-width:0;display:flex;flex-direction:column}
.ugc-opt-main b{font-weight:800;font-size:14.5px}
.ugc-opt-main small{font-size:11.5px;color:#888;font-weight:600}
.ugc-opt-price{font-family:'Archivo',sans-serif;font-weight:900;font-size:18px;white-space:nowrap}
.ugc-opt:has(input:checked){background:var(--cream);box-shadow:3px 3px 0 var(--ink)}
/* Dashboard "Set UGC prices" link */
.yc-ugc{display:block;text-align:center;margin-top:8px;font-weight:800;font-size:12.5px;color:#5a5a3a;border:1px dashed var(--ink);border-radius:9px;padding:7px 8px;background:#fffdf4}
.yc-ugc:hover{background:var(--yellow)}
.ugc-toggle{display:flex;align-items:center;gap:8px;margin-top:12px;font-weight:800;font-size:13px;cursor:pointer}
.ugc-toggle input{width:17px;height:17px;accent-color:#0E0E0E;flex:none}
.ugc-toggle span{font-weight:600;color:#999;font-size:12px}
/* Podcast guest fee row in the UGC card */
/* Podcast guest-appearance cards (own dashboard section) */
.pod-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
@media(max-width:520px){.pod-cards{grid-template-columns:1fr}}
.pod-card{border:1px solid var(--ink);border-radius:14px;padding:16px;background:#faf8ff;box-shadow:4px 4px 0 var(--ink);display:flex;flex-direction:column;gap:12px}
.pod-card-head{display:flex;align-items:center;gap:11px}
.pod-card-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--ink);background:var(--cream)}
.pod-card-meta{flex:1;min-width:0}
.pod-card-nm{font-weight:900;font-family:Archivo,sans-serif;font-size:15px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pod-card-sub{font-size:12px;color:#666;font-weight:700;margin-top:1px}
.pod-badge{flex:none;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#5b3fb0;background:#efe7ff;border:1px solid #5b3fb0;border-radius:20px;padding:3px 9px}
.pod-fee-label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#5c5c6a;margin-bottom:-4px}
.pod-fee-row{display:flex;gap:10px;align-items:center}
.pod-fee-inp{flex:1;min-width:0}
/* Match the platform's standard field styling (same as .ugc-row input). */
.pod-fee-inp input{flex:1;min-width:0;border:1px solid var(--ink);border-radius:9px;padding:9px 10px;font-weight:700;font-family:inherit;font-size:14px;box-sizing:border-box}
.pod-fee-row .btn{flex:none;white-space:nowrap}
.pod-fee-hint{font-size:11.5px;font-weight:600;color:#8a8698;line-height:1.4}
/* UGC file delivery + download */
.ugc-deliver{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ugc-deliver input[type=file]{flex:1;min-width:200px;border:1px solid var(--ink);border-radius:10px;padding:9px 11px;font-weight:600;font-size:13px;background:#fff}
.deal-files{display:flex;flex-direction:column;gap:8px}
.dfile{display:flex;align-items:center;gap:11px;border:1px solid var(--ink);border-radius:12px;padding:11px 14px;background:#fafaf5;transition:box-shadow .12s ease}
.dfile:hover{box-shadow:4px 4px 0 var(--ink)}
.dfile-ic{font-size:20px;flex:none}
.dfile-main{flex:1;min-width:0;display:flex;flex-direction:column}
.dfile-main b{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dfile-main small{font-size:11.5px;color:#999;font-weight:600}
.dfile-dl{flex:none;font-weight:900;font-size:13px;color:#0a7d2c;white-space:nowrap}
/* Hire-for-UGC button — a standout "get paid" CTA (.btn.btn-ugc beats the base .btn background) */
.btn.btn-ugc{background:linear-gradient(135deg,#0E9F4A,#16B85C);color:#fff;border-color:var(--ink);font-weight:900;box-shadow:3px 3px 0 var(--ink)}
.btn.btn-ugc:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink);color:#fff}
.btn-ugc-ic{font-size:15px}
.btn-ugc-from{background:#fff;color:#0a7d2c;border-radius:7px;padding:1px 8px;font-size:11.5px;font-weight:900;margin-left:1px}
/* ===== Deal contract / e-signatures ===== */
.contract-clauses{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.cc-row{display:grid;grid-template-columns:170px 1fr;gap:14px;align-items:start;padding-bottom:12px;border-bottom:1.5px dashed #d9d9c9}
.cc-row:last-child{border-bottom:none;padding-bottom:0}
.cc-h{font-family:'Archivo',sans-serif;font-weight:900;font-size:13.5px;letter-spacing:-.2px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.cc-b{font-weight:600;font-size:13.5px;line-height:1.5;color:#333}
@media(max-width:560px){.cc-row{grid-template-columns:1fr;gap:3px}}
/* Inline per-term editing in the agreement */
.cc-edit{border:none;background:none;cursor:pointer;font-size:13px;color:#8a8a7a;padding:0 2px;line-height:1;vertical-align:baseline}
.cc-edit:hover{color:var(--ink)}
.cc-editform{margin-top:8px}
.cc-ta{width:100%;border:1.5px solid var(--ink);border-radius:9px;padding:9px 11px;font-weight:600;font-size:13.5px;line-height:1.5;resize:vertical;font-family:inherit}
.cc-editrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.cc-help{margin:6px 0 0;font-size:12.5px;font-weight:600;color:#555;line-height:1.45}
.cc-del{border:none;background:none;cursor:pointer;font-weight:700;font-size:12.5px;color:#b23b3b;padding:4px 6px;margin-left:auto}
.cc-del:hover{text-decoration:underline}
.cc-addwrap{margin-top:4px}
.cc-add{border:1.5px dashed #bdbdad;background:none;cursor:pointer;font-family:'Archivo',sans-serif;font-weight:800;font-size:13px;color:#555;border-radius:9px;padding:8px 14px}
.cc-add:hover{border-color:var(--ink);color:var(--ink)}
.sig-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:480px){.sig-grid{grid-template-columns:1fr}}
.sig-box{border:1px solid var(--ink);border-radius:12px;padding:12px 14px;background:#fafaf5;min-height:74px;display:flex;flex-direction:column;justify-content:center}
.sig-box.signed{background:#eafaef}
.sig-role{font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#8a8a6a;margin-bottom:3px}
.sig-name{font-family:'Caveat','Segoe Script',cursive;font-weight:700;font-size:24px;line-height:1.1;color:var(--ink)}
.sig-date{font-size:11.5px;font-weight:700;color:#0a8f3c;margin-top:2px}
/* Unsigned box: an empty line to sign on + the name in a plain font, so it never reads as already signed. */
.sig-box.pending{background:#fafaf5}
.sig-line{height:22px;border-bottom:1px dashed #c9c3a6;margin-bottom:7px}
.sig-wait-nm{font-weight:800;font-size:13px;color:#9a9476}
.sig-pending{font-weight:700;color:#b6b6a2;font-size:12px;margin-top:2px}
.sign-form{margin-top:14px}
.sign-row{display:flex;gap:8px;flex-wrap:wrap}
.sign-row input{flex:1;min-width:180px;border:1px solid var(--ink);border-radius:10px;padding:10px 13px;font-family:'Caveat','Segoe Script',cursive;font-weight:700;font-size:20px}
.sign-row .btn{flex:none;white-space:nowrap}
.rank-row:hover{background:var(--cream)}
.rank-num{font-family:'Archivo';font-weight:900;font-size:20px;width:34px;text-align:center}
.rank-av{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--cream)}
.rank-main{flex:1;min-width:0}
.rank-main .nm{font-weight:800;font-family:'Archivo';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-main .sub{font-size:12px;font-weight:600;color:#555;display:flex;gap:8px;align-items:center}
.rank-metric{text-align:right}
.rank-metric .v{font-family:'Archivo';font-weight:900;font-size:18px}
.rank-metric .l{font-size:11px;font-weight:700;color:#555;text-transform:uppercase}
/* ---------- creator profile ---------- */
.profile-banner{height:200px;border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink) center/cover no-repeat;margin-top:24px;box-shadow:var(--shadow)}
/* Branded gradient fallback when a listing has no cover photo (TikTok has none; many Twitch too) */
.profile-banner.no-cover{position:relative;overflow:hidden;background:linear-gradient(120deg,#0E0E0E 0%,#1c1c1c 45%,#0E0E0E 100%)}
.profile-banner.no-cover::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 28%,rgba(255,224,0,.20),transparent 42%),radial-gradient(circle at 82% 72%,rgba(255,224,0,.10),transparent 38%),repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 2px,transparent 2px 22px)}
.profile-banner.no-cover .no-cover-mark{position:absolute;right:22px;bottom:16px;font-size:40px;opacity:.5;z-index:1;filter:grayscale(.2)}
/* Only the avatar overlaps the banner; the name sits on the yellow page so it
stays readable (black-on-yellow) instead of black-on-banner-photo. */
.profile-head{display:flex;gap:22px;align-items:center;margin-top:16px;padding:0 18px;position:relative;flex-wrap:wrap}
.profile-av{width:130px;height:130px;border-radius:20px;object-fit:cover;background:#fff;box-shadow:var(--shadow);align-self:center}
.profile-id{flex:1;min-width:240px;padding-bottom:6px}
.profile-id h1{font-weight:900;font-size:clamp(26px,4vw,40px);letter-spacing:-1px;line-height:1;display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px}
.pid-name{display:inline-flex;align-items:center;gap:8px;min-width:0}
.pid-owner{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:13px;font-weight:800;color:#444;text-decoration:none;border-bottom:1px solid var(--yellow);width:fit-content;padding-bottom:1px}
.pid-owner:hover{color:var(--ink);border-bottom-color:var(--ink)}
.pid-owner-rt{display:inline-flex;align-items:center;gap:3px;background:#FFF4CC;border:1px solid var(--ink);border-radius:99px;padding:0 8px;font-size:11.5px;font-weight:900;color:#0E0E0E;line-height:1.5}
.pid-owner-star{color:#f5a800}
.pid-pv{color:#1a8cff;font-size:.52em;flex:none}
/* Podcast avg-rating badge next to the listing name — one clean white pill (pops on the yellow page):
gold star + score, a hairline divider, then the ratings count. */
.pid-rating{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;background:#fff;border:1px solid var(--ink);border-radius:999px;padding:5px 14px;font-family:Archivo,sans-serif;line-height:1;white-space:nowrap}
.pid-rating .pid-rating-star{color:#F5A800;font-size:15px;margin-top:-1px}
.pid-rating .pid-rating-val{font-size:16px;font-weight:900;color:#0E0E0E;letter-spacing:-.01em}
.pid-rating .pid-rating-n{font-family:'Inter',system-ui,sans-serif;font-size:12px;font-weight:600;color:#555;letter-spacing:.01em;padding-left:9px;border-left:1px solid #e2e2e2}
/* Unified listing-header status badges (Claimed / Verified / Pro) — one cohesive pill system:
coloured pill + white(or ink) icon-chip + label; same height, border, hard shadow & font. */
.hdr-badges{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}
.hdr-badge{display:inline-flex;align-items:center;gap:6px;height:27px;padding:0 12px 0 6px;border:1px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);font-family:Archivo,sans-serif;font-weight:900;font-size:12.5px;letter-spacing:.2px;line-height:1;white-space:nowrap;transition:transform .08s,box-shadow .08s}
.hdr-badge:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}
.hb-ic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:900;flex:none}
.hb-claimed{background:#16a34a;color:#fff}
.hb-claimed .hb-ic{background:#fff;color:#16a34a}
.hb-verified{background:#1d9bf0;color:#fff}
.hb-verified .hb-ic{background:#fff;color:#1477c4}
.hb-pro{background:var(--yellow);color:var(--ink)}
.hb-pro .hb-ic{background:var(--ink);color:var(--yellow)}
.profile-id .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}
.tag{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--ink);border-radius:999px;
padding:4px 12px;font-size:13px;font-weight:700;box-shadow:2px 2px 0 var(--ink)}
.tag.yt{background:#ffe1e1}.tag.tw{background:#ece2ff}
.tag.live{background:var(--red);color:#fff}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:8px}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;border:1px solid var(--ink);
padding:11px 18px;border-radius:11px;box-shadow:var(--shadow-sm);background:#fff;cursor:pointer}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.btn.primary{background:var(--ink);color:var(--yellow)}
.btn.yt{background:var(--ytred);color:#fff;border-color:var(--ink)}
.btn.tw{background:var(--purple);color:#fff}
/* stat tiles */
/* All stat tiles on one row on desktop (equal width, any count); wraps to a grid on smaller screens. */
.stat-tiles{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;margin-top:28px}
@media(max-width:900px){.stat-tiles{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.stat-tiles{grid-template-columns:repeat(2,1fr)}}
.tile{background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);padding:15px 14px;box-shadow:var(--shadow);min-width:0}
.tile .k{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#555}
.tile .v{font-family:'Archivo';font-weight:900;font-size:30px;line-height:1.1;margin-top:6px;overflow-wrap:anywhere;word-break:break-word;min-width:0}
/* In the one-row stat strip, size values so single figures never break mid-number (ranges still wrap at spaces). */
.stat-tiles .tile .v{font-size:26px;word-break:normal;overflow-wrap:normal}
/* Polished sponsor stat tiles: icon chip + hover lift */
.stat-tiles .tile{position:relative;background:#fff;border:1px solid var(--ink);border-radius:14px;padding:16px 15px;box-shadow:4px 4px 0 var(--ink);transition:transform .1s,box-shadow .1s}
.stat-tiles .tile:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.stat-tiles .tile-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--ink);background:var(--yellow);font-size:16px;line-height:1;margin-bottom:11px}
.stat-tiles .tile .k{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#6b6b52;line-height:1.25}
.stat-tiles .tile .v{margin-top:5px;line-height:1.05}
.stat-tiles .tile .v.v-sm{font-size:16.5px;line-height:1.2}
.tile .v small{font-size:14px;font-weight:700;color:#555}
.tile.earn{background:var(--ink);color:var(--yellow)}
.tile.earn .k{color:var(--yellow-deep)}
.tile.earn .v{color:#fff}
.tile.earn .earn-src{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--yellow);opacity:.85;margin-top:3px}
.el-earn{display:flex;align-items:center;gap:9px;max-width:380px}
.el-earn-box{position:relative;flex:1}
.el-earn-cur{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-weight:800;color:#888;pointer-events:none}
.el-earn-box .el-input{padding-left:24px}
.el-earn-dash{font-weight:900;color:#888}
.el-earn-mo{font-weight:700;color:#888;white-space:nowrap}
/* performance / engagement grid */
.perf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:12px}
.perf{background:var(--cream);border:1px solid var(--ink);border-radius:11px;padding:12px 14px}
.perf.hl{background:var(--yellow-deep)}
.perf .pv{font-family:'Archivo';font-weight:900;font-size:22px;line-height:1.05}
.perf .pk{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#555;margin-top:4px}
/* layout columns */
.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;margin-top:30px;align-items:start}
.profile-grid>*{min-width:0}
@media(max-width:860px){.profile-grid{grid-template-columns:1fr}}
/* sponsor "Influencers sponsored by" — card grid */
.spon-inf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:14px}
.sic{border:1px solid var(--ink);border-radius:14px;background:#fff;box-shadow:4px 4px 0 var(--ink);padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transition:transform .08s}
.sic:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.sic-head{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:inherit;width:100%}
.sic-av{width:66px;height:66px;border-radius:50%;object-fit:cover;background:var(--cream)}
.sic-nm{font-weight:800;font-size:14.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sic-meta{display:flex;flex-direction:column;align-items:center;gap:5px}
.sic-subs{font-size:12.5px;color:#555;font-weight:600}
.sic-cat{font-size:11.5px;font-weight:700;color:#666;background:var(--cream);border:1px solid var(--ink);border-radius:20px;padding:2px 10px}
/* "Who viewed you" cards + free-tier blur */
.viewer-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px}
.vwr{border:1px solid var(--ink);border-radius:14px;background:#fff;box-shadow:4px 4px 0 var(--ink);padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.vwr-av{width:60px;height:60px;border-radius:50%;object-fit:cover;background:var(--cream)}
.vwr-nm{font-weight:800;font-size:14px;line-height:1.2}
.vwr-meta{font-size:11.5px;color:#777;font-weight:600}
.vwr-links{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:4px}
.vwr-link{font-size:12px;font-weight:700;color:#0E0E0E;text-decoration:none;border:1px solid var(--ink);border-radius:8px;padding:4px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--cream);display:block}
a.vwr-link:hover{background:var(--yellow)}
.blurred-viewers .vwr{filter:blur(5px);pointer-events:none;user-select:none}
.viewer-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.35);border-radius:var(--radius)}
.viewer-lock .vl-inner{background:#fff;border:1px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 var(--ink);padding:22px 26px;text-align:center;max-width:300px}
.viewer-lock .vl-inner b{display:block;font-size:17px;margin:6px 0 4px}
.viewer-lock .vl-inner p{font-size:13px;color:#555;font-weight:600;margin:0 0 12px}
.panel{background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:22px}
@media(max-width:560px){.panel{padding:16px}}
.panel h2{font-weight:900;font-size:20px;margin-bottom:14px;letter-spacing:-.3px}
.panel .desc{white-space:pre-wrap;font-weight:450;line-height:1.65}
.kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed #ccc;font-size:14px}
.kv:last-child{border-bottom:none}
.kv .k{font-weight:700;color:#555}
.kv .v{font-weight:800;text-align:right}
/* video grid */
.vid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.vid{border:1px solid var(--ink);border-radius:11px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);transition:transform .1s}
.vid:hover{transform:translate(-2px,-2px)}
.vid .thumb{aspect-ratio:16/9;background:var(--cream) center/cover no-repeat;border-bottom:1px solid var(--ink)}
.vid .info{padding:9px 10px}
.vid .t{font-size:13px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vid .m{font-size:11px;font-weight:600;color:#555;margin-top:5px}
/* trending videos (landing page) */
.trend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.trend{background:#fff;border:1px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .12s,box-shadow .12s}
.trend:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}
.trend-thumb{display:block;aspect-ratio:16/9;background:var(--cream) center/cover no-repeat;border-bottom:1px solid var(--ink);position:relative}
.trend-rank{position:absolute;top:8px;left:8px;background:var(--ink);color:var(--yellow);font-family:'Archivo',sans-serif;font-weight:900;font-size:13px;padding:3px 10px;border-radius:999px;border:1px solid var(--yellow)}
.trend-info{padding:11px 13px}
.trend-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:800;font-size:14px;line-height:1.3;color:var(--ink)}
.trend-title:hover{text-decoration:underline}
.trend-meta{font-size:12px;font-weight:600;color:#555;margin-top:6px}
.trend-meta a{font-weight:700;color:var(--ink)}
.trend-meta a:hover{text-decoration:underline}
/* earnings methodology note */
.note{background:var(--cream);border:1px solid var(--ink);border-radius:10px;padding:12px 14px;font-size:13px;font-weight:500;margin-top:14px}
.est-details summary{cursor:pointer;font-weight:800;list-style:none;display:flex;align-items:center;gap:7px}
.est-details summary::-webkit-details-marker{display:none}
.est-details summary::before{content:"▸";font-size:11px;transition:transform .15s ease}
.est-details[open] summary::before{transform:rotate(90deg)}
.est-details .est-body{margin-top:9px;line-height:1.5}
.note b{font-weight:800}
/* links list */
.linklist{display:flex;flex-direction:column;gap:8px}
.linklist a{display:flex;align-items:center;gap:8px;font-weight:700;border:1px solid var(--ink);border-radius:9px;padding:9px 12px;background:#fff;font-size:14px;word-break:break-all}
.linklist a:hover{background:var(--cream)}
/* social channels */
.social-list{display:flex;flex-direction:column;gap:8px}
.social-btn{display:flex;align-items:center;gap:10px;border:1px solid var(--ink);border-radius:9px;padding:9px 12px;background:#fff;font-weight:700;font-size:14px;transition:transform .1s,box-shadow .1s}
.social-btn:hover{background:var(--cream);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink)}
.social-btn .se{font-size:18px;width:22px;text-align:center;flex:none}
.social-btn .sh{font-weight:600;color:#666;font-size:12px;word-break:break-all}
/* stacked variant: platform/label on top, the show/server name on its own line (used for podcast et al.) */
.social-btn .sl-stack{display:flex;flex-direction:column;line-height:1.25}
.social-btn .sl-stack .sh{display:block;margin-top:1px;word-break:normal;overflow-wrap:anywhere}
/* Creator "Free analysis" tool cards — differentiated action cards, neo-brutalist */
.cr-tools{border:1px solid var(--ink);border-radius:16px;box-shadow:var(--shadow-sm);background:#fff;margin:14px 0;overflow:hidden}
.cr-tools-hd{display:flex;align-items:baseline;gap:7px;padding:11px 15px;border-bottom:1px solid var(--ink);background:var(--cream)}
.cr-tools-hd .t{font-weight:900;font-size:.92rem;letter-spacing:-.01em}
.cr-tools-hd .n{font-weight:700;font-size:.8rem;color:#6b6b3e;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}
@media(max-width:640px){.cr-tools-grid{grid-template-columns:1fr}}
.cr-tool{display:flex;align-items:center;gap:11px;border:1px solid var(--ink);border-radius:12px;background:#fff;padding:10px 12px;text-decoration:none;color:var(--ink);box-shadow:2px 2px 0 var(--ink);transition:transform .12s,box-shadow .12s,background .12s}
.cr-tool:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink);background:#fffdf5}
.cr-tool .ic{flex:none;width:40px;height:40px;display:grid;place-items:center;font-size:20px;border:1px solid var(--ink);border-radius:10px;background:var(--cream)}
.cr-tool[data-t="er"] .ic{background:#DBF5E1}
.cr-tool[data-t="rate"] .ic{background:#FFE9A6}
.cr-tool .tx{display:flex;flex-direction:column;line-height:1.18;min-width:0}
.cr-tool .tx b{font-size:.9rem;font-weight:800}
.cr-tool .tx small{font-size:.72rem;color:#6b6b55;font-weight:600;margin-top:2px}
.cr-tool .go{margin-left:auto;font-weight:900;font-size:1.05rem;flex:none;opacity:.28;transform:translateX(-3px);transition:opacity .12s,transform .12s}
.cr-tool:hover .go{opacity:1;transform:translateX(0)}
.sponsor-chips{display:flex;flex-wrap:wrap;gap:7px}
.sponsor-chip{background:var(--cream);border:1px solid var(--ink);border-radius:999px;padding:4px 11px;font-weight:700;font-size:12px;text-decoration:none;color:var(--ink);display:inline-block}
a.sponsor-chip:hover{background:var(--ink);color:var(--yellow)}
/* landing-page niche chips + dual columns */
.niche-chips{display:flex;flex-wrap:wrap;gap:10px}
.niche-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--ink);border-radius:999px;padding:8px 15px;font-weight:800;font-size:14px;box-shadow:var(--shadow-sm);transition:transform .1s}
.niche-chip:hover{background:var(--ink);color:var(--yellow);transform:translate(-2px,-2px)}
.niche-chip .n{font-size:12px;font-weight:700;color:#999}
.niche-chip:hover .n{color:var(--yellow-deep)}
.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
/* Collapse to one column on phones AND tablets/foldables (≤900px) so the second
column ("Top engagement") is never pushed off-screen. */
@media(max-width:900px){
.dual-grid{grid-template-columns:1fr}
.dual-grid .rank-row{gap:11px;padding:11px 13px}
.dual-grid .rank-num{width:24px;font-size:16px}
.dual-grid .rank-av{width:42px;height:42px}
.dual-grid .rank-metric{max-width:42%;min-width:0;flex-shrink:0;text-align:right}
.dual-grid .rank-metric .v{font-size:13px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.15}
.ranklist,.dual-grid{max-width:100%;overflow:hidden}
.dual-grid .rank-main{min-width:0}
.dual-grid .rank-main .sub{white-space:normal}
}
/* sparkline */
.spark{width:100%;height:60px;display:block}
.spark path{fill:none;stroke:var(--ink);stroke-width:3}
.spark .area{fill:var(--yellow-deep);opacity:.5;stroke:none}
/* ---------- filters / tabs ---------- */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.tab{font-weight:800;border:1px solid var(--ink);background:#fff;padding:9px 16px;border-radius:10px;box-shadow:var(--shadow-sm)}
.tab.active{background:var(--ink);color:var(--yellow)}
.tab:hover{transform:translate(-2px,-2px)}
/* compare */
.compare-grid{display:grid;grid-template-columns:1fr 60px 1fr;gap:14px;align-items:start;margin-top:24px}
@media(max-width:720px){.compare-grid{grid-template-columns:1fr}}
.vs{display:grid;place-items:center;font-family:'Archivo';font-weight:900;font-size:26px;background:var(--ink);color:var(--yellow);border-radius:50%;width:54px;height:54px;align-self:center;margin:0 auto}
.cmp-pick{display:flex;gap:8px;margin-top:10px}
.cmp-pick input{flex:1;border:1px solid var(--ink);border-radius:10px;padding:10px 12px;font-weight:600}
.cmp-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--ink);font-weight:700}
.win{color:#0a8f3c}
/* misc */
.empty{background:#fff;border:1px dashed var(--ink);border-radius:var(--radius);padding:40px;text-align:center;font-weight:700}
.adslot{background:#fff;border:1px dashed var(--ink);border-radius:var(--radius);padding:14px;text-align:center;color:#888;font-weight:700;margin:26px 0;min-height:90px;display:grid;place-items:center}
.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:700;font-size:13px;margin-top:18px;color:#333}
.crumbs a{display:inline-flex;align-items:center;gap:5px;color:#5a5a3a}
.crumbs a svg{vertical-align:-2px}
.crumbs a:hover{text-decoration:underline}
.crumb-sep{color:#000;opacity:.32;font-weight:900}
.crumb-current{font-weight:900;color:var(--ink);max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* footer */
.site-footer{background:var(--ink);color:#eee;margin-top:60px;border-top:1px solid var(--yellow)}
.footer-inner{padding:44px 20px 30px;display:grid;grid-template-columns:1.5fr 2fr;gap:44px}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:13px;max-width:380px}
.footer-logo{display:flex;align-items:center;gap:10px;font-family:'Archivo';font-weight:900;font-size:20px;color:#fff}
.footer-logo .logo-mark{width:30px;height:30px;font-size:18px;box-shadow:2px 2px 0 rgba(255,224,0,.35)}
.footer-logo-tx b{color:var(--yellow)}
.footer-tag{font-size:13.5px;color:#b9b9b9;line-height:1.6;margin:0}
.footer-cta{display:inline-block;background:var(--yellow);color:var(--ink);font-family:'Archivo';font-weight:800;font-size:14px;padding:9px 16px;border-radius:9px;box-shadow:3px 3px 0 rgba(255,224,0,.3);transition:transform .08s,box-shadow .08s}
.footer-cta:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(255,224,0,.45)}
.footer-contact{font-size:13px;color:#9a9a9a;margin:0}
.footer-contact a{color:var(--yellow);text-decoration:underline}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.footer-col h4{font-family:'Archivo';font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--yellow);margin:0 0 13px}
.footer-col a{display:block;color:#cdcdcd;font-weight:600;font-size:14px;padding:5px 0;transition:color .1s,transform .1s}
.footer-col a:hover{color:#fff;transform:translateX(3px)}
/* 1-Click Mass Collab Blast bar */
.blast-bar,.pro-cta{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--yellow);padding:16px 20px;overflow:hidden}
.blast-bar{margin-bottom:18px}
.blast-bar::before,.pro-cta::before{content:"";position:absolute;top:0;left:0;width:7px;height:100%;background:var(--yellow)}
.blast-bar>div,.pro-cta>div{flex:1;min-width:210px;padding-left:6px}
.blast-bar b,.pro-cta b{display:block;color:var(--yellow);font-family:'Archivo',sans-serif;font-weight:900;font-size:1.05rem;line-height:1.2;margin-bottom:4px}
.blast-bar .cta-sub,.pro-cta .cta-sub{display:block;font-size:.85rem;font-weight:600;color:rgba(255,255,255,.74);line-height:1.45}
.blast-bar .btn.primary,.pro-cta .btn.primary{background:var(--yellow);color:var(--ink);border:1px solid var(--yellow);font-weight:900;white-space:nowrap;flex-shrink:0;box-shadow:3px 3px 0 rgba(255,255,255,.22);transition:transform .1s ease,box-shadow .1s ease}
.blast-bar .btn.primary:hover,.pro-cta .btn.primary:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(255,255,255,.32)}
@media(max-width:560px){.blast-bar .btn.primary,.pro-cta .btn.primary{width:100%}}
.blast-toolbar{display:flex;justify-content:flex-end;margin-bottom:6px}
.bl-toggle{background:none;border:none;font-weight:800;font-size:12.5px;color:#0E0E0E;text-decoration:underline;cursor:pointer;padding:0}
.blast-list{max-height:46vh;overflow-y:auto;border:1px solid var(--ink);border-radius:10px}
.blast-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;font-weight:700}
.blast-row:last-child{border-bottom:0}
.blast-row input{width:18px;height:18px;flex:none;accent-color:#0E0E0E}
.blast-row img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--cream);flex:none}
.blast-row .bl-nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blast-row .bl-sub{font-size:12px;color:#777;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:4px}
/* 1-Click Blast — compose-modal polish: live "N selected", row hover/checked states, disabled submit */
.blast-toolbar{justify-content:space-between}
.blast-sel{font-size:12.5px;font-weight:700;color:#8f8f78}
.blast-sel b{color:var(--ink);font-weight:900}
.blast-row{transition:background .12s ease,opacity .12s ease}
.blast-row:hover{background:var(--cream)}
.blast-row:has(input:checked){background:#FFFDF5}
.blast-row:not(:has(input:checked)){opacity:.55}
.blast-list{scrollbar-width:thin}
.btn.primary.big:disabled,.btn.primary.big.is-disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}
/* 1-Click Blast — success confirmation modal */
.blast-done-card{max-width:440px;text-align:center}
.blast-done-badge{width:62px;height:62px;margin:2px auto 12px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:4px 4px 0 var(--ink);animation:blastPop .32s cubic-bezier(.2,1.3,.5,1) both}
@keyframes blastPop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.blast-done-title{text-align:center;margin:0 0 10px}
.blast-done-lead{font-size:15px;font-weight:700;color:var(--ink);line-height:1.5;margin:0 0 10px}
.blast-done-note{font-size:13px;font-weight:600;color:#8f8f78;line-height:1.45;margin:0 0 18px}
.blast-done-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.blast-done-cta .btn{min-width:130px}
@media(prefers-reduced-motion:reduce){.blast-done-badge{animation:none}}
/* UGC jobs board */
.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.job-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--ink);border-radius:14px;background:#fff;box-shadow:4px 4px 0 var(--ink);padding:18px;min-width:0}
.job-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0}
.job-title{font-size:17px;margin:0;line-height:1.25;min-width:0;overflow-wrap:anywhere}
/* Long German compound words / company URLs must wrap, not force the card past the viewport. */
.job-desc,.job-meta{overflow-wrap:anywhere}
/* Phones: single column with a 0 floor (not the 300px min above), so a card never exceeds the screen. */
@media(max-width:600px){.job-grid{grid-template-columns:minmax(0,1fr)}}
.job-src{flex:none;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:var(--cream);border:1px solid var(--ink);border-radius:20px;padding:2px 9px}
.job-meta{font-size:12.5px;color:#666;font-weight:600}
.job-desc{font-size:13px;color:#444;font-weight:500;line-height:1.5;margin:2px 0 0}
.job-tags{display:flex;flex-wrap:wrap;gap:6px}
.job-tag{font-size:11px;font-weight:700;background:var(--cream);border:1px solid var(--ink);border-radius:8px;padding:2px 8px}
.job-cta{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:6px}
.job-link{font-weight:700;font-size:13px;color:#0E0E0E;text-decoration:underline}
@media(max-width:560px){.job-grid{grid-template-columns:1fr}}
/* Admin sponsor-pitch detail cards */
.pitch-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.pitch-item{border:1px solid var(--ink);border-radius:12px;background:#fff;box-shadow:3px 3px 0 var(--ink);overflow:hidden;transition:box-shadow .12s ease}
.pitch-item:hover{box-shadow:5px 5px 0 var(--ink)}
.pitch-sum{cursor:pointer;display:flex;align-items:center;gap:11px;padding:11px 15px;font-size:14.5px;list-style:none}
.pitch-sum::-webkit-details-marker{display:none}
.pitch-sum::before{content:"▸";font-weight:900;flex:none;color:#999;transition:transform .12s ease}
.pitch-item[open] .pitch-sum::before{transform:rotate(90deg);color:var(--ink)}
.pitch-item[open] .pitch-sum{border-bottom:1px solid var(--ink);background:var(--cream)}
.ps-av{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--ink);background:var(--cream)}
.ps-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}
.ps-line{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-arrow{color:#bbb;margin:0 2px}
.ps-sub{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#8a8a8a;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-sub svg{vertical-align:-2px;flex:none}
.ps-prev{overflow:hidden;text-overflow:ellipsis;font-weight:500}
.pitch-sum .ps-meta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:1px;text-align:right}
.ps-amt{font-family:'Archivo',sans-serif;font-weight:900;font-size:15px;letter-spacing:-.3px}
.ps-time{font-size:11.5px;color:#999;font-weight:700;white-space:nowrap}
.pitch-detail{padding:14px 16px}
.pd-offer{background:var(--cream);border:1px solid var(--ink);border-radius:10px;padding:9px 13px;margin-bottom:14px}
.pd-offer .pd-row{margin-bottom:3px}
.pd-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:680px){.pd-cols{grid-template-columns:1fr}}
.pd-h{font-weight:900;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:#8a8a6a;margin-bottom:6px}
.pd-row{font-size:13.5px;font-weight:600;color:#333;margin-bottom:5px;line-height:1.4}
.pd-msg{background:var(--cream);border:1px solid var(--ink);border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.55;color:#1f1f1f;white-space:pre-wrap;font-weight:500}
/* Admin collapsible section */
.admin-summary{cursor:pointer;display:flex;align-items:center;gap:10px;flex-wrap:wrap;list-style:none;padding:4px 0}
.admin-summary::-webkit-details-marker{display:none}
.admin-summary::before{content:"▸";font-weight:900;font-size:18px;color:var(--ink)}
details[open]>.admin-summary::before{content:"▾"}
.admin-summary h2{font-size:1.6rem}
/* Dashboard 2-column layout */
.dash-2col{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.dash-main{min-width:0}
.dash-side{position:sticky;top:88px;display:flex;flex-direction:column;gap:22px;min-width:0}
.dash-side .panel{margin-bottom:0}
/* Cookie consent banner (EEA/UK) */
.cookie-banner{position:fixed;left:12px;right:12px;bottom:12px;z-index:400;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:1000px;margin:0 auto;background:#fff;border:1px solid var(--ink);border-radius:14px;padding:14px 18px}
.cookie-banner[hidden]{display:none}
.cookie-banner .cb-text{flex:1;min-width:240px;font-size:13.5px;line-height:1.5;color:#333}
.cookie-banner .cb-text b{display:block;font-size:15px;color:var(--ink);margin-bottom:2px}
.cookie-banner .cb-text a{text-decoration:underline}
.cookie-banner .cb-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-banner .cb-actions .btn{padding:9px 16px;font-size:14px}
@media(max-width:560px){.cookie-banner{flex-direction:column;align-items:stretch;gap:12px}.cookie-banner .cb-actions{justify-content:stretch}.cookie-banner .cb-actions .btn{flex:1}}
@media(max-width:900px){
/* Single column, and unwrap both columns (display:contents) so every panel becomes a
direct flex item of .dash-2col and can be ordered into one explicit mobile sequence. */
.dash-2col{display:flex;flex-direction:column;gap:16px;align-items:stretch}
.dash-main,.dash-side{display:contents}
/* Default order:50 so any panel we don't explicitly place lands in a sane middle spot
(never jumps to the very top, which is order:0). All specific rules below are prefixed
with .dash-2col so they share this rule's specificity and win by source order. */
.dash-2col .panel{margin-bottom:0;min-width:0;order:50}
/* minmax(0,1fr) removes the min-content floor and .pod-card min-width:0 lets the card
shrink, so the podcast card can't push wider than the screen on mobile. */
.pod-cards{grid-template-columns:minmax(0,1fr)}
.pod-card{min-width:0}
/* Mobile section order (requested) */
.dash-2col .wallet-panel{order:1}
.dash-2col #yourchannel{order:2}
.dash-2col #deals{order:3}
.dash-2col .msg-panel{order:4}
.dash-2col #ugc{order:5}
.dash-2col #podcast{order:6}
.dash-2col #collabs{order:7}
.dash-2col #sponsors{order:8}
.dash-2col .boost-card{order:9}
.dash-2col .refer-panel{order:10}
.dash-2col #team{order:11}
.dash-2col #viewers{order:12}
/* Sections not in the requested list — kept after it, before the CTA buttons */
.dash-2col .todo-panel{order:13}
.dash-2col #morelistings{order:14}
.dash-2col #watchlist{order:15}
.dash-2col .dash-help{order:99} /* contact / feedback buttons always last on mobile */
}
@media(max-width:560px){.team-invite{flex-wrap:wrap}.team-invite-email{min-width:0;flex-basis:100%}}
/* Boost card (dashboard) — the monetization CTA, intentionally bolder than other panels */
.boost-card{border:1px solid var(--ink)}
.boost-sell{background:linear-gradient(180deg,#FFF3B8 0%,#FFFDF3 130px);text-align:center}
.boost-hero{font-size:42px;line-height:1;margin:2px 0 8px}
html.motion .boost-hero{animation:boostFloat 3s ease-in-out infinite}
@keyframes boostFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.boost-title{font-size:22px;font-weight:900;line-height:1.15;margin:0 0 6px}
.boost-sub{font-size:14px;font-weight:600;color:#444;margin:0 auto 14px;line-height:1.45;max-width:34ch}
.boost-benefits{list-style:none;margin:0 0 14px;padding:0;text-align:left;display:flex;flex-direction:column;gap:9px}
.boost-benefits li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;font-weight:600;line-height:1.4}
.boost-benefits li>span:first-child{flex:0 0 20px;font-size:16px;line-height:1.25;text-align:center}
.boost-price{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:0 0 12px}
.bp-from,.bp-day{font-size:13px;font-weight:700;color:#8a8a70}
.bp-amt{font-size:30px;font-weight:900;color:var(--ink);letter-spacing:-1px}
.boost-fine{font-size:11px;color:#999;margin:9px 0 0;font-weight:600}
.boost-live{border-color:#0a8f3c}
.boost-stats{display:flex;gap:8px}
.boost-stat{flex:1;min-width:0;border:1px solid #eee;border-radius:10px;padding:10px;text-align:center}
.bs-k{font-size:10.5px;font-weight:800;color:#777;text-transform:uppercase;letter-spacing:.03em}
.bs-v{font-size:19px;font-weight:900;margin-top:2px}
/* /boost page — package selector */
.boost-pkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0 18px}
.boost-pkg{position:relative;border:1px solid var(--ink);border-radius:14px;padding:18px 12px 15px;cursor:pointer;text-align:center;background:#fff;transition:background .12s,transform .12s}
.boost-pkg:hover{background:#fffdf3;transform:translateY(-2px)}
.boost-pkg:has(input:checked){background:#FFF3B8;box-shadow:inset 0 0 0 2px var(--ink)}
.boost-pkg input{position:absolute;top:11px;left:11px;accent-color:#0E0E0E}
.bpk-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--yellow);font-size:10px;font-weight:900;padding:3px 11px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.bpk-badge.best{background:#0a8f3c;color:#fff}
.bpk-price{font-size:27px;font-weight:900;letter-spacing:-1px;margin-top:4px}
.bpk-days{font-weight:800;margin-top:2px}
.bpk-day{font-size:12px;color:#8a8a70;font-weight:600;margin-top:3px}
.bpk-save{display:inline-block;margin-top:8px;font-size:11px;font-weight:800;color:#0a7d2c;background:#e4f8ea;border-radius:20px;padding:2px 9px}
.boost-pay{display:flex;flex-direction:column;gap:10px}
.boost-pay .btn{width:100%;text-align:center}
/* Nicely styled native