:root{font-family:Arial,Helvetica,sans-serif;color:#0f1419;background:#ffffff;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}header{border-bottom:1px solid #eff3f4}.nav-wrap{max-width:1020px;margin:auto;min-height:84px;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:#0f1419;text-decoration:none;font-size:21px;font-weight:600;letter-spacing:-.6px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#1d9bf0;color:#fff;font-size:28px;font-weight:400;line-height:1}.brand small{font-family:monospace;font-size:10px;font-weight:400;letter-spacing:0;color:#777;margin-left:1px}nav{display:flex;gap:25px}nav button{padding:4px 0;background:none;border:0;color:#777;font-size:13px}nav button.active{color:#0f1419;border-bottom:2px solid #1d9bf0}nav button:hover{color:#1a8cd8}#count{font-family:monospace;font-size:10px;color:#777;margin-left:4px}main{max-width:696px;margin:auto;padding:47px 28px 0}.eyebrow{font-family:monospace;font-size:10px;letter-spacing:1.4px;color:#536471;margin:0 0 12px}h1{font-weight:500;font-size:38px;line-height:1.15;letter-spacing:-1.4px;margin:0 0 13px}h1 em{font-style:normal;color:#1a8cd8}.lead{font-size:14px;color:#536471;margin:0 0 27px}.alert{font-size:11px;line-height:1.6;color:#536471;border-left:2px solid #1d9bf0;padding:1px 0 1px 12px;margin-bottom:28px;max-width:530px}.card{border-top:1px solid #eff3f4}.card-header{font-size:15px;font-weight:600;padding:19px 0 0}.card-body{padding:18px 0 23px}label{display:block;font-size:12px;font-weight:500;margin:19px 0 7px}.card-body>label:first-child{margin-top:0}.muted,.help{color:#536471;font-weight:400}.help{font-size:11px;margin:7px 0 0}input,textarea{display:block;width:100%;min-width:0;border:1px solid #cfd9de;border-radius:2px;background:#fff;color:#0f1419;padding:10px 12px;font-size:13px;line-height:1.5;outline:none}input::placeholder,textarea::placeholder{color:#98a8b0}input:focus,textarea:focus{border-color:#1d9bf0;box-shadow:0 0 0 2px #1d9bf015;position:relative;z-index:1}textarea{resize:vertical;min-height:88px}.input-group{display:flex;flex:1;min-width:0}.input-group span{border:1px solid #cfd9de;background:#f7f9f9;color:#536471;padding:10px 11px;font-size:13px}.input-group span:first-child{border-right:0;border-radius:2px 0 0 2px}.input-group input{border-radius:0 2px 2px 0}.input-group input:has(+span){border-radius:0}.input-group span:last-child{border-left:0;border-radius:0 2px 2px 0}.account-row{display:flex;gap:10px}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card-footer{display:flex;justify-content:space-between;align-items:center;border-block:1px solid #eff3f4;padding:16px 0;font-size:13px}.card-footer strong{font-size:23px;font-weight:500;letter-spacing:-.7px}.btn{border:1px solid transparent;border-radius:2px;padding:10px 16px;font-size:13px;line-height:1.5;white-space:nowrap}.primary{color:#fff;background:#0f1419;border-color:#0f1419;font-weight:600}.primary:hover{background:#272c30}.dark{background:transparent;border-color:#cfd9de;color:#333}.dark:hover{background:#eff3f4}.actions{display:flex;align-items:center;gap:16px;margin-top:22px}.actions .help{margin:0}#error{color:#f4212e;font-size:12px;margin:12px 0}#error:empty{display:none}footer{margin-top:52px;padding:20px 0 27px;border-top:1px solid #eff3f4;display:flex;justify-content:space-between;gap:15px;color:#536471;font-family:monospace;font-size:10px}.bid-card{padding:20px 0;border-bottom:1px solid #eff3f4;margin-bottom:16px;overflow-wrap:anywhere}.bid-card h2{font-size:19px;font-weight:500;margin:8px 0}.bid-card p{font-size:13px;color:#536471}.badge{font-size:10px;color:#536471}.notice{font-size:12px;color:#48603d;border-left:2px solid #7a906e;padding:9px 12px;margin-bottom:20px}button:focus-visible,a:focus-visible{outline:2px solid #1a8cd8;outline-offset:4px}[hidden]{display:none!important}@media(max-width:520px){.nav-wrap{padding:15px 20px;min-height:72px;flex-wrap:wrap;gap:16px}.brand{font-size:19px}.brand-mark{width:30px;height:30px;font-size:25px}nav{gap:20px}nav button{font-size:12px}main{padding:30px 20px 0}h1{font-size:33px;letter-spacing:-1px}.lead{font-size:13px}.row{gap:12px}.row label{font-size:11px}.input-group span{padding:10px 8px}.account-row{flex-wrap:wrap}.account-row .input-group{flex-basis:100%}.account-row .btn{padding:7px 12px;font-size:12px}.actions{align-items:flex-start;flex-direction:column;gap:10px}footer{margin-top:35px;font-size:9px}.alert{font-size:10px}}
.slider-heading{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:21px 0 8px}.slider-heading label{margin:0}.slider-heading output{font-size:19px;line-height:1.2;color:#1a8cd8;font-variant-numeric:tabular-nums;white-space:nowrap}.slider-limits{display:flex;justify-content:space-between;font-size:10px;color:#536471;margin-top:3px}input[type=range]{--progress:0%;appearance:none;-webkit-appearance:none;border:0;padding:0;height:30px;border-radius:0;background:transparent;cursor:pointer;box-shadow:none}input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,#1d9bf0 var(--progress),#eff3f4 var(--progress));border-radius:2px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #ffffff;border-radius:50%;background:#1d9bf0;margin-top:-7px;box-shadow:0 0 0 1px #1d9bf0}input[type=range]::-moz-range-track{height:4px;background:#eff3f4;border-radius:2px}input[type=range]::-moz-range-progress{height:4px;background:#1d9bf0}input[type=range]::-moz-range-thumb{width:15px;height:15px;border:2px solid #ffffff;border-radius:50%;background:#1d9bf0;box-shadow:0 0 0 1px #1d9bf0}input[type=range]:focus-visible{outline:2px solid #1a8cd8;outline-offset:4px}@media(max-width:520px){.row{grid-template-columns:1fr}.slider-heading{margin-top:17px}.slider-heading label{font-size:12px}}

.brief-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:23px 0 8px}.brief-heading label{margin:0}.brief-ai-label{font-size:10px;color:#1a8cd8}.brief-generation{border-left:2px solid #eff3f4;padding-left:10px;margin:0 0 12px;font-size:11px;color:#536471;line-height:1.6}.saved-brief{white-space:pre-wrap}#brief{min-height:125px}

#create-view .card{border-top:0}#create-view h1.card-header{font-size:20px;letter-spacing:-.3px;line-height:1.3;margin:0;padding:0 0 5px}

#brief-proposal{border-left:2px solid #1d9bf0;padding:0 16px;margin:16px 0}#proposal-text{white-space:pre-wrap;font:inherit;line-height:1.5}#brief-sources a{color:#1a8cd8}#retry-brief{margin-top:12px;font-size:13px}button[hidden]{display:none}

.price-field{grid-column:1 / -1}

.influencer-summary{border-top:1px solid #eff3f4;padding:16px 0}.influencer-summary>div{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px}.influencer-summary output{font-size:23px;font-weight:500;color:#1a8cd8;font-variant-numeric:tabular-nums}

/* Compact auction form; ranges remain full width at every breakpoint. */
.nav-wrap{min-height:54px;padding-top:10px;padding-bottom:10px}
main{padding-top:16px}
#create-view .card-body{padding:6px 0 12px}
#create-view label{margin-top:9px;margin-bottom:4px}
#create-view input:not([type=range]),#create-view .input-group span{padding-top:7px;padding-bottom:7px}
#create-view .account-row .btn{padding-top:7px;padding-bottom:7px}
#create-view .help{margin-top:4px;line-height:1.35}
#create-view .brief-heading{margin:10px 0 5px}
#create-view .brief-heading label{margin:0}
#create-view .brief-generation{margin-bottom:6px;line-height:1.4}
#create-view #brief{min-height:64px;height:64px;padding:7px 10px}
#create-view .row{grid-template-columns:minmax(0,1fr);gap:0;margin-top:5px}
#create-view .slider-heading{margin:9px 0 2px;align-items:center}
#create-view .slider-heading label{margin:0;font-size:12px}
#create-view .slider-heading output{font-size:17px}
#create-view input[type=range]{height:24px}
#create-view .slider-limits{margin-top:0;line-height:1.2}
#create-view #per-author-help{display:none}
.auction-totals{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-block:1px solid #eff3f4;padding:10px 0}
.auction-totals .influencer-summary,.auction-totals .card-footer{border:0;padding:0}
.auction-totals .card-footer{align-items:flex-start}
.auction-totals output,.auction-totals .card-footer strong{font-size:21px}
#create-view .actions{margin-top:12px;flex-direction:row;align-items:center;gap:12px}
#create-view .actions .btn{padding:8px 14px}
footer{margin-top:16px;padding:10px 0 12px}
@media(max-width:520px){.nav-wrap{gap:8px;min-height:54px;padding:10px 20px}main{padding-top:12px}.auction-totals{gap:16px}.auction-totals .influencer-summary>div,.auction-totals .card-footer{align-items:flex-start;flex-direction:column;gap:2px}#create-view .actions{flex-wrap:wrap}footer{margin-top:12px}}
#create-view #website-help,#create-view #brief-help{display:none}
#create-view .slider-heading{margin-top:3px}
main:has(#create-view:not([hidden])){padding-top:8px}
main:has(#create-view:not([hidden]))>footer{display:none}
/* Phone layout: readable fields and 44px slider touch targets. */
@media(max-width:520px){
 .nav-wrap{min-height:44px;padding:0 14px;flex-wrap:nowrap;gap:8px}
 .brand{font-size:17px;gap:7px}.brand-mark{width:26px;height:26px;font-size:22px}.brand small{display:none}
 nav{gap:0}nav button{min-height:44px;font-size:12px}nav button.active{display:none}
 main{padding-inline:14px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
 #create-view h1.card-header{font-size:18px;padding-bottom:1px}
 #create-view .card-body{padding:3px 0 6px}
 #create-view label{font-size:12px;margin:6px 0 3px;line-height:1.25}
 #create-view .account-row{flex-wrap:nowrap;gap:6px}
 #create-view .account-row .input-group{flex-basis:auto}
 #create-view input:not([type=range]){font-size:16px;padding:5px 9px;line-height:1.5}
 #create-view .input-group span{padding:5px 8px;font-size:16px}
 #create-view .account-row .btn{padding:5px 9px;min-height:36px}
 #create-view #auth{font-size:10px;margin-top:3px}
 #create-view .brief-heading{margin:7px 0 3px}
 #create-view .brief-generation{font-size:10px;line-height:1.3;margin-bottom:4px}
 #create-view #brief{font-size:16px;line-height:1.35;min-height:56px;height:56px;padding:5px 8px}
 #create-view .row{margin-top:4px}
 #create-view .slider-heading{margin:2px 0 0;min-height:20px}
 #create-view .slider-heading label{font-size:12px;line-height:1.2}
 #create-view .slider-heading output{font-size:17px}
 #create-view input[type=range]{height:44px;touch-action:pan-y}
 #create-view .slider-limits{display:none}
 input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px}
 input[type=range]::-moz-range-thumb{width:21px;height:21px}
 .auction-totals{padding:6px 0;gap:12px}
 .auction-totals .influencer-summary>div,.auction-totals .card-footer{flex-direction:row;align-items:center;gap:6px;font-size:11px}
 .auction-totals output,.auction-totals .card-footer strong{font-size:18px;white-space:nowrap}
 #create-view #posts-detail{font-size:10px;margin-top:0}
 #create-view .actions{margin-top:8px;gap:3px;justify-content:center}
 #create-view .actions .btn{width:100%;min-height:44px;font-size:14px}
 #create-view .actions .help{font-size:10px;margin:0}
}
@media(max-width:359px){.auction-totals .influencer-summary>div,.auction-totals .card-footer{flex-direction:column;align-items:flex-start;gap:0}}
@media(max-width:359px){
 main:has(#create-view:not([hidden])){padding-top:4px}
 #create-view #posts-detail{display:none}
 #create-view #brief{height:48px;min-height:48px}
 #create-view .brief-heading{margin-top:4px}
 #create-view .card-body{padding-bottom:3px}
 #create-view .actions{margin-top:5px}
}
/* Tactile ranges: major divisions, a distinct handle, and interaction feedback. */
#create-view .slider-field+.slider-field{border-top:1px solid #eff3f4}
#create-view .slider-heading output{min-width:44px;height:21px;padding:0 7px;border-radius:5px;background:#e4e8ea;text-align:center;line-height:21px;transition:background .16s,color .16s,box-shadow .16s}
#create-view .slider-field:focus-within .slider-heading output{background:#1d9bf0;color:white;box-shadow:0 2px 7px #0a7abf20}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:repeating-linear-gradient(to right,transparent 0 calc(10% - 1px),#56676f40 calc(10% - 1px) 10%),linear-gradient(to right,#1d9bf0 var(--progress),#eff3f4 var(--progress));box-shadow:inset 0 1px 1px #0000000d}
input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;background:#fff;border:5px solid #1d9bf0;box-shadow:0 1px 4px #07568735;transition:transform .13s,box-shadow .13s,border-color .13s}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.16);border-color:#0a7abf;box-shadow:0 0 0 6px #1d9bf01c,0 2px 6px #07568740}
input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:repeating-linear-gradient(to right,transparent 0 calc(10% - 1px),#56676f40 calc(10% - 1px) 10%),#eff3f4}
input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:repeating-linear-gradient(to right,transparent 0 calc(10% - 1px),#56676f40 calc(10% - 1px) 10%),#1d9bf0}
input[type=range]::-moz-range-thumb{box-sizing:border-box;width:22px;height:22px;background:white;border:5px solid #1d9bf0;box-shadow:0 1px 4px #07568735;transition:transform .13s,box-shadow .13s}
input[type=range]:active::-moz-range-thumb{transform:scale(1.16);box-shadow:0 0 0 6px #1d9bf01c,0 2px 6px #07568740}
@media(hover:hover){input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #1d9bf015,0 1px 4px #07568735}input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 5px #1d9bf015,0 1px 4px #07568735}}
@media(max-width:520px){input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-9px}input[type=range]::-moz-range-thumb{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){#create-view .slider-heading output,input[type=range]::-webkit-slider-thumb{transition:none}input[type=range]::-moz-range-thumb{transition:none}input[type=range]:active::-webkit-slider-thumb,input[type=range]:active::-moz-range-thumb{transform:none}}
/* Auction room */
[hidden]{display:none!important}
body.auction-page main{max-width:1080px;padding-top:24px}
.auction-back,.text-button{border:0;background:none;color:#536471;font-size:12px;padding:7px 0}
.auction-back{margin-bottom:22px}.auction-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.auction-title h1{font-size:32px;letter-spacing:-1px;margin-bottom:9px}.auction-title .eyebrow{color:#1a8cd8;margin-bottom:9px}.auction-sub{font-size:12px;color:#536471;margin:0;overflow-wrap:anywhere}.auction-sub span{margin:0 8px}
.live-label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;color:#466843}.live-label i{width:6px;height:6px;border-radius:50%;background:#66835d;box-shadow:0 0 0 4px #66835d15}.live-label.is-paused{color:#536471}.live-label.is-paused i{background:#999}
.demo-note{font-size:11px;color:#536471;margin:20px 0 24px;padding:10px 12px;border-left:2px solid #1d9bf0;background:#f7f9f9}
.auction-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:36px}.offer-brief{border-block:1px solid #eff3f4;padding:14px 0;font-size:13px}.offer-brief summary{cursor:pointer}.offer-brief summary span{float:right;color:#536471;font-size:11px}.offer-brief p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}
.bids-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.bids-heading h2,.team-summary h2{font-size:16px;font-weight:500;margin:0}.bids-heading h2 span{color:#536471;font-size:12px;margin-left:8px}.offer-tabs{display:flex;gap:20px;border-bottom:1px solid #eff3f4}.offer-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 12px;color:#536471;font-size:12px}.offer-tabs button[aria-pressed=true]{color:#0a7abf;border-color:#1d9bf0}.offer-tabs span{font-size:10px;margin-left:4px}
.author-offer{padding:22px 0;border-bottom:1px solid #eff3f4;animation:offer-in .35s ease-out}.author-top{display:flex;align-items:center;gap:11px}.author-avatar{width:38px;height:38px;display:grid;place-items:center;background:#d9dfe2;color:#506169;font-size:12px;border-radius:50%;flex-shrink:0}.avatar-1,.avatar-4{background:#e0e5db;color:#56704e}.avatar-2,.avatar-5{background:#dbe0e3;color:#816451}.author-name h3{font-size:14px;font-weight:600;margin:0}.author-name p{font-size:11px;color:#536471;margin:2px 0 0}.offer-price{margin-left:auto;text-align:right}.offer-price strong{display:block;font-size:18px;font-weight:500}.offer-price span{display:block;font-size:10px;color:#536471}.author-metrics{display:flex;gap:24px;font-size:11px;color:#536471;margin:14px 0}.author-metrics b{color:#444;font-weight:500}.author-pitch{font-size:13px;line-height:1.65;margin:0 0 15px;max-width:490px}.offer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#536471}.offer-bottom>div{display:flex;gap:15px;align-items:center}.offer-bottom .btn{font-size:12px;padding:7px 15px}.selection-label{color:#527047}.feed-status{font-size:11px;color:#536471;margin:16px 0}.team-summary{align-self:start;position:sticky;top:24px;border:1px solid #eff3f4;padding:20px;background:#e9ecee}.team-summary dl{margin:20px 0}.team-summary dl>div{display:flex;justify-content:space-between;margin:12px 0;font-size:12px;gap:12px}.team-summary dt{color:#536471}.team-summary dd{margin:0}.budget-line{border-top:1px solid #eff3f4;padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.budget-line strong{font-size:20px;font-weight:500}.team-progress{display:flex;justify-content:space-between;margin-top:28px;font-size:12px}.team-progress b{font-weight:500}.team-summary progress{display:block;width:100%;height:5px;margin:9px 0 20px;accent-color:#1d9bf0;border:0;background:#eff3f4}.team-summary progress::-webkit-progress-bar{background:#eff3f4}.team-summary progress::-webkit-progress-value{background:#1d9bf0}.team-cost{display:flex;justify-content:space-between;font-size:12px;gap:10px}.team-cost strong{font-weight:500}.finish-team{width:100%;margin-top:20px}.team-summary .help{font-size:10px;line-height:1.6}button:disabled{opacity:.45;cursor:default}.offers-empty{text-align:center;padding:54px 16px;color:#536471}.offers-empty>span{font-size:30px;color:#1d9bf0}.offers-empty h3{font-size:15px;color:#444;font-weight:500}.offers-empty p{font-size:12px}.text-button:hover,.auction-back:hover{color:#0a7abf}button:focus-visible,summary:focus-visible{outline:2px solid #1d9bf0;outline-offset:4px}
@keyframes offer-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:700px){.auction-layout{grid-template-columns:1fr;gap:24px}.team-summary{position:static;grid-row:1;padding:16px}.team-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:14px 0}.team-summary dl>div{margin:0;font-size:11px}.team-progress{margin-top:16px}.auction-title{align-items:flex-start;flex-direction:column;gap:12px}.auction-title h1{font-size:27px}.auction-back{margin-bottom:16px}.demo-note{margin:16px 0}.offer-tabs{gap:16px}.offer-bottom{flex-wrap:wrap}.offer-bottom>div{margin-left:auto}.team-summary progress{margin-bottom:12px}.finish-team{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.author-offer{animation:none}}

.offer-price .offer-post-count{display:inline-block;margin-top:7px;padding:3px 7px;border-radius:3px;background:#d7eaf5;color:#1a8cd8;font-size:12px;font-weight:600;white-space:nowrap}

.campaign-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #eff3f4;margin-bottom:24px;padding:20px 0;gap:16px}.campaign-stats span{display:block;font-size:12px;color:#536471}.campaign-stats strong{font-size:26px;font-weight:500}.campaign-stats small{font-size:16px;color:#536471}.campaign-stage{font-size:13px;margin:18px 0;color:#1a8cd8}.demo-draft{background:#f7f9f9;padding:14px;margin-bottom:16px;font-size:13px;overflow-wrap:anywhere}.demo-draft .eyebrow{font-size:9px}@media(max-width:520px){.campaign-stats{gap:8px;padding:14px 0}.campaign-stats span{font-size:10px}.campaign-stats strong{font-size:18px}.campaign-stats small{font-size:12px}}

.campaign-list-status{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap}.campaign-list-status .is-running{color:#1a8cd8}.campaign-list-status .is-complete{color:#527047}.campaign-list-count{font-size:12px;color:#536471}.campaign-list-count b{color:#0f1419;font-weight:500}.campaign-list-count small{font-size:10px}.campaign-list-progress{display:block;width:100%;height:4px;margin:10px 0 18px;border:0;accent-color:#1d9bf0;background:#eff3f4}.campaign-list-progress::-webkit-progress-bar{background:#eff3f4}.campaign-list-progress::-webkit-progress-value{background:#1d9bf0}

.campaign-progress-footer{margin-top:22px;padding-top:16px;border-top:1px solid #eff3f4}.campaign-progress-labels{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:#536471}.campaign-progress-labels b{color:#0f1419;font-weight:500}.post-segments{height:16px;margin-top:10px;border:1px solid #eff3f4;border-radius:2px;background:repeating-linear-gradient(to right,transparent 0 calc(100% / var(--post-count) - 2px),#ffffff calc(100% / var(--post-count) - 2px) calc(100% / var(--post-count))),linear-gradient(to right,#1d9bf0 var(--done),#fff var(--done));}.title-feedback{font-size:11px;color:#536471;max-width:600px}.title-feedback:empty{display:none}.title-feedback .text-button{color:#1a8cd8;padding:2px 0}.bid-card h2,.auction-title h1{overflow-wrap:anywhere}

/* Compact campaign summaries with a clear information hierarchy. */
#bid-list .campaign-card{border:1px solid #eff3f4;border-radius:6px;padding:22px;margin:0 0 18px;background:#f7f9f9}
.campaign-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
#bid-list .campaign-card h2{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.4px;margin:0;min-width:0}
.campaign-status{font-size:11px;line-height:1.6;padding:3px 9px;background:#e2e6e8;border-radius:20px;white-space:nowrap;color:#53636b}
.campaign-status.running{color:#08649e;background:#d8ebf7}.campaign-status.complete{color:#46643c;background:#e8eedf}
.campaign-account{font-size:12px;color:#536471;margin-top:6px}.campaign-account span{color:#80939d}
.campaign-metrics{display:grid;grid-template-columns:1fr 1fr 1.2fr;margin:22px 0 18px;gap:14px}
.campaign-metrics>div+div{border-left:1px solid #eff3f4;padding-left:18px}.campaign-metrics dt{font-size:11px;color:#536471;margin-bottom:5px}.campaign-metrics dd{margin:0;font-size:22px;font-weight:500;letter-spacing:-.5px;line-height:1.2}
.campaign-details{border-top:1px solid #eff3f4;padding-top:12px}.campaign-details summary{font-size:12px;color:#536471;cursor:pointer;min-height:24px}.campaign-detail-body{padding:0 0 10px}.campaign-card .campaign-detail-body p{margin:6px 0;font-size:13px;color:#444}.campaign-card .campaign-detail-body .detail-label{margin:14px 0 4px;font-size:10px;color:#536471;text-transform:uppercase;letter-spacing:.6px}.campaign-detail-body .title-feedback:not(:empty){margin-top:14px;padding-top:10px;border-top:1px solid #eff3f4}
.campaign-card .campaign-progress-footer{margin-top:12px;padding-top:14px}.campaign-card .campaign-progress-labels{font-size:12px;color:#536471}.campaign-card .post-segments{height:13px;margin-top:9px}.campaign-card-actions{display:flex;justify-content:flex-end;margin-top:18px}.campaign-card-actions .btn{font-size:12px;padding:8px 14px}
@media(max-width:520px){#bid-list .campaign-card{padding:16px;margin-bottom:14px}#bid-list .campaign-card h2{font-size:18px}.campaign-card-heading{flex-wrap:wrap;gap:8px}.campaign-status{font-size:10px}.campaign-metrics{gap:8px;margin:18px 0 16px}.campaign-metrics>div+div{padding-left:9px}.campaign-metrics dt{font-size:10px}.campaign-metrics dd{font-size:18px}.campaign-card-actions .btn{width:100%;min-height:44px}.campaign-card .campaign-progress-labels{font-size:11px}}
.author-post-progress{margin:18px 0 4px;max-width:460px}.author-post-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#536471;margin-bottom:7px}.author-post-progress-label b{color:#0f1419;font-size:14px;font-weight:600}.author-post-segments{display:grid;grid-template-columns:repeat(var(--author-post-total,3),minmax(0,1fr));gap:5px}.author-post-segments span{height:9px;background:#eff3f4;border-radius:2px}.author-post-segments span.is-posted{background:#1d9bf0}
/* Creator-side demo marketplace */
nav{gap:18px}#creator-nav span{font-family:monospace;font-size:10px;color:#536471;margin-left:4px}.creator-head{border-bottom:1px solid #eff3f4;padding-bottom:18px}.creator-head h1{font-size:32px}.creator-tabs{display:flex;gap:20px;border-bottom:1px solid #eff3f4;margin-top:18px}.creator-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 0;color:#536471;font-size:12px}.creator-tabs button[aria-pressed=true]{border-color:#1d9bf0;color:#1a8cd8}.creator-profile{display:grid;grid-template-columns:1fr 160px;gap:8px 14px;margin:18px 0 24px}.creator-profile label{margin:0;font-size:11px}.creator-profile .input-group{grid-column:1;grid-row:2}.creator-profile>label[for=creator-rate]{grid-column:2;grid-row:1}.creator-profile>#creator-rate{grid-column:2;grid-row:2}.creator-card{border:1px solid #eff3f4;border-radius:6px;background:#f7f9f9;padding:20px;margin:14px 0}.creator-card h2{font-size:19px;font-weight:600;margin:8px 0}.creator-card p{font-size:13px;color:#536471}.creator-advertiser{margin:3px 0 14px}.creator-card .saved-brief{white-space:pre-wrap;line-height:1.65;color:#333}.creator-terms{display:flex;gap:10px 20px;flex-wrap:wrap;border-block:1px solid #eff3f4;padding:12px 0;margin:15px 0;color:#536471;font-size:12px}.creator-card .btn{margin-top:4px}.creator-card .btn:disabled{background:#e2e6e8;color:#536471;border-color:#eff3f4;opacity:1}.creator-tabs span{margin-left:4px}@media(max-width:520px){nav{gap:10px}nav button{font-size:11px}#creator-nav{font-size:11px}.creator-profile{grid-template-columns:1fr 120px;gap:7px}.creator-card{padding:15px}.creator-terms{gap:7px 12px;font-size:11px}}
 .creator-post-progress{display:grid;grid-template-columns:1fr auto;gap:10px 16px;border-top:1px solid #eff3f4;margin-top:16px;padding-top:15px;color:#536471;font-size:13px}.creator-post-progress strong{color:#262626}.creator-post-progress .author-post-segments,.creator-post-progress .published-post-link,.creator-post-progress .btn,.creator-post-progress .selection-label{grid-column:1/-1}.creator-post-progress .published-post-link{margin:0}.creator-post-progress .btn{justify-self:start}.creator-card .saved-brief{white-space:pre-wrap}.creator-card .badge{display:inline-flex}

/* ---- Account, role switch, demo sign-in (shell.js) ---- */
.nav-wrap{gap:20px}.nav-wrap nav{margin-left:auto}
.nav-count{font-family:monospace;font-size:10px;color:#536471;margin-left:4px}
.account-slot{position:relative;display:flex;align-items:center;flex-shrink:0}
.btn.sign-in{padding:7px 13px;font-size:12px}
.avatar-button{display:flex;align-items:center;gap:8px;border:0;background:none;padding:2px;border-radius:999px}
.avatar-button:focus-visible{outline:2px solid #1d9bf0;outline-offset:2px}
.role-chip{font-size:10px;letter-spacing:.3px;color:#536471;border:1px solid #eff3f4;border-radius:999px;padding:2px 8px;background:#f7f9f9}
.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0f1419;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;flex-shrink:0}
.avatar-lg{width:42px;height:42px;font-size:14px}
.avatar-button[aria-expanded=true] .avatar{box-shadow:0 0 0 2px #ffffff,0 0 0 4px #1d9bf0}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.account-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:268px;background:#f8f9fa;border:1px solid #eff3f4;border-radius:6px;box-shadow:0 10px 30px #2931350f,0 2px 6px #2931350d;padding:14px}
.account-id,.profile-identity,.apply-as{display:flex;align-items:center;gap:11px}
.account-id strong,.profile-identity strong,.apply-as strong{display:block;font-size:14px;font-weight:600}
.account-id span:not(.avatar),.profile-identity span:not(.avatar),.apply-as span:not(.avatar){display:block;font-size:11px;color:#536471}
.menu-label{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#536471;margin:16px 0 7px}
.role-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cfd9de;border-radius:4px;padding:3px;background:#f7f9f9;gap:3px}
.role-switch button{border:0;border-radius:3px;background:none;padding:7px 8px;font-size:12px;color:#536471;text-align:center}
.role-switch button[aria-pressed=true],.role-switch button[aria-checked=true]{background:#fff;color:#0f1419;box-shadow:0 1px 2px #29313518;font-weight:600}
.role-switch small{display:block;font-size:10px;font-weight:400;color:#536471;margin-top:2px;line-height:1.3}
.menu-links{display:flex;flex-direction:column;border-top:1px solid #eff3f4;margin-top:14px;padding-top:6px}
.menu-links button{border:0;background:none;text-align:left;padding:8px 0;font-size:13px;color:#333}
.menu-links button:hover{color:#0a7abf}
.menu-links button[data-logout]{color:#536471}
#login-dialog{border:1px solid #eff3f4;border-radius:8px;background:#f7f9f9;color:#0f1419;padding:24px;width:min(420px,calc(100vw - 32px));box-shadow:0 20px 60px #29313524}
#login-dialog::backdrop{background:#20272a1f;backdrop-filter:blur(2px)}
#login-dialog h2{font-size:20px;font-weight:600;margin:0}
#login-dialog .demo-note{margin:12px 0 4px}
#login-dialog .role-switch button{padding:10px 8px}
.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.dialog-actions .btn:not(.primary){background:#f7f9f9;border-color:#eff3f4}
.field-error{color:#b3261e;font-size:12px;margin:6px 0 0}.field-error:empty{display:none}

/* ---- Author pages (creator.js) ---- */
body.creator-wide main{max-width:1080px}
#creator-view .auction-back{display:inline-block;text-decoration:none;margin-bottom:14px}
.creator-head{margin-bottom:6px}
.section-title{font-size:15px;font-weight:600;margin:22px 0 8px}
.section-title span{font-family:monospace;font-size:11px;color:#536471;font-weight:400;margin-left:4px}
.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:2px 9px;border-radius:999px;background:#e4e8ea;color:#536471;white-space:nowrap}
.status-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}
.status-pill.is-selected,.status-pill.is-active{background:#dcf0fd;color:#1a8cd8}
.status-pill.is-done{background:#e5ecdf;color:#466843}
.status-pill.is-declined,.status-pill.is-gone{background:#eaedee;color:#536471}
.feed-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.creator-card h2 a{color:inherit;text-decoration:none}.creator-card h2 a:hover{color:#0a7abf}
.brief-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;line-height:1.6;color:#333!important}
dl.creator-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
dl.creator-terms div{min-width:0}dl.creator-terms dt{font-size:10px;color:#536471;text-transform:uppercase;letter-spacing:.6px}
dl.creator-terms dd{margin:2px 0 0;font-size:13px;color:#262626}
.creator-card a.btn{display:inline-block;text-decoration:none;color:inherit;background:#f7f9f9;border-color:#eff3f4}
.creator-card a.btn.primary,.offers-empty a.btn.primary{background:#1a8cd8;color:#fff;border-color:#1a8cd8;text-decoration:none;display:inline-block}
.creator-campaign-head h1{font-size:32px;margin-top:4px}
.creator-campaign-head .auction-sub a{color:inherit}
.creator-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;margin-top:22px;align-items:start}
.brief-full{white-space:pre-wrap;font-size:14px;line-height:1.7;color:#333;margin:0}
.how-it-works{margin:22px 0 0;padding:0;list-style:none;counter-reset:step;display:grid;gap:10px}
.how-it-works li{counter-increment:step;display:flex;gap:12px;font-size:13px;color:#555}
.how-it-works li::before{content:counter(step);width:22px;height:22px;border-radius:50%;border:1px solid #eff3f4;display:grid;place-items:center;font-size:11px;color:#536471;flex-shrink:0}
.how-it-works b{color:#0f1419;font-weight:600}
.creator-side{position:sticky;top:20px}
.apply-box{border:1px solid #eff3f4;background:#e9ecee;padding:20px;border-radius:4px}
.apply-box h2{font-size:16px;font-weight:600;margin:0 0 12px}
.apply-box .apply-as{padding-bottom:14px;border-bottom:1px solid #eff3f4;margin-bottom:4px}
.apply-box label{margin-top:14px}
.apply-box textarea{min-height:76px}
.apply-total{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:1px solid #eff3f4;margin-top:16px;padding-top:12px;font-size:12px;color:#536471}
.apply-total strong{font-size:16px;font-weight:500;color:#0f1419}
.apply-box .btn.primary{width:100%;margin-top:14px}
.kv{margin:14px 0}.kv div{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;border-bottom:1px solid #eff3f4}.kv dt{color:#536471}.kv dd{margin:0}
.pitch{font-size:13px;color:#444;font-style:italic;margin:10px 0}
.text-button.danger{color:#b3261e}
.workspace-progress{display:flex;justify-content:space-between;font-size:12px;color:#536471;margin:14px 0 8px}
.post-rows{list-style:none;padding:0;margin:16px 0 12px;display:grid;gap:8px}
.post-rows li{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:10px 0;border-top:1px solid #eff3f4;font-size:13px}
.post-num{font-size:12px;font-weight:600;width:52px;flex-shrink:0}
.post-rows li.is-done .post-num{color:#466843}
.post-form{display:flex;gap:6px;flex:1;min-width:200px}
.post-form input{padding:7px 10px;font-size:12px}
.post-form .btn{padding:6px 12px;font-size:12px;width:auto!important;margin:0!important}
.post-rows .field-error{flex-basis:100%;margin:0 0 0 62px}
.post-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.post-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#1a8cd8;background:#e6f3fb;border:1px solid #c0def1;border-radius:999px;padding:3px 10px;text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-chip:hover{background:#d1e9f8}
.author-metrics i{font-style:normal;color:#8fa0a9}
.real-creator{color:#1a8cd8}
.profile-form{max-width:560px;margin-top:20px}
.profile-form .profile-identity{padding:14px 0 18px;border-bottom:1px solid #eff3f4;margin-bottom:6px}
.profile-form fieldset{border:0;padding:0;margin:18px 0 0}
.profile-form legend{font-size:12px;font-weight:500;padding:0;margin-bottom:8px}
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chip{margin:0;font-size:12px;font-weight:400}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-block;border:1px solid #cfd9de;border-radius:999px;padding:5px 12px;background:#fff;color:#444;cursor:pointer}
.chip input:checked+span{background:#0f1419;border-color:#0f1419;color:#fff}
.chip input:focus-visible+span{outline:2px solid #1d9bf0;outline-offset:2px}
.profile-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.profile-form .actions{display:flex;align-items:center;gap:14px;margin-top:20px;flex-wrap:wrap}
.notice-inline{font-size:12px;color:#48603d}
.app-group .creator-card{margin:10px 0}
.app-card .author-post-segments{margin-bottom:12px}
.table-wrap{overflow-x:auto;margin-top:8px}
.earnings-table{width:100%;border-collapse:collapse;font-size:13px}
.earnings-table th{text-align:left;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#536471;font-weight:400;padding:8px 12px 8px 0;border-bottom:1px solid #eff3f4}
.earnings-table td{padding:12px 12px 12px 0;border-bottom:1px solid #eff3f4;vertical-align:top;white-space:nowrap}
.earnings-table td:first-child{white-space:normal}
.earnings-table td a{color:#0f1419;text-decoration:none;font-weight:600}.earnings-table td a:hover{color:#0a7abf}
.earnings-table small{display:block;color:#536471;font-size:11px}
.offers-empty .btn{margin-top:10px}

@media(max-width:820px){.creator-layout{grid-template-columns:1fr;gap:24px}.creator-side{position:static;order:-1}}
@media(max-width:600px){
 .nav-wrap{flex-wrap:wrap;min-height:0;padding:10px 16px;gap:4px 12px}
 .nav-wrap nav{order:3;flex-basis:100%;margin:0 -16px;padding:0 16px;overflow-x:auto;gap:18px;scrollbar-width:none}
 nav button.active{display:inline-block}
 nav button{white-space:nowrap;min-height:40px}
 .account-slot{margin-left:auto}
 .role-chip{display:none}
 dl.creator-terms{grid-template-columns:repeat(2,minmax(0,1fr))}
 .profile-row{grid-template-columns:1fr;gap:0}
 .creator-campaign-head h1{font-size:26px}
 .post-rows .field-error{margin-left:0}
 .account-menu{position:fixed;left:12px;right:12px;width:auto;top:56px}
}
.workspace .post-rows li.is-next{display:grid;grid-template-columns:1fr;gap:6px}
.workspace .post-form{min-width:0;width:100%}.workspace .post-form input{flex:1;min-width:0}
.workspace .post-rows .field-error{margin:0}
.creator-head+.campaign-stats{border-top:0;padding-top:4px}
.followers-box{min-height:44px}
.followers-value{display:flex;align-items:baseline;gap:8px;margin:0;padding:8px 0 0}
.followers-value strong{font-size:24px;font-weight:500;letter-spacing:-.5px}
.followers-value span{font-size:12px;color:#536471}
.followers-value.is-loading{font-size:13px;color:#536471}
.followers-box .text-button{padding:0;font-size:11px;color:#1a8cd8}
.reach-value{padding-top:2px}.reach-value strong{font-size:18px}

/* ---- Author profile v2: media kit + annotated settings + live preview ---- */
.onboarding-note{font-size:13px;color:#4a585f;background:#e6f3fb;border:1px solid #c0def1;border-radius:6px;padding:12px 16px;margin:0 0 18px}
.onboarding-note b{color:#0f1419}
.kit{border:1px solid #eff3f4;border-radius:10px;background:#f8f9fa;padding:28px 28px 18px;box-shadow:0 1px 2px #2931350a}
.kit-id{display:flex;gap:20px;align-items:center}
.kit-id .eyebrow{margin:0 0 4px}
.kit-id h1{font-size:30px;margin:0;letter-spacing:-1px}
.kit-meta{font-size:12px;color:#536471;margin:2px 0 10px}
.avatar-xl{width:76px;height:76px;font-size:24px;letter-spacing:1px}
.kit-niches{display:flex;flex-wrap:wrap;gap:6px}
.tag{font-size:11px;padding:3px 10px;border-radius:999px;background:#f7f9f9;color:#444;border:1px solid #eff3f4}
.tag.is-empty{color:#8fa0a9;border-style:dashed;background:none}
.kit-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:26px 0 0;border-top:1px solid #eff3f4}
.kit-stats>div{padding:16px 0 4px 18px;border-left:1px solid #eff3f4;min-width:0}
.kit-stats>div:first-child{border-left:0;padding-left:0}
.kit-stats dt{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#536471}
.kit-stats dd{margin:6px 0 0;font-size:28px;font-weight:500;letter-spacing:-.8px;color:#0f1419;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kit-source{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:#536471;margin:16px 0 0;padding-top:12px;border-top:1px solid #eff3f4}
.kit-source .text-button{padding:0;font-size:11px;color:#1a8cd8}
.dot{width:7px;height:7px;border-radius:50%;background:#bbc5ca;display:inline-block}
.dot.is-ok{background:#66835d;box-shadow:0 0 0 3px #66835d1f}
.dot.is-err{background:#b3261e}
.dot.is-busy{background:#1d9bf0;animation:pulse 1s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}
.skeleton{display:inline-block;width:64px;height:24px;border-radius:4px;background:linear-gradient(90deg,#e4e8ea,#f1f3f4,#e4e8ea);background-size:200% 100%;animation:shimmer 1.2s linear infinite;vertical-align:middle}
@keyframes shimmer{to{background-position:-200% 0}}
.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;margin-top:30px;align-items:start}
.settings{margin:0}
.setting{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:26px 0;border-top:1px solid #eff3f4}
.setting:first-child{border-top:0;padding-top:4px}
.setting-info h2{font-size:14px;font-weight:600;margin:0 0 6px}
.setting-info p{font-size:12px;line-height:1.55;color:#536471;margin:0}
.setting-body label{margin-top:0}
.setting-body .help{margin-top:8px}
.setting-body .help b{color:#0f1419;font-weight:600}
.price-input{max-width:240px}
.price-input input{font-size:18px;font-weight:500;padding:8px 12px}
.price-input span{display:flex;align-items:center}
.audience-kv{margin:0}.audience-kv div:first-child{padding-top:0}
.save-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px -16px 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));background:#ffffffee;backdrop-filter:blur(6px);border-top:1px solid #eff3f4}
.save-bar span{font-size:12px;color:#536471}
.save-bar.is-dirty span{color:#1a8cd8}
.save-bar.is-dirty span::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#1d9bf0;margin-right:7px;vertical-align:middle}
.profile-preview{position:sticky;top:20px}
.profile-preview .menu-label{margin-top:0}
.preview-card{border:1px solid #eff3f4;border-radius:8px;background:#fff;padding:16px;box-shadow:0 8px 24px #2931350d}
.pc-top{display:flex;align-items:center;gap:11px}
.pc-name{flex:1;min-width:0}
.pc-name strong{display:block;font-size:14px}
.pc-name span{display:block;font-size:11px;color:#536471;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-price{text-align:right}.pc-price strong{display:block;font-size:17px;font-weight:500}.pc-price span{font-size:10px;color:#536471}
.pc-metrics{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11px;color:#536471;margin:14px 0 8px}
.pc-metrics b{color:#333;font-weight:600}.pc-metrics i{font-style:normal;color:#8fa0a9}
.pc-pitch{font-size:13px;line-height:1.55;color:#333;margin:0;border-top:1px solid #f7f9f9;padding-top:10px}
.preview-card i{color:#8fa0a9;font-style:normal}
@media(max-width:860px){.profile-grid{grid-template-columns:1fr;gap:24px}.profile-preview{position:static;order:-1}}
@media(max-width:600px){
 .kit{padding:20px 18px 14px}.kit-id{gap:14px;align-items:flex-start}.avatar-xl{width:56px;height:56px;font-size:18px}.kit-id h1{font-size:24px}
 .kit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kit-stats>div:nth-child(3){border-left:0;padding-left:0}
 .kit-stats>div:nth-child(n+3){border-top:1px solid #eff3f4}
 .kit-stats dd{font-size:22px}
 .setting{grid-template-columns:1fr;gap:12px;padding:22px 0}
}
.kit-source{display:block;line-height:1.7}.kit-source .dot{margin-right:7px;vertical-align:1px}
@media(max-width:860px){.profile-preview{order:0}}
.eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.save-bar:not(.is-dirty){position:static;background:none;backdrop-filter:none}
.feed-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 0}
.feed-toolbar .help{margin:0}
.feed-toolbar .text-button{color:#1a8cd8;padding:0}

/* ---- Live auction (author campaign page) ---- */
.bid-box{background:#f8f9fa;border-radius:10px;padding:18px 20px 20px;box-shadow:0 10px 30px #2931350f}
.live-head{display:flex;align-items:center;gap:10px;font-size:12px;color:#536471;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #eff3f4}
.live-head b{color:#0f1419}
.live-pill{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:1px;font-weight:700;color:#1a8cd8;background:#e8f5fd;border-radius:999px;padding:3px 9px 3px 8px}
.live-pill i{width:7px;height:7px;border-radius:50%;background:#1d9bf0;box-shadow:0 0 0 0 #1d9bf080;animation:live 1.6s infinite}
@keyframes live{70%{box-shadow:0 0 0 7px #1d9bf000}100%{box-shadow:0 0 0 0 #1d9bf000}}
.bid-box h2{font-size:13px;font-weight:600;color:#536471;margin:0 0 10px}
.bid-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.bid-title h2{margin:0}
.bid-input{display:grid;grid-template-columns:48px 1fr 48px;align-items:stretch;border:1px solid #cfd9de;border-radius:8px;background:#fff;overflow:hidden}
.bid-input:focus-within{border-color:#1d9bf0;box-shadow:0 0 0 3px #1d9bf018}
.bid-step{border:0;background:#eef1f2;font-size:22px;color:#444;line-height:1}
.bid-step:hover{background:#e4e8ea;color:#0a7abf}
.bid-value{display:flex;align-items:center;justify-content:center;gap:2px;margin:0;padding:6px 0;font-size:34px;font-weight:600;letter-spacing:-1px;color:#0f1419}
.bid-value span{color:#8fa0a9;font-weight:400}
.bid-value input{border:0;box-shadow:none!important;background:none;width:4.2ch;font-size:inherit;font-weight:inherit;letter-spacing:inherit;padding:0;text-align:left;-moz-appearance:textfield}
.bid-value input::-webkit-inner-spin-button,.bid-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.bid-value.bump{animation:bump .18s ease-out}
@keyframes bump{50%{transform:scale(1.06)}}
.bid-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 0}
.bid-chips button{border:1px solid #eff3f4;background:#f7f9f9;border-radius:6px;padding:5px 4px;font-size:10px;color:#536471;line-height:1.3}
.bid-chips button b{display:block;font-size:12px;color:#333;font-weight:600}
.bid-chips button:hover{border-color:#1d9bf0;color:#1a8cd8}.bid-chips button[hidden]{display:none}
.bid-strip{margin:20px 0 6px}
.bs-track{position:relative;height:30px;margin:0 6px}
.bs-track::before{content:'';position:absolute;left:0;right:0;top:20px;height:4px;border-radius:2px;background:linear-gradient(90deg,#d8e6d2,#e4e8ea 55%,#d0e6f3)}
.bs-dot{position:absolute;top:18px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#93a4ac;box-shadow:0 0 0 2px #f8f9fa;transition:left .3s}
.bs-median{position:absolute;top:13px;width:2px;height:18px;margin-left:-1px;background:#536471;border-radius:1px}
.bs-me{position:absolute;top:13px;width:14px;height:14px;margin:4px 0 0 -7px;border-radius:50%;background:#1d9bf0;box-shadow:0 0 0 3px #fff,0 2px 8px #1d9bf066;transition:left .25s cubic-bezier(.3,1.4,.6,1)}
.bs-me b{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:11px;color:#fff;background:#1d9bf0;border-radius:4px;padding:1px 6px;white-space:nowrap}
.bs-me.is-top,.bs-me.is-top b{background:#3f7a3a}.bs-me.is-top{box-shadow:0 0 0 3px #fff,0 2px 8px #3f7a3a55}
.bs-scale{display:flex;justify-content:space-between;font-size:10px;color:#8fa0a9;margin-top:4px}
.bid-position{display:flex;align-items:center;gap:12px;border-radius:8px;padding:10px 12px;margin:10px 0 4px;font-size:12px}
.bid-position strong{font-size:24px;font-weight:600;letter-spacing:-.5px;line-height:1}
.bid-position div{flex:1;min-width:0}.bid-position b{display:block;font-weight:600}.bid-position span{display:block;color:#536471;font-size:11px;margin-top:2px}
.bid-position.is-top{background:#e8f0e4;color:#2f5a2b}
.bid-position.is-out{background:#e2f1fb;color:#085d92}
.bid-position .btn{padding:6px 10px;font-size:12px;background:#fff;border-color:#c0def1;color:#1a8cd8}
.bid-box .apply-total{margin-top:12px}
.pitch-details{margin-top:12px;border-top:1px solid #eff3f4;padding-top:10px}
.pitch-details summary{font-size:12px;cursor:pointer;color:#444}.pitch-details summary span{color:#66835d;margin-left:4px;font-size:11px}
.pitch-details textarea{margin-top:8px;min-height:70px}
.bid-cta{width:100%;margin-top:14px;padding:13px 16px!important;font-size:15px!important;font-weight:600;border-radius:8px!important;transition:transform .1s}
.bid-cta:active{transform:scale(.98)}
.bid-cta:disabled{background:#dde2e5!important;border-color:#dde2e5!important;color:#536471!important}
.bid-note{text-align:center;margin-top:10px!important}
.bid-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.bid-foot .help{margin:0}
.my-bid{display:flex;align-items:baseline;gap:10px;margin:6px 0 10px}.my-bid strong{font-size:32px;font-weight:600;letter-spacing:-1px}.my-bid span{font-size:12px;color:#536471}
.bid-feed-wrap{margin-top:28px}
.bf-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #eff3f4;padding-bottom:10px}
.bf-head h2{font-size:15px;font-weight:600;margin:0}.bf-head .help{margin:0}
.bid-feed{list-style:none;margin:0;padding:0}
.bid-feed li{display:flex;align-items:center;gap:12px;padding:11px 8px;border-bottom:1px solid #e0e5e8;border-radius:6px}
.bid-feed .author-avatar{width:34px;height:34px;font-size:11px}
.bf-who{flex:1;min-width:0}.bf-who strong{display:block;font-size:13px}.bf-who strong em{font-style:normal;font-weight:400;font-size:11px;color:#466843;margin-left:4px}
.bf-who span{display:block;font-size:11px;color:#536471;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf-bid{text-align:right}.bf-bid strong{display:block;font-size:15px;font-weight:600}.bf-bid span{font-size:10px;color:#8fa0a9}
.bid-feed li.is-me{background:#e6f4fd;box-shadow:inset 3px 0 0 #1d9bf0}
.bid-feed li.is-me .bf-who strong{color:#1a8cd8}
.bid-feed li.is-new{animation:feed-in .7s ease-out}
@keyframes feed-in{0%{opacity:0;transform:translateY(-8px);background:#e8f5fd}40%{opacity:1;transform:none;background:#e8f5fd}100%{background:transparent}}
.bid-feed li.is-me.is-new{animation:feed-in-me .9s ease-out}
@keyframes feed-in-me{0%{opacity:0;transform:scale(.97)}50%{opacity:1;transform:scale(1.01)}100%{transform:none}}
.bf-empty{justify-content:center;color:#536471;font-size:13px;padding:24px!important}
.live-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0f1419;color:#fff;font-size:13px;padding:10px 16px;border-radius:999px;box-shadow:0 10px 30px #0000002e;transition:opacity .25s,transform .25s;max-width:calc(100vw - 32px);text-align:center}
.live-toast.is-on{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.live-pill i,.bid-feed li.is-new,.bid-value.bump{animation:none}.bs-me,.bs-dot{transition:none}}
@media(max-width:820px){.creator-side{order:-1}}
@media(max-width:600px){.save-bar{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}

/* ---- Notifications bell ---- */
.bell-slot{position:relative;display:flex;align-items:center;flex-shrink:0}
.bell-slot:empty{display:none}
.bell-button{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:none;color:#444;padding:0}
.bell-button:hover,.bell-button[aria-expanded=true]{background:#e4e8ea;color:#0f1419}
.bell-count{position:absolute;top:2px;right:1px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#1d9bf0;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px #ffffff}
.bell-menu{position:absolute;right:-48px;top:calc(100% + 10px);z-index:21;width:340px;max-height:min(70vh,520px);overflow:auto;background:#f8f9fa;border:1px solid #eff3f4;border-radius:8px;box-shadow:0 10px 30px #2931351a}
.bell-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f8f9fa;border-bottom:1px solid #eff3f4}
.bell-head strong{font-size:14px}.bell-head .text-button{padding:0;font-size:12px;color:#1a8cd8}
.bell-list{list-style:none;margin:0;padding:0}
.bell-list li{border-bottom:1px solid #f7f9f9}
.bell-list li button{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:100%;text-align:left;border:0;background:none;padding:11px 14px;color:#444}
.bell-list li button:hover{background:#eceff1}
.bell-list li.is-unread button{background:#eaf6fd}
.bell-list li.is-unread .bell-text{color:#0f1419;font-weight:500}
.bell-role{grid-column:1;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#8fa0a9}
.bell-text{grid-column:1;font-size:13px;line-height:1.45}
.bell-time{grid-column:2;grid-row:1;font-size:10px;color:#8fa0a9;white-space:nowrap}
.bell-empty{padding:22px 16px;font-size:13px;color:#536471;text-align:center}
@media(max-width:600px){.bell-menu{position:fixed;left:12px;right:12px;top:56px;width:auto}}
nav button{white-space:nowrap}.nav-wrap{gap:14px}

/* ---- Deadlines, Q&A, advertiser ranking ---- */
.deadline-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:6px 0 4px}
.deadline-row label{margin-top:12px}
select{display:block;width:100%;border:1px solid #cfd9de;border-radius:2px;background:#fff;color:#0f1419;padding:9px 10px;font:inherit;font-size:13px}
select:focus{outline:none;border-color:#1d9bf0;box-shadow:0 0 0 2px #1d9bf015}
.countdown{font-variant-numeric:tabular-nums;font-weight:600;color:#0f1419}
.countdown.is-urgent{color:#1a8cd8}
.countdown.is-over{color:#8fa0a9}
.feed-deadline{font-size:12px!important;color:#536471!important;margin:-4px 0 0}
.live-deadline{order:2;margin-left:auto;font-size:12px;white-space:nowrap}
.live-head{flex-wrap:wrap}
.deadline-box{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#e9f1f6;border:1px solid #d0e3ef;border-radius:6px;padding:9px 12px;margin:12px 0}
.deadline-box span{display:block;font-size:11px;color:#536471}
.deadline-box .countdown,.deadline-box b{font-size:17px}
.deadline-box.is-over{background:#ebeef0;border-color:#eff3f4}
.deadline-box.is-over b{color:#536471;font-size:13px;font-weight:500}
.deadline-box .text-button{color:#1a8cd8;padding:0;font-size:12px;white-space:nowrap}
.workspace .deadline-box{margin:10px 0 0}
.rebid-note{font-size:12px;color:#085d92;background:#e2f1fb;border-radius:6px;padding:8px 10px;margin:0 0 12px}
.offer-sort{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:14px 0 4px;font-size:11px;color:#536471}
.offer-sort span{margin-right:4px}
.offer-sort button{border:1px solid #eff3f4;background:#f7f9f9;border-radius:999px;padding:3px 10px;font-size:11px;color:#536471}
.offer-sort button[aria-pressed=true]{background:#0f1419;border-color:#0f1419;color:#fff}
.offer-cpm{display:block;font-size:10px;color:#466843;margin-top:2px}
.author-offer.is-best{background:linear-gradient(90deg,#eef4ea,transparent 70%);box-shadow:inset 3px 0 0 #66835d;padding-left:14px;padding-right:6px;border-radius:4px}
.best-badge,.rebid-badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;border-radius:999px;padding:2px 8px;margin:0 6px 8px 0}
.best-badge{color:#2f5a2b;background:#dce9d5}
.rebid-badge{color:#085d92;background:#d2ebfb}
.overdue{color:#b3261e}
.adv-questions{border:1px solid #d0e3ef;background:#eff6fb;border-radius:8px;padding:12px 14px;margin:0 0 18px}
.adv-questions summary{cursor:pointer;font-size:14px;font-weight:600}
.adv-questions summary span{font-weight:400;font-size:12px;color:#536471;margin-left:6px}
.adv-questions summary span.is-new{color:#fff;background:#1d9bf0;border-radius:999px;padding:1px 8px}
.adv-questions ol,.qa-list{list-style:none;margin:10px 0 0;padding:0}
.adv-questions li,.qa-list li{padding:10px 0;border-top:1px solid #d8e6ef}
.q{margin:0;font-size:13px;color:#0f1419}.a{margin:6px 0 0;font-size:13px;color:#466843;padding-left:12px;border-left:2px solid #c9dcc1}
.a.is-wait{color:#8fa0a9;border-left-color:#eff3f4;font-size:12px}
.adv-questions form{display:flex;gap:8px;margin-top:8px;align-items:flex-start}
.adv-questions textarea{min-height:44px;font-size:13px}
.adv-questions form .btn{padding:8px 14px;font-size:12px}
.qa{margin-top:28px}
.qa-form{display:flex;gap:8px;margin-top:12px}
.qa-form .btn{background:#f7f9f9;border-color:#eff3f4;white-space:nowrap}
@media(max-width:520px){.deadline-row{grid-template-columns:1fr;gap:0}.adv-questions form,.qa-form{flex-direction:column}}

/* ---- Post verification ---- */
.post-list{list-style:none;margin:12px 0 4px;padding:0;display:grid;gap:6px}
.post-list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.post-meta{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding-left:62px}
.post-check{font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px;white-space:nowrap}
.post-check.is-verified{color:#2f5a2b;background:#dce9d5}
.post-check.is-warning{color:#075383;background:#cbe9fb}
.post-check.is-unverified{color:#536471;background:#e4e8ea}
.post-check.is-failed{color:#b3261e;background:#f8dcd9}
.post-views{font-size:11px;color:#444}
.post-issues{font-size:11px;color:#075383;flex-basis:100%}
.post-list .post-issues{padding-left:0}
.views-box{background:#fff;border:1px solid #eff3f4;border-radius:6px;padding:10px 12px;margin:12px 0}
.views-box span{display:block;font-size:11px;color:#536471}
.views-box strong{display:block;font-size:24px;font-weight:600;letter-spacing:-.5px}
.views-box small{display:block;font-size:11px;color:#8fa0a9}
.views-box .text-button{color:#1a8cd8;padding:4px 0 0;font-size:12px}
@media(max-width:520px){.post-meta{padding-left:0}}

/* ---- Team seats ---- */
.seats-block{margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid #eff3f4}
.seats-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:#536471;margin-bottom:8px}
.seats-head b{font-size:14px;color:#0f1419}
.seats{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.seat{width:30px;height:30px;border-radius:50%;border:1.5px dashed #bbc5ca;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;background:transparent}
.seat.is-taken{border:0;background:#3f7a3a;box-shadow:0 0 0 2px #f8f9fa,0 0 0 3px #3f7a3a33}
.seat.is-me{background:#1d9bf0;box-shadow:0 0 0 2px #f8f9fa,0 0 0 3px #1d9bf055}
.seat-more{font-size:11px;color:#536471;margin-left:2px}
.seats-note{font-size:11px;color:#536471;margin:8px 0 0}.seats-note b{color:#2f5a2b}
.seats.is-mini{display:inline-flex;gap:3px;vertical-align:middle;margin-right:6px}
.seats.is-mini .seat{width:9px;height:9px;border-width:1px;box-shadow:none}
.seats.is-mini .seat.is-taken{box-shadow:none}
.dd-seats{display:flex;align-items:center;flex-wrap:wrap;gap:2px}
.adv-seats{margin:10px 0 18px}
.adv-seats .seat{width:26px;height:26px}
.bs-dot.is-selected{background:#3f7a3a;width:10px;height:10px;margin-left:-5px;top:17px}

/* ---- Seats hero (above the brief) ---- */
.seats-hero:empty{display:none}
.seats-hero .seats-block{background:#fff;border:1px solid #c0def1;border-radius:12px;padding:20px 22px;margin:0 0 26px;box-shadow:0 8px 24px #1d9bf012;border-bottom:1px solid #c0def1}
.seats-hero .seats-head{align-items:flex-start;margin-bottom:16px}
.seats-hero .seats-head h2{font-size:17px;font-weight:600;color:#0f1419;margin:0 0 2px}
.seats-hero .seats-head span{font-size:12px;color:#536471}
.seats-count{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;justify-content:flex-end;text-align:right}
.seats-count b{font-size:34px;line-height:1;font-weight:700;color:#1d9bf0;letter-spacing:-1px}
.seats-count span{font-size:18px;color:#8fa0a9;font-weight:500}
.seats-count small{flex-basis:100%;font-size:11px;color:#536471}
.seats-hero .seats{gap:10px}
.seats-hero .seat{width:46px;height:46px;font-size:13px;border:2px dashed #8acaf2;background:#f0f9fe;color:#6abdf0;font-size:20px;font-weight:400}
.seats-hero .seat.is-taken{border:0;background:#3f7a3a;color:#fff;font-size:13px;font-weight:700;box-shadow:0 0 0 3px #fff,0 0 0 5px #3f7a3a2e}
.seats-hero .seat.is-me{background:#1d9bf0;box-shadow:0 0 0 3px #fff,0 0 0 5px #1d9bf040}
.seats-hero .seats-note{font-size:13px;color:#4a585f;margin-top:14px}
.seats-hero .seats-note b{color:#2f5a2b}
@media(max-width:520px){.seats-hero .seat{width:38px;height:38px}.seats-count b{font-size:28px}}
/* seat = avatar slot (X profile image after OAuth; initials until then) */
.seat img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.seats-hero .seats{gap:14px 12px;align-items:flex-start}
.seat-slot{margin:0;width:68px;display:flex;flex-direction:column;align-items:center;gap:6px}
.seats-hero .seat{width:56px;height:56px;overflow:hidden}
.seat-slot figcaption{width:100%;text-align:center;font-size:11px;line-height:1.3;color:#536471;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seat-slot figcaption b{display:block;font-size:12px;color:#2f5a2b}
.seat-slot .seat:not(.is-taken)+figcaption{color:#7ab9e0}
.seat-slot .seat.is-me+figcaption{color:#1a8cd8;font-weight:600}
.seat-slot .seat.is-me+figcaption b{color:#1a8cd8}
@media(max-width:520px){.seat-slot{width:58px}.seats-hero .seat{width:46px;height:46px}}
/* ---- Key terms, large (campaign page) ---- */
.terms-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}
.terms-hero>div{background:#fff;border:1px solid #eff3f4;border-radius:12px;padding:16px 20px}
.terms-hero strong{display:block;font-size:40px;line-height:1.05;font-weight:700;letter-spacing:-1.5px;color:#0f1419}
.terms-hero>div:first-child strong{color:#1d9bf0}
.terms-hero span{display:block;margin-top:4px;font-size:13px;color:#536471}
.seats-hero .seats-head{align-items:center}
@media(max-width:520px){.terms-hero strong{font-size:30px}.terms-hero>div{padding:12px 14px}}
.bid-chips{align-items:stretch}
.bid-chips button.is-main{border:1.5px solid #1d9bf0;background:#ebf7fe;color:#1a8cd8;font-weight:600;box-shadow:0 4px 12px #1d9bf01f}
.bid-chips button.is-main b{font-size:15px;color:#1a8cd8}
.bid-chips button.is-main:hover{background:#dbf0fd}
/* Brand aligns with the content text line of wide pages (main 1080px vs header 1020px); right side unchanged */
.nav-wrap .brand{margin-left:clamp(-30px,calc((1020px - 100vw)/2),0px)}
.bid-value{gap:1px}
.bid-value input{width:3.15ch;min-width:1.15ch;text-align:center;font-variant-numeric:tabular-nums}
.over-badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;border-radius:999px;padding:2px 8px;margin:0 6px 8px 0;color:#075383;background:#cbe9fb}
.over-budget{font-size:11px;color:#075383;background:#dff0fb;border-radius:4px;padding:5px 8px;margin:6px 0 0}
.offer-ttl{color:#075383}.offer-ttl .countdown{font-weight:600;color:#075383}

/* Flow exits: partial launch, delete, leave team, ended campaigns, failed posts */
.status-pill.is-expired,.status-pill.is-withdrawn{background:#eaedee;color:#536471}
.status-pill.is-ended{background:#dbeaf3;color:#22587a}
.finish-partial{width:100%;margin-top:10px}
.danger-zone{margin-top:16px;padding-top:12px;border-top:1px solid #dce1e4}
.danger-zone .help{margin:0 0 6px}
.text-button.danger{color:#b3261e}
.leave-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:8px}
.post-rows li.is-failed .post-chip{text-decoration:line-through;opacity:.7}
.list-tabs{margin:4px 0 22px}
.list-tabs button{font-size:14px}
.list-tabs span{font-size:11px}
/* Per-post stats */
.auction-view .campaign-stats,#auction-view .campaign-stats{grid-template-columns:repeat(5,1fr)}
@media(max-width:760px){#auction-view .campaign-stats{grid-template-columns:repeat(3,1fr)}}
.stats-note{margin:-14px 0 22px}
.post-stats{margin:4px 0 10px}
.post-stats td{padding:9px 12px 9px 0}
.post-stats td b{font-weight:600}
.post-stats td small{display:block}
.post-stats tr.is-failed td{opacity:.6}
.post-stats .post-chip{white-space:nowrap}
/* AI review of posts */
.post-rows li.is-review .post-chip{border-color:#a8d4f0}
.ai-review{flex-basis:100%;width:100%;margin-top:8px;background:#e6f4fd;border:1px solid #b8dbf0;border-radius:6px;padding:10px 12px;font-size:12px;color:#1e445c}
.ai-review>b{display:block;font-size:12px;margin-bottom:4px;color:#064a74}
.ai-review p{margin:0 0 6px}
.ai-review ol{margin:0 0 8px;padding-left:18px}
.ai-review li{margin:0 0 4px;line-height:1.4}
.ai-review li b{font-weight:600}
.ai-review.is-pending{background:#edf0f2;border-color:#eff3f4;color:#4d5d65}
.ai-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ai-actions .btn{padding:7px 12px;font-size:12px}
.post-meta .post-check+.post-check{margin-left:6px}
.post-rows .ai-review ol li{display:list-item;border:0;padding:0;margin:0 0 6px;min-height:0;font-size:12px;color:#1e445c}
.post-rows .ai-review ol li b{display:block;font-size:12px;margin-bottom:1px}
/* Advertiser disputes of AI decisions */
.dispute-open{display:inline-flex;gap:6px;align-items:baseline;margin-left:8px;white-space:nowrap}
.dispute-open .text-button{color:#b3261e;font-size:12px;padding:0}
.dispute-open small,.dispute-note{font-size:11px;color:#536471}
.dispute-note{display:block;margin-top:4px}
.dispute-form{margin-top:8px;min-width:260px}
.dispute-form textarea{width:100%;font:inherit;font-size:12px;border:1px solid #eff3f4;border-radius:6px;padding:8px;background:#fff;resize:vertical}
.ai-review.is-disputed{background:#fbecea;border-color:#f1cfca;color:#6b2a22}
.ai-review.is-disputed>b{color:#a3261e}

/* Posts per influencer is 1–3: one tick in the middle instead of the 10% grid */
#postsPerInfluencer::-webkit-slider-runnable-track{background:linear-gradient(to right,transparent calc(50% - 1px),#56676f40 calc(50% - 1px) 50%,transparent 50%),linear-gradient(to right,#1d9bf0 var(--progress),#eff3f4 var(--progress))}
#postsPerInfluencer::-moz-range-track{background:linear-gradient(to right,transparent calc(50% - 1px),#56676f40 calc(50% - 1px) 50%,transparent 50%),#eff3f4}
#postsPerInfluencer::-moz-range-progress{background:#1d9bf0}

/* ---- Campaign size sliders (restyled 3 Nov 2026): plain track + fill, ring-focus thumb, editable value ---- */
#form .slider-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:6px}
#form .slider-field{padding:14px 0 10px;--thumb:18px}
#form .slider-field+.slider-field{border-top:1px solid #eff3f4}
#form .slider-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;min-height:28px}
#form .slider-heading label{margin:0;font-size:12px;font-weight:500;color:#0f1419}
#form .slider-value{display:inline-flex;align-items:baseline;gap:0;border-bottom:1px dashed transparent;color:#1a8cd8;font-size:20px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;transition:border-color .15s}
#form .slider-value:hover{border-bottom-color:#cfe9fb}
#form .slider-value:focus-within{border-bottom-color:#1d9bf0}
#form .slider-unit{font-size:16px;color:#4593c4}
#form .slider-value input{position:static;opacity:1;width:3.4ch;height:auto;min-width:0;flex:none;border:0;border-radius:0;padding:0;background:none;box-shadow:none;color:inherit;font:inherit;text-align:right;-moz-appearance:textfield}
#form .slider-value input{text-align:right}
#form .slider-value input::-webkit-inner-spin-button,#form .slider-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#form .slider-value input:focus{outline:none}
#form input[type=range]{display:block;width:100%;height:var(--thumb);margin:0;padding:0;background:none;border:0;-webkit-appearance:none;appearance:none;cursor:pointer}
#form input[type=range]:focus{outline:none}
#form input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;border:0;box-shadow:none;background:linear-gradient(to right,#1d9bf0 var(--progress,0%),#d1d8db var(--progress,0%))}
#form input[type=range]::-moz-range-track{height:4px;border-radius:2px;border:0;background:#d1d8db}
#form input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:#1d9bf0}
#form input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((4px - var(--thumb))/2);border-radius:50%;background:#fff;border:2px solid #1d9bf0;box-shadow:0 1px 3px #1a2e3a33;transition:box-shadow .15s,transform .15s}
#form input[type=range]::-moz-range-thumb{box-sizing:border-box;width:var(--thumb);height:var(--thumb);border-radius:50%;background:#fff;border:2px solid #1d9bf0;box-shadow:0 1px 3px #1a2e3a33}
#form input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #1d9bf01a,0 1px 3px #1a2e3a33}
#form input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #1d9bf02e,0 1px 3px #1a2e3a33}
#form input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 5px #1d9bf02e}
#form input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1)}
#form .slider-scale{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:#536471;font-variant-numeric:tabular-nums}
/* 1·2·3: labels sit exactly under the thumb stops (thumb centre runs from thumb/2 to 100% - thumb/2) */
#form .slider-scale.is-stops span{width:var(--thumb);text-align:center}
#form .is-stepped input[type=range]::-webkit-slider-runnable-track{background:radial-gradient(circle at 50% 50%,#adbac0 0 2px,transparent 2.5px) center/8px 8px no-repeat,linear-gradient(to right,#1d9bf0 var(--progress,0%),#d1d8db var(--progress,0%))}

/* ---- Campaign totals: one summary card ---- */
#create-view .auction-totals{display:block;margin-top:18px;padding:16px 18px;border:1px solid #eff3f4;border-radius:8px;background:#fff}
#create-view .totals-formula,#create-view #posts-detail{display:block;margin:0 0 12px;padding-bottom:12px;border-bottom:1px dashed #eff3f4;font-size:13px;color:#536471;line-height:1.4}
#create-view .totals-formula b{color:#0f1419;font-weight:600;font-variant-numeric:tabular-nums}
#create-view .totals-formula i{font-style:normal;color:#a2b1b8;margin:0 2px}
#create-view .totals-results{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
#create-view .totals-item{display:flex;flex-direction:column;gap:2px}
#create-view .totals-item span{font-size:11px;color:#536471;letter-spacing:.2px}
#create-view .totals-item output{font-size:22px;font-weight:600;color:#0f1419;font-variant-numeric:tabular-nums;line-height:1.15}
#create-view .totals-item.is-budget{align-items:flex-end;text-align:right}
#create-view .totals-item.is-budget strong{font-size:28px;font-weight:600;color:#1a8cd8;letter-spacing:-.6px;font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap}

/* Demo post submissions */
.compose-link{display:block;margin-top:6px;font-size:12px;color:#536471}
.compose-link:hover{color:#1a8cd8}
.post-compose{flex-basis:100%;width:100%;display:grid;gap:6px}
.post-compose textarea{width:100%;font:inherit;font-size:13px;line-height:1.45;border:1px solid #eff3f4;border-radius:6px;padding:9px 10px;background:#fff;resize:vertical}
.post-compose textarea:focus{outline:none;border-color:#1d9bf0;box-shadow:0 0 0 3px #1d9bf020}
.compose-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:12px}
.compose-tools .text-button{font-size:12px;padding:0}
.compose-count{margin-left:auto;font-size:11px;color:#8fa0a9;font-variant-numeric:tabular-nums}
.post-chip.is-demo{background:#edf0f2;border-color:#eff3f4;color:#536471;cursor:default}
.demo-post-text{flex-basis:100%;margin:6px 0 0;padding:8px 10px;border-left:2px solid #eff3f4;font-size:12px;line-height:1.45;color:#3c484e;white-space:pre-line}

.feed-tools{display:inline-flex;gap:16px;flex-wrap:wrap}

/* Workspace: progress right under the heading */
.workspace>h2+.workspace-progress{margin-top:6px}
.workspace-status{margin-top:14px}

/* Author progress under the campaign title: earnings + one thick step per post */
.work-progress{max-width:560px;margin:0 0 26px;padding:0;border:0;background:none}
.wp-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:10px;flex-wrap:wrap}
.wp-earned{display:flex;flex-direction:column;gap:3px}
.wp-cap{font-size:11px;letter-spacing:.3px;color:#536471}
.wp-earned>div{display:flex;align-items:baseline;gap:7px}
.wp-earned strong{font-size:30px;font-weight:600;letter-spacing:-.8px;color:#1a8cd8;font-variant-numeric:tabular-nums;line-height:1}
.wp-earned em{font-style:normal;font-size:15px;font-weight:500;color:#8fa0a9;font-variant-numeric:tabular-nums}
.wp-earned.is-zero strong{color:#0f1419}
.wp-earned.is-zero em{font-size:13px;font-weight:400;color:#536471}
.wp-count{font-size:13px;color:#536471}
.wp-count b{color:#0f1419;font-weight:600}
.wp-steps{display:grid;grid-template-columns:repeat(var(--steps,3),minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
.wp-step{display:grid;gap:6px;min-width:0}
.wp-bar{position:relative;display:flex;align-items:center;justify-content:center;height:16px;border-radius:8px;background:#dde2e4;overflow:hidden}
.wp-bar i{font-style:normal;font-size:11px;font-weight:700;color:#fff;line-height:1}
.wp-step.is-done .wp-bar{background:linear-gradient(90deg,#1d9bf0,#25a5f4);box-shadow:0 1px 4px #1d9bf033}
.wp-step.is-review .wp-bar,.wp-step.is-fix .wp-bar{background:repeating-linear-gradient(135deg,#9ad3f6 0 8px,#b8e0f9 8px 16px)}
.wp-step.is-failed .wp-bar{background:#f3d2ce}
.wp-step.is-next .wp-bar{background:#fff;box-shadow:inset 0 0 0 2px #1d9bf0;animation:wp-pulse 1.8s ease-in-out infinite}
@keyframes wp-pulse{0%,100%{box-shadow:inset 0 0 0 2px #1d9bf0}50%{box-shadow:inset 0 0 0 2px #8bcdf6}}
@media (prefers-reduced-motion:reduce){.wp-step.is-next .wp-bar{animation:none}}
.wp-label{font-size:11px;color:#536471;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wp-label b{color:#3c484e;font-weight:600}
.wp-step.is-done .wp-label{color:#1a8cd8}
.wp-step.is-fix .wp-label,.wp-step.is-review .wp-label{color:#075383}
.wp-step.is-next .wp-label{color:#1a8cd8}
.wp-next{margin:10px 0 0;font-size:13px;color:#3c484e}
.wp-next b{color:#1a8cd8;font-weight:600}
/* Narrow screens: the side column goes first, but the author's progress stays at the very top */
@media(max-width:820px){.creator-layout:has(>.creator-main>.work-progress)>.creator-main{display:contents}.creator-main>.work-progress{order:-2;margin:0}}

.post-rows li.is-locked .muted{color:#8fa0a9}

.ai-review .ai-alt{display:block;margin-top:10px;font-size:12px;color:#075383;text-align:left}
.ai-review .ai-note{margin-top:6px;font-size:11px;color:#536471}

/* Structured post row in the author workspace */
.post-rows li.post-row{display:block;padding:14px 0}
.pr-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.pr-head .post-num{margin:0}
.pr-status{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}
.pr-status.is-ok{background:#dce9d5;color:#2f5a2b}
.pr-status.is-fix{background:#cbe9fb;color:#075383}
.pr-status.is-wait{background:#e4e8ea;color:#536471}
.pr-status.is-failed{background:#f8dcd9;color:#b3261e}
.pr-link{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pr-stats{font-size:12px;color:#536471;font-variant-numeric:tabular-nums}
.pr-replace{margin-left:auto;font-size:12px}
.pr-checks{list-style:none;margin:10px 0 0;padding:10px 12px;border-radius:6px;background:#fff;border:1px solid #e4e8ea;display:grid;gap:5px}
.pr-checks li{display:flex;gap:8px;align-items:baseline;font-size:12px;line-height:1.35;color:#3c484e;border:0;padding:0;margin:0;min-height:0}
.pr-checks li span{flex:none;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;transform:translateY(2px)}
.pr-checks li.ok span{background:#dce9d5;color:#2f5a2b}
.pr-checks li.warn span{background:#cbe9fb;color:#075383}
.pr-checks li.bad span{background:#f8dcd9;color:#b3261e}
.pr-checks li.wait span{background:#e4e8ea;color:#536471}
.pr-checks li.warn,.pr-checks li.bad{color:#1e445c}
.post-row .dispute-note{display:block;margin-top:6px}
.post-row .ai-review{margin-top:10px}
.post-row .demo-post-text{margin-top:8px}

/* Retry review: visible but secondary to the orange primary buttons */
.ai-review .btn.btn-retry{background:#fff;border:1px solid #1d9bf0;color:#1a8cd8;font-weight:600;padding:8px 14px;border-radius:6px;box-shadow:0 1px 2px #1d9bf018}
.ai-review .btn.btn-retry:hover:not(:disabled){background:#dcf0fd}
.ai-review .btn.btn-retry span{font-size:14px;margin-right:2px}
.ai-review .btn.btn-retry:disabled{opacity:.6}

/* Explicit "review passed" */
.pr-passed{display:flex;gap:10px;align-items:center;margin-top:10px;padding:10px 12px;border-radius:6px;background:#e5efdf;border:1px solid #cfe0c6}
.pr-passed-icon{flex:none;width:26px;height:26px;border-radius:50%;background:#3d7a37;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.pr-passed b{display:block;font-size:13px;color:#24481f}
.pr-passed span{display:block;font-size:12px;color:#466843;margin-top:1px}

.pr-passed .pr-passed-icon{display:flex;margin:0}

/* Author campaigns section tabs + finished cards */
#creator-view .list-tabs{margin:4px 0 22px}
.done-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0;padding:12px 0;border-block:1px solid #e4e8ea}
.done-stats dt{font-size:11px;color:#536471}
.done-stats dd{margin:2px 0 0;font-size:18px;font-weight:600;color:#0f1419;font-variant-numeric:tabular-nums}
.done-stats div:first-child dd{color:#1a8cd8}

/* Sign in with X */
.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.avatar:has(img){background:none;padding:0;overflow:hidden}
#login-dialog .x-login{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:16px;padding:11px 16px;background:#111;border-color:#111;color:#fff;font-size:14px;font-weight:600;text-decoration:none;border-radius:6px}
#login-dialog .x-login:hover{background:#2a2a2a}
#login-dialog .demo-login{margin-top:14px;border-top:1px solid #eff3f4;padding-top:10px}
#login-dialog .demo-login summary{cursor:pointer;font-size:12px;color:#536471}
#login-dialog .demo-login .btn{margin-top:8px}

/* Sign-in gate */
body.is-gated #main-nav,body.is-gated #account-slot,body.is-gated #bell-slot{display:none}
#auth-gate{min-height:62vh;display:flex;align-items:center;justify-content:center;padding:40px 0}
.gate-card{max-width:640px;text-align:left}
.gate-card h1{font-size:clamp(30px,5vw,44px);line-height:1.08;letter-spacing:-1.2px;margin:10px 0 14px}
.gate-card .lead{font-size:16px;color:#4d5d65;margin:0 0 26px;max-width:560px}
.gate-roles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.gate-role{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid #eff3f4;border-radius:10px;background:#fff;color:#0f1419;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.gate-role:hover{border-color:#cfe9fb;box-shadow:0 2px 10px #1a2e3a14}
.gate-role b{font-size:16px}
.gate-role span{font-size:13px;color:#536471}
.gate-role em{font-style:normal;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:10px;border-radius:6px;background:#111;color:#fff;font-size:14px;font-weight:600}
.gate-role:hover em{background:#2a2a2a}
@media(max-width:560px){.gate-roles{grid-template-columns:1fr}}

/* Google sign-in (advertisers) */
#login-dialog .x-login.is-google{margin-top:8px;background:#fff;color:#0f1419;border:1px solid #cfd9de}
#login-dialog .x-login.is-google:hover{background:#f1f3f4}
#login-dialog .x-login[hidden]{display:none}
.gate-role.is-multi{cursor:default}
.gate-role .gate-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:10px;border-radius:6px;background:#111;color:#fff;font-size:14px;font-weight:600;text-decoration:none}
.gate-role .gate-btn:first-of-type{margin-top:14px}
.gate-role .gate-btn:hover{background:#2a2a2a}
.gate-role .gate-btn.is-google{background:#fff;color:#0f1419;border:1px solid #cfd9de}
.gate-role .gate-btn.is-google:hover{background:#f1f3f4}

/* Tracked link per post (author workspace) */
.track-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;margin:8px 0 10px;padding:10px 12px;border:1px dashed #cfe9fb;border-radius:8px;background:#f2f9fe}
.track-link .tl-cap{grid-column:1/-1;font-size:12px;color:#33698a;font-weight:600}
.track-link code{min-width:0;padding:6px 8px;border:1px solid #cfe9fb;border-radius:6px;background:#fff;font:600 12.5px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#0f1419;word-break:break-all;user-select:all}
.track-link .tl-copy{padding:6px 12px;font-size:13px;white-space:nowrap}
.track-link .tl-copy.is-done{background:#e8f5ea;border-color:#9fd1a8;color:#1e6b2e}
.track-link .tl-help{grid-column:1/-1;margin:0;font-size:12px;line-height:1.45;color:#536471}
.track-link.is-wait{display:flex;justify-content:space-between;gap:10px;border-style:dotted;background:#faf9f4}
.track-link.is-wait .tl-cap{color:#536471;font-weight:500}
/* Selected niches: brand orange */
.chip input:checked+span{background:#1d9bf0;border-color:#1d9bf0;color:#fff}
.chip span:hover{border-color:#cfe9fb}
.chip input:checked+span:hover{background:#0a7dc5;border-color:#0a7dc5}
.chip input:focus-visible+span{outline-color:#1a8cd8}

/* Brand avatar (campaign X account) */
.brand-row{display:flex;align-items:center;gap:14px;min-width:0}
.brand-row>div{min-width:0}
.brand-avatar{position:relative;flex:none;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;overflow:hidden;background:hsl(var(--hue,24) 70% 92%);box-shadow:0 0 0 1px #0000000f inset}
.brand-avatar b{font-size:18px;font-weight:700;color:hsl(var(--hue,24) 55% 34%)}
.brand-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
.brand-avatar.is-lg{width:72px;height:72px}
.brand-avatar.is-lg b{font-size:30px}
.feed-card .brand-row{margin:10px 0 4px}
.feed-card .brand-row h2{margin:0}
.feed-card .brand-row .creator-advertiser{margin:2px 0 0}
.creator-campaign-head .brand-row h1{margin-top:0}
.creator-campaign-head .brand-row .auction-sub{margin-bottom:0}
@media(max-width:560px){.brand-avatar.is-lg{width:52px;height:52px}.brand-avatar.is-lg b{font-size:22px}}

/* Budget payment */
.pay-box{max-width:560px;margin:24px 0;padding:24px;border:1px solid #cfe9fb;border-radius:12px;background:#fff}
.pay-box h2{margin:0 0 16px;font-size:20px}
.pay-lines{margin:0 0 18px;display:grid;gap:8px}
.pay-lines div{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.pay-lines dt{color:#536471}.pay-lines dd{margin:0;font-weight:600}
.pay-lines .pay-total{padding-top:10px;border-top:1px solid #eff3f4;font-size:18px}
.pay-lines .pay-total dt{color:#0f1419;font-weight:600}.pay-lines .pay-total dd{color:#1d9bf0;font-size:22px}
.pay-btn{width:100%;padding:14px;font-size:16px}
.pay-box .field-error:empty{display:none}

/* Sync notices */
.sync-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);max-width:min(560px,calc(100vw - 32px));padding:12px 16px;border-radius:10px;background:#0f1419;color:#fff;font-size:14px;box-shadow:0 6px 24px #0003;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60}
.sync-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* Creator wallet */
.pill{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;background:#eaedee;color:#555;white-space:nowrap}
.pill.is-ok{background:#e8f5ea;color:#1e6b2e}.pill.is-wait{background:#e8f5fd;color:#1a8cd8}
.earnings-table td small{display:block;color:#536471;font-size:12px}
.payout-box{display:grid;grid-template-columns:1fr auto;gap:12px 20px;align-items:center;margin:18px 0 8px;padding:20px;border:1px solid #cfe9fb;border-radius:12px;background:#fff}
.payout-box strong{display:block;font-size:30px;letter-spacing:-.5px;margin:2px 0 4px}
.payout-box .help{margin:0}
.payout-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.payout-form{grid-column:1/-1;display:grid;gap:10px;max-width:520px;padding-top:12px;border-top:1px solid #eee}
.payout-form label{display:grid;gap:4px;font-size:13px;color:#555}
.payout-form input,.payout-form select{font:inherit;padding:9px 10px;border:1px solid #cfd9de;border-radius:6px;background:#fff}
.payout-form [hidden]{display:none}
#payout-error:empty{display:none}#payout-error{grid-column:1/-1;margin:0}
@media(max-width:620px){.payout-box{grid-template-columns:1fr}.payout-actions{align-items:stretch}}

.campaign-stats.is-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:620px){.campaign-stats.is-4{grid-template-columns:repeat(2,1fr)}}

/* ===== Type system (10 Nov 2026), modelled on ycombinator.com =====
   Two families: a humanist sans for UI and reading (Avenir on Apple devices, Nunito Sans elsewhere) and
   Source Serif 4 for headings, big numbers and the primary call to action. Warm off-white ground, near-black
   ink #0f1419, orange only as an accent. Scale: 60/48 display · 32 page title · 22 section · 18 card title ·
   16 body · 14 UI · 12 meta · 11 uppercase eyebrow. Everything below overrides earlier rules on purpose. */
:root{
 --sans:Avenir,"Avenir Next","Nunito Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
 --serif:"Source Serif 4","Source Serif Pro",Georgia,"Times New Roman",serif;
 --ink:#0f1419;--ink-2:#0f1419;--ink-3:#536471;--line:#eff3f4;--ground:#ffffff;--paper:#ffffff;--accent:#1d9bf0;--accent-ink:#1a8cd8;
 font-family:var(--sans);color:var(--ink);background:var(--ground);font-weight:400;-webkit-font-smoothing:antialiased;
}
body{font-size:16px;line-height:1.5}
/* Headings */
h1,h2,.card-header,#create-view h1.card-header,.creator-head h1,.section-title{font-family:var(--serif);font-weight:500;color:var(--ink);font-optical-sizing:auto}
h1{font-size:44px;line-height:1.15;letter-spacing:-.025em}
h1 em{font-style:italic;color:inherit}
.creator-head h1{font-size:40px}
#create-view h1.card-header{font-size:32px;line-height:1.2;letter-spacing:-.02em;padding:6px 0 10px}
h2,.section-title{font-size:22px;line-height:1.3;letter-spacing:-.01em}
.bid-card h2,.creator-card h2{font-size:20px;font-weight:500;line-height:1.3}
h3{font-family:var(--sans);font-weight:600;font-size:16px;line-height:1.4;color:var(--ink)}
/* Eyebrows and meta: uppercase sans instead of monospace */
.eyebrow{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3)}
#count,.nav-count,#creator-nav span,.section-title span,.brand small,.live-pill{font-family:var(--sans);font-variant-numeric:tabular-nums}
.brand small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.live-pill{letter-spacing:.08em}
footer{font-family:var(--sans);font-size:13px;color:var(--ink-3)}
/* Body text */
.lead{font-size:18px;line-height:1.6;color:var(--ink-2);font-weight:400}
p,.bid-card p,.creator-card p{color:var(--ink-2)}
.help,.muted{color:var(--ink-3)}
.help{font-size:12px;line-height:1.45}
label,#create-view label{font-size:14px;font-weight:500;color:var(--ink)}
input,textarea,select{font-family:var(--sans);font-size:15px;color:var(--ink);border-color:#cfd9de;border-radius:6px}
input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1d9bf022}
.input-group span{border-color:#cfd9de}
.input-group span:first-child{border-radius:6px 0 0 6px}.input-group input{border-radius:0 6px 6px 0}
/* Navigation */
.brand{font-family:var(--sans);font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.brand-mark{background:var(--accent);font-family:var(--sans);font-weight:400}
nav button{font-family:var(--sans);font-size:14px;font-weight:400;letter-spacing:.02em;color:var(--ink-2)}
nav button.active{color:var(--ink);border-bottom-color:var(--accent)}
nav button:hover{color:var(--ink)}
/* Numbers: serif, like YC's display figures */
.slider-heading output,.slider-value,.influencer-summary output,.card-footer strong,.auction-totals output,.auction-totals .card-footer strong,#sum-total,#total-posts{font-family:var(--serif);font-weight:500;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}
/* Buttons: black pill with serif italic for the main action, quiet outlined pill otherwise */
.btn{font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:.01em;border-radius:999px;padding:9px 20px}
.primary,.btn.primary{background:#000;border-color:#000;color:#fff;font-family:var(--serif);font-style:italic;font-weight:500;font-size:17px;letter-spacing:0;padding:8px 26px}
.primary:hover,.btn.primary:hover{background:#22292d;border-color:#22292d}
.primary:disabled,.btn.primary:disabled{background:#ced6da;border-color:#ced6da;color:#536471}
.dark{border-color:#cfd9de;color:var(--ink)}
.dark:hover{background:#eff3f4}
/* Links */
a{color:inherit;text-underline-offset:3px}
main a:not(.btn):not(.brand){text-decoration-thickness:1px}
/* Cards keep the light paper tone */
.creator-card{background:var(--paper);border-color:var(--line);border-radius:8px}
@media(max-width:520px){
 h1{font-size:34px}
 .creator-head h1{font-size:32px}
 #create-view h1.card-header{font-size:26px;padding:4px 0 6px}
 h2,.section-title{font-size:20px}
 .lead{font-size:16px}
 nav button{font-size:13px}
 #create-view input:not([type=range]),#create-view .input-group span,input,textarea,select{font-size:16px}
 .primary,.btn.primary{font-size:16px;padding:8px 22px}
}
#create-view .slider-heading label,.slider-heading label{font-size:14px}
.slider-scale,.slider-limits{font-size:12px;color:var(--ink-3)}
.creator-card a.btn.primary,.offers-empty a.btn.primary{background:#000;border-color:#000}
.creator-card a.btn.primary:hover,.offers-empty a.btn.primary:hover{background:#22292d;border-color:#22292d}
/* Big figures in the serif, like YC display numbers */
.campaign-stats strong,.followers-value strong,.kit-stats dd,.bid-position strong,.my-bid strong,.views-box strong,.seats-count b,.terms-hero strong,.wp-top strong,.bid-value,.wallet strong,.earnings-total strong{font-family:var(--serif);font-weight:500;letter-spacing:-.015em;font-variant-numeric:lining-nums tabular-nums}

/* ===== Billing (monthly plan + credit balance) ===== */
.plan-box{max-width:560px;margin:24px 0 0;padding:24px;border:1px solid var(--ink);border-radius:12px;background:var(--paper)}
.plan-box h2{margin:4px 0 12px;font-size:24px}
.plan-points{margin:0 0 18px;padding-left:18px;color:var(--ink-2);font-size:15px;line-height:1.55}
.plan-points li{margin:4px 0}
.pay-box.is-locked{opacity:.6}
.pay-lines .pay-sub{padding-top:10px;border-top:1px solid #eff3f4}
.pay-lines .pay-credit dd{color:#2f6b3a}
.billing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px;margin:8px 0 32px;align-items:start}
.balance-card,.plan-card{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:22px}
.plan-card .plan-box{margin:0;padding:0;border:0;background:none;max-width:none}
.balance-card span{display:block;font-size:13px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em}
.balance-card strong{display:block;font-family:var(--serif);font-weight:500;font-size:44px;line-height:1.1;margin:6px 0 8px;letter-spacing:-.02em}
.plan-state{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;margin:0 0 14px;color:var(--ink-2)}
.plan-state b{color:#f4212e;font-weight:600}
.billing-table td.num,.billing-table th.num{text-align:right;font-variant-numeric:tabular-nums}
.billing-table td.is-plus{color:#2f6b3a}
.billing-table tr.is-held{opacity:.65}
.billing-foot{margin-top:18px;max-width:640px}
#billing-view{padding-bottom:24px}
@media(max-width:700px){.billing-grid{grid-template-columns:1fr}.balance-card strong{font-size:36px}}

/* Buttons back to the original square orange look; the serif italic label stays */
.btn{border-radius:2px}
.primary,.btn.primary,.creator-card a.btn.primary,.offers-empty a.btn.primary{background:#0f1419;border-color:#0f1419;color:#fff;border-radius:2px}
.primary:hover,.btn.primary:hover,.creator-card a.btn.primary:hover,.offers-empty a.btn.primary:hover{background:#272c30;border-color:#272c30}
.primary:disabled,.btn.primary:disabled{background:#8ecdf8;border-color:#8ecdf8;color:#fff}

/* ===== Create campaign: two columns, fits one screen on desktop =====
   Left: who and what (brand, website, brief). Right: a compact panel with size, price, windows, total and the button. */
.create-side{display:flex;flex-direction:column}
@media(min-width:900px){
 main:has(#create-view:not([hidden])){max-width:1100px}
 #create-view h1.card-header{font-size:30px;padding:2px 0 10px}
 .create-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}
 #create-view .create-grid .card-body{padding:0;display:flex;flex-direction:column}
 #create-view .create-grid .card-body>label:first-child{margin-top:0}
 #create-view #brief{min-height:210px;height:auto}
 .create-side{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:14px 18px 16px}
 #create-view .create-side .row{margin:0}
 #form .create-side .slider-field{padding:6px 0 2px}
 #form .create-side .slider-field+.slider-field{border-top:1px dashed #eff3f4}
 #create-view .create-side .slider-heading{margin:0}
 #create-view .create-side .slider-heading label{font-size:14px}
 #form .create-side .slider-value{font-size:19px}
 #create-view .create-side input[type=range]{height:22px}
 #form .create-side .slider-scale{margin-top:0;font-size:11px;line-height:1.2}
 #create-view .create-side .deadline-row{gap:12px;margin:8px 0 0;padding-top:8px;border-top:1px solid #eff3f4}
 #create-view .create-side .deadline-row label{margin:0 0 4px;font-size:13px}
 #create-view .create-side .deadline-row select{padding:7px 9px;font-size:14px}
 #create-view .create-side .deadline-row .help{font-size:11px;margin-top:3px;line-height:1.3}
 #create-view .create-side .auction-totals{margin-top:12px;padding:12px 0 0;border:0;border-top:1px solid #eff3f4;border-radius:0;background:none;box-shadow:none}
 #create-view .create-side .totals-formula{margin-bottom:8px;padding-bottom:8px}
 #create-view .create-side .totals-item.is-budget strong{font-size:30px}
 #create-view .create-side #error{margin:8px 0 0}
 #create-view .create-side .actions{margin-top:12px;flex-direction:column;align-items:stretch;gap:6px}
 #create-view .create-side .actions .btn{width:100%;padding:10px 16px}
 #create-view .create-side .actions .help{text-align:center;margin:0}
}
/* posts per creator: 1–5, tick marks at 2, 3 and 4 */
#form .is-stepped input[type=range]::-webkit-slider-runnable-track{background:radial-gradient(circle,#adbac0 0 2px,transparent 2.5px) 25% 50%/8px 8px no-repeat,radial-gradient(circle,#adbac0 0 2px,transparent 2.5px) 50% 50%/8px 8px no-repeat,radial-gradient(circle,#adbac0 0 2px,transparent 2.5px) 75% 50%/8px 8px no-repeat,linear-gradient(to right,#1d9bf0 var(--progress,0%),#d1d8db var(--progress,0%))}
/* Create form: the formula line already shows the post count, so only the budget stays — label left, sum right */
#create-view .totals-item:not(.is-budget){display:none}
#create-view .totals-item.is-budget{flex:1;flex-direction:row;justify-content:space-between;align-items:baseline;text-align:left}
#create-view .totals-item.is-budget span{font-size:14px;color:var(--ink-2)}
.billing-table td:first-child,.billing-table td:last-child,.billing-table td.num{white-space:nowrap}
.billing-table td .help{display:block;margin:2px 0 0;font-size:12px}

/* Light / dark switch in the header */
.theme-toggle{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:0;border-radius:50%;background:none;color:var(--ink-2,#536471);padding:0;cursor:pointer}
.theme-toggle:hover{background:rgba(15,20,25,.08);color:var(--ink,#0f1419)}
.theme-toggle .icon-sun{display:none}
.theme-dark .theme-toggle .icon-sun{display:block}
.theme-dark .theme-toggle .icon-moon{display:none}
.theme-dark .theme-toggle:hover{background:rgba(231,233,234,.1)}
@media(max-width:520px){.theme-toggle{width:32px;height:32px}}
/* waitlist screen (WAITLIST=1) */
.waitlist-who{display:flex;align-items:center;gap:12px;margin:14px 0 18px}
.waitlist-who .avatar{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#f7f9f9;color:#4d5d65;font-size:15px;font-weight:700;flex:none}
.waitlist-who .avatar img{width:100%;height:100%;object-fit:cover}
.waitlist-who b{display:block;font-size:15px}
.waitlist-who span:not(.avatar){font-size:13px;color:#536471}
.waitlist-card .btn{margin-top:18px}
/* Header edges follow the content edges: on wide pages the header is exactly as wide as main (same 28px side padding),
   so the logo lines up with the left text line and the avatar with the right edge of the content. */
:root{--head-w:1020px}
body.auction-page,body.creator-wide{--head-w:1080px}
@media(min-width:900px){body:has(#create-view:not([hidden])){--head-w:1100px}}
.nav-wrap{max-width:var(--head-w)}
.nav-wrap .brand{margin-left:0}
/* brand avatar inside the "@" box of the brand account field */
.account-prefix{position:relative;display:inline-grid;place-items:center;min-width:42px}
.account-prefix i{font-style:normal}
.account-prefix img{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 1px #0000001a}
.account-prefix.has-avatar i{display:none}
/* AI brief generation: shimmering lines over the empty field, then the text is typed in */
.brief-box{position:relative}
.brief-skeleton{position:absolute;inset:1px;padding:13px 14px;display:none;flex-direction:column;gap:11px;pointer-events:none;overflow:hidden}
.brief-box.is-generating .brief-skeleton{display:flex}
.brief-box.is-generating textarea::placeholder{color:transparent}
.brief-skeleton>i{display:block;height:9px;border-radius:6px;background:linear-gradient(90deg,#eceee9 0%,#f5f7f8 45%,#eceee9 90%);background-size:200% 100%;animation:bs-shimmer 1.4s linear infinite}
.brief-skeleton>i:nth-of-type(1){width:94%}.brief-skeleton>i:nth-of-type(2){width:86%;animation-delay:.1s}.brief-skeleton>i:nth-of-type(3){width:97%;animation-delay:.2s}.brief-skeleton>i:nth-of-type(4){width:72%;animation-delay:.3s}.brief-skeleton>i:nth-of-type(5){width:48%;animation-delay:.4s}
.bs-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#536471;margin-bottom:3px}
.bs-label b{font-weight:500;animation:bs-fade .4s ease}
.bs-spark{font-style:normal;font-size:14px;color:#0f1419;display:inline-block;animation:bs-pulse 1.6s ease-in-out infinite}
.brief-box.is-typing textarea{caret-color:transparent}
@keyframes bs-shimmer{to{background-position:-200% 0}}
@keyframes bs-pulse{0%,100%{transform:scale(.8) rotate(0);opacity:.55}50%{transform:scale(1.15) rotate(90deg);opacity:1}}
@keyframes bs-fade{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.brief-skeleton>i,.bs-spark,.bs-label b{animation:none}}
/* ===== Launch screen: steps + what happens next on the left, a sticky summary with one CTA on the right ===== */
.launch-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start;margin-top:18px}
.launch-main .eyebrow{margin-bottom:14px}
.launch-head{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.launch-head h1{margin:0 0 4px}
.launch-head .auction-sub{margin:0}
.launch-steps{list-style:none;margin:0 0 34px;padding:0;display:grid;gap:0}
.ls-step{position:relative;display:flex;gap:14px;padding:0 0 20px}
.ls-step:not(:last-child)::before{content:"";position:absolute;left:13px;top:30px;bottom:2px;width:2px;background:#eff3f4}
.ls-step.is-done:not(:last-child)::before{background:#0f1419}
.ls-dot{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid #cfd9de;background:#fff;font-size:14px;font-weight:700;color:#fff}
.ls-step.is-done .ls-dot{background:#0f1419;border-color:#0f1419}
.ls-step.is-now .ls-dot{border-color:#0f1419;box-shadow:0 0 0 4px #0f14191a}
.ls-step.is-now .ls-dot::after{content:"";width:10px;height:10px;border-radius:50%;background:#0f1419}
.ls-step div{display:flex;flex-direction:column;gap:2px;padding-top:3px}
.ls-step b{font-size:15px;font-weight:600}
.ls-step span{font-size:13px;color:#536471}
.ls-step.is-next b{color:#536471}
.launch-h2{font-size:18px;margin:0 0 14px}
.launch-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.launch-flow>div{border:1px solid #eff3f4;border-radius:12px;padding:16px;background:#fff}
.launch-flow b{display:block;font-size:14px;margin:10px 0 4px}
.launch-flow p{margin:0;font-size:13px;line-height:1.45;color:#536471}
.lf-num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f7f9f9;font-size:12px;font-weight:700;color:#0f1419}
.launch-side{position:sticky;top:20px}
.launch-side .pay-box{max-width:none;margin:0;padding:22px;border:1px solid #eff3f4;border-radius:14px;box-shadow:0 10px 30px #1a1a1a10}
.pay-kicker{margin:0 0 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#536471}
.launch-side .pay-lines{margin-bottom:14px}
.launch-side .pay-lines div{font-size:14px}
.pay-today{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 16px;border-top:1px solid #eff3f4}
.pay-today span{font-size:15px;font-weight:600}
.pay-today strong{font-size:30px;font-weight:600;letter-spacing:-.5px}
.launch-side .pay-btn{padding:15px;font-size:17px}
.pay-trust{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px;font-size:12.5px;color:#536471}
.pay-trust li:not(:first-child)::before{content:"✓ ";color:#2f6b3a;font-weight:700}
@media(max-width:860px){.launch-grid{grid-template-columns:minmax(0,1fr);gap:24px}.launch-side{position:static;order:-2}.launch-main{display:contents}
 .launch-main>.eyebrow,.launch-head{order:-3}.launch-flow{grid-template-columns:minmax(0,1fr)}.launch-flow>div{display:grid;grid-template-columns:24px 1fr;column-gap:12px}.launch-flow b{margin:2px 0 2px}.launch-flow p{grid-column:2}.launch-head{margin-bottom:0}}
.brief-note{margin:8px 0 0;padding:8px 10px;border-left:2px solid #cfd9de;background:#f3f5f6;font-size:12px;line-height:1.45;color:#4d5d65}
.brief-note b{font-weight:600;color:#0f1419}
/* ===== AI brief: research panel (≥5 s) and card view ===== */
.brief-box.is-generating textarea{display:none}
.brief-box.is-generating .brief-skeleton{display:none}
.br-panel{border:1px solid #eff3f4;border-radius:12px;padding:16px 18px 14px;background:linear-gradient(180deg,#fff, #f7f8f9)}
.br-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.br-top b{font-size:14px;font-weight:600;flex:1}
.br-pct{font-size:12px;color:#536471;font-variant-numeric:tabular-nums}
.br-bar{height:4px;border-radius:4px;background:#e5e9eb;overflow:hidden;margin-bottom:14px}
.br-bar i{display:block;height:100%;width:0;border-radius:4px;background:#0f1419;transition:width .35s ease}
.br-steps{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.br-steps li{display:flex;align-items:center;gap:10px;font-size:13px;color:#90a1a9;transition:color .3s}
.br-steps li.is-now{color:#0f1419}.br-steps li.is-done{color:#4d5d65}
.br-ic{flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid #cfd9de;display:grid;place-items:center}
.br-steps li.is-now .br-ic{border-color:#0f1419;border-right-color:transparent;animation:br-spin .8s linear infinite}
.br-steps li.is-done .br-ic{border-color:#0f1419;background:#0f1419}
.br-steps li.is-done .br-ic::after{content:"";width:6px;height:3px;border:solid #fff;border-width:0 0 1.6px 1.6px;transform:translateY(-1px) rotate(-45deg)}
@keyframes br-spin{to{transform:rotate(360deg)}}
.brief-view{display:grid;gap:10px}
.bv-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bv-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:#0f1419;color:#fff}
.bv-badge .bs-spark{color:#fff;font-size:12px}
.bv-meta{font-size:12px;color:#536471;flex:1}
.bv-edit,.bv-done{font-size:12px}
.bv-done{margin-top:6px}
.bv-card{border:1px solid #eff3f4;border-radius:12px;padding:12px 14px;background:#fff}
.bv-card p{margin:0;font-size:13.5px;line-height:1.5}
.bv-k{font-size:11px!important;letter-spacing:.07em;text-transform:uppercase;color:#536471;margin:0 0 6px!important;display:flex;justify-content:space-between;gap:8px}
.bv-k span{letter-spacing:0;text-transform:none;font-size:11px}
.bv-hero{background:#f7f8f9}
.bv-hero p:not(.bv-k){font-size:15px;line-height:1.5;font-weight:500}
.bv-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bv-row:empty{display:none}
.bv-row>.bv-card:only-child{grid-column:1/-1}
.bv-angles{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bv-angles li{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:start;padding:8px 10px;border-radius:9px;background:#f3f5f6}
.bv-angles li span{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#0f1419;padding-top:2px}
.bv-list,.bv-checks,.bv-x{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13.5px;line-height:1.45}
.bv-list li{padding-left:14px;position:relative}.bv-list li::before{content:"";position:absolute;left:2px;top:.6em;width:5px;height:5px;border-radius:50%;background:#0f1419}
.bv-checks li,.bv-x li{padding-left:24px;position:relative}
.bv-checks li::before{content:"✓";position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;background:#2f6b3a;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}
.bv-x li::before{content:"✕";position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;background:#f3e3e1;color:#f4212e;font-size:9px;font-weight:700;display:grid;place-items:center}
.bv-req{border-color:#cfe0cf;background:#fbfdf9}
.bv-rec{margin-top:8px!important;font-size:12.5px!important;color:#536471}
.bv-foot{display:grid;gap:6px}
.bv-src{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px!important}
.bv-src span{color:#536471;margin-right:2px}
.bv-src a{padding:2px 8px;border-radius:999px;background:#ebeef0;color:#323b40;text-decoration:none;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bv-src a:hover{background:#dfe4e6}
.brief-view .brief-note{margin:0}
.brief-view.is-reveal>*{animation:bv-in .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*110ms)}
@keyframes bv-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:560px){.bv-row{grid-template-columns:minmax(0,1fr)}.bv-angles li{grid-template-columns:minmax(0,1fr);gap:2px}}
@media(prefers-reduced-motion:reduce){.br-steps li.is-now .br-ic{animation:none}.brief-view.is-reveal>*{animation:none}}
@media(min-width:900px){#create-view .create-side{position:sticky;top:16px}}
.bv-card p,.bv-list,.bv-checks,.bv-x{color:#232a2d}
/* editable Required items */
.bv-checks.is-edit li{display:flex;align-items:flex-start;gap:6px}
.bv-item{flex:1;min-width:0;border-radius:6px;padding:1px 6px;margin:-1px -6px;outline:none;cursor:text;transition:background .15s}
.bv-item:hover{background:#eef4ec}
.bv-item:focus{background:#fff;box-shadow:0 0 0 1.5px #2f6b3a}
.bv-del{flex:none;border:0;background:none;color:#90a1a9;font-size:16px;line-height:1;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .15s}
.bv-checks.is-edit li:hover .bv-del,.bv-del:focus-visible{opacity:1}
.bv-del:hover{color:#f4212e;background:#f3e3e1}
@media(hover:none){.bv-del{opacity:1}}
.bv-add{margin-top:8px;font-size:12.5px;color:#2f6b3a}
/* posts to quote */
.bv-type>p:not(.bv-k){margin-bottom:10px!important}
.bv-quotes{display:grid;gap:8px}
.bv-quote{display:grid;gap:4px;padding:10px 12px;border:1px solid #eff3f4;border-radius:10px;background:#f7f8f9;color:inherit;text-decoration:none;transition:border-color .15s,background .15s}
.bv-quote:hover{border-color:#cfd9de;background:#fff}
.bv-q-text{font-size:13px;line-height:1.45;color:#232a2d;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bv-q-meta{font-size:11.5px;color:#536471}
/* every brief block editable in place */
.bv-ed{border-radius:6px;padding:2px 6px;margin:-2px -6px;outline:none;cursor:text;transition:background .15s,box-shadow .15s}
.bv-ed:hover{background:#edf0f2}
.bv-ed:focus{background:#fff;box-shadow:0 0 0 1.5px #0f1419}
.bv-ed:empty::before{content:attr(data-ph);color:#90a1a9}
.bv-list.is-edit li,.bv-x.is-edit li{display:flex;align-items:flex-start;gap:6px}
.bv-list.is-edit li:hover .bv-del,.bv-x.is-edit li:hover .bv-del{opacity:1}
.bv-list .bv-item:hover,.bv-x .bv-item:hover{background:#edf0f2}
.bv-list .bv-item:focus,.bv-x .bv-item:focus{background:#fff;box-shadow:0 0 0 1.5px #0f1419}
.bv-avoid .bv-add,.bv-card .bv-add{color:#4d5d65}
.bv-req .bv-add{color:#2f6b3a}
.bv-rec .bv-ed{display:inline}
.bv-quote{display:flex;align-items:flex-start;gap:6px}
.bv-quote>a{flex:1;min-width:0;display:grid;gap:4px;color:inherit;text-decoration:none}
.bv-quote:hover .bv-del{opacity:1}
.bv-q-add{display:flex;gap:8px;margin-top:10px}
.bv-q-add input{flex:1;min-width:0;padding:7px 10px;font-size:13px}
.bv-q-add .btn{padding:7px 14px;font-size:13px}
.bv-type .field-error{margin:6px 0 0;font-size:12px}
.bv-type .field-error:empty{display:none}
/* quoting switch + always-visible remove buttons */
.bv-type .bv-k{align-items:center}
.bv-switch{display:inline-flex;align-items:center;gap:8px;letter-spacing:0;text-transform:none;font-size:12px;color:#323b40;cursor:pointer;user-select:none}
.bv-switch input{position:absolute;opacity:0;pointer-events:none}
.bv-switch i{position:relative;width:30px;height:18px;border-radius:999px;background:#cfd9de;transition:background .2s}
.bv-switch i::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .2s}
.bv-switch input:checked+i{background:#0f1419}
.bv-switch input:checked+i::after{transform:translateX(12px)}
.bv-switch input:focus-visible+i{outline:2px solid #0f1419;outline-offset:2px}
.bv-q-sub{margin:10px 0 8px!important;font-size:12.5px!important;color:#536471}
.bv-quote .bv-del{opacity:.55;font-size:18px}
.bv-quote .bv-del:hover{opacity:1}
/* ===== Brief as a document: one sheet, labelled rows ===== */
.brief-view{gap:0;border:1px solid #d2d9dc;border-radius:14px;background:#fff;box-shadow:0 1px 2px #1a1a1a0d,0 12px 32px #1a1a1a0f;overflow:hidden}
.brief-view .bv-head{display:flex;align-items:center;gap:14px;padding:18px 22px 16px;background:#f7f8f9;border-bottom:1px solid #eff3f4;flex-wrap:nowrap}
.brief-view .bv-head .brand-avatar{width:40px;height:40px;flex:none}
.bv-title{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.bv-doc-k{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#536471;font-weight:600}
.bv-title b{font-family:var(--serif,Georgia,serif);font-size:19px;font-weight:600;letter-spacing:-.01em;color:#181d20;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bv-title b em{font-style:normal;color:#a4b2b9;font-weight:400}
.brief-view .bv-meta{font-size:11.5px;color:#536471;flex:none}
.bv-head-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.bv-draft{font-size:10.5px;letter-spacing:.04em;color:#1f618a;background:#dceffb;border:1px solid #b4d8ef;border-radius:999px;padding:2px 9px;white-space:nowrap}
.brief-view .bv-edit{font-size:12px}
.brief-view .bv-row{display:contents}
.brief-view .bv-card{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:22px;align-items:start;border:0;border-top:1px solid #e5e9eb;border-radius:0;padding:16px 22px;background:transparent;box-shadow:none}
.brief-view .bv-head+.bv-card{border-top:0}
.brief-view .bv-card>.bv-k{grid-row:1/span 9;flex-direction:column;justify-content:flex-start;gap:6px;margin:2px 0 0!important;font-size:10.5px!important;letter-spacing:.11em;font-weight:600;color:#5b6e77}
.brief-view .bv-card>.bv-k span{font-size:11px;font-weight:400;letter-spacing:0;color:#8698a1;line-height:1.35}
.brief-view .bv-card>:not(.bv-k){grid-column:2}
.brief-view .bv-card p:not(.bv-k),.brief-view .bv-card li{font-size:14px;line-height:1.55;color:#1a1f21}
.brief-view .bv-hero{background:transparent}
.brief-view .bv-hero .bv-ed{font-family:var(--serif,Georgia,serif);font-size:18px!important;line-height:1.45!important;font-weight:500;letter-spacing:-.005em}
.brief-view .bv-req{background:linear-gradient(90deg,#f3f8f1,transparent 70%);box-shadow:inset 3px 0 0 #2f6b3a}
.brief-view .bv-req .bv-k{color:#2f6b3a}
.brief-view .bv-checks li::before{background:#2f6b3a;width:15px;height:15px;font-size:9px;top:3px}
.brief-view .bv-x li::before{top:3px}
.brief-view .bv-rec{font-size:12.5px!important;color:#5b6e77!important;margin-top:10px!important;padding-top:8px;border-top:1px dashed #dfe6dc}
.brief-view .bv-avoid .bv-k{color:#9a3b33}
.brief-view .bv-quote{border-radius:10px;background:#f9fafa;border:1px solid #dee3e5}
.brief-view .bv-q-sub{color:#5b6e77}
.brief-view .bv-type .bv-switch{margin-top:2px}
.brief-view .bv-foot{grid-column:1/-1;padding:14px 22px 16px;border-top:1px solid #eff3f4;background:#f7f8f9}
.brief-view .bv-src span{text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:600}
.brief-view .brief-note{background:#fff;border-left-color:#6fa7c9}
.brief-view .bv-add{font-size:12.5px;margin-top:8px}
@media(max-width:640px){.brief-view .bv-card{grid-template-columns:minmax(0,1fr);row-gap:8px;padding:14px 16px}
 .brief-view .bv-card>.bv-k{grid-row:auto;flex-direction:row;justify-content:space-between;align-items:center}
 .brief-view .bv-card>:not(.bv-k){grid-column:1}
 .brief-view .bv-head{padding:14px 16px;flex-wrap:wrap}.bv-head-r{flex-direction:row;align-items:center;width:100%;justify-content:space-between}
 .brief-view .bv-foot{padding:12px 16px}}
.brief-view .bv-card{grid-template-columns:112px minmax(0,1fr);column-gap:18px}
.brief-view .bv-card>.bv-k{align-items:flex-start!important;text-align:left}
.brief-view .bv-add{justify-self:start;text-align:left;padding-left:0}
.brief-view .bv-type .bv-switch{font-size:11.5px;gap:6px;letter-spacing:0;text-transform:none;font-weight:500;color:#323b40;white-space:nowrap}
.brief-view .bv-switch i{width:26px;height:16px}.brief-view .bv-switch i::after{width:12px;height:12px}
.brief-view .bv-switch input:checked+i::after{transform:translateX(10px)}
.brief-view .bv-head .bv-meta{white-space:normal}
.brief-view .bv-type>.bv-switch{justify-self:start;margin:0 0 8px}
@media(max-width:640px){
 .brief-view .bv-card{grid-template-columns:minmax(0,1fr);row-gap:8px;padding:14px 16px}
 .brief-view .bv-card>.bv-k{grid-row:auto;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:baseline!important;gap:4px 10px}
 .brief-view .bv-card>:not(.bv-k){grid-column:1}
 .brief-view .bv-hero .bv-ed{font-size:17px!important}
}
/* ===== AI brief: locked placeholder until AI has written the brief ===== */
.br-lock{display:none}
.brief-box.is-locked:not(.is-generating) textarea{display:none}
.brief-box.is-locked:not(.is-generating) .br-lock{display:grid}
.br-lock{grid-template-columns:118px minmax(0,1fr);gap:20px;align-items:center;border:1px solid #eff3f4;border-radius:14px;padding:18px 20px;background:radial-gradient(120% 140% at 0% 0%,#fff 0%,#f3f5f6 70%);box-shadow:0 1px 2px #0000000a;position:relative;overflow:hidden}
.br-lock-doc{position:relative;height:138px;border:1px solid #eff3f4;border-radius:8px;background:#fff;padding:14px 12px;display:flex;flex-direction:column;gap:7px;box-shadow:0 6px 18px -10px #00000040;transform:rotate(-3deg)}
.br-lock-doc b{display:block;width:58%;height:8px;border-radius:4px;background:#ced6da;margin-bottom:4px}
.br-lock-doc i{display:block;height:5px;border-radius:3px;background:linear-gradient(90deg,#e5e9eb 0%,#f2f4f5 45%,#e5e9eb 90%);background-size:200% 100%}
.br-lock-doc i:nth-of-type(2){width:86%}.br-lock-doc i:nth-of-type(3){width:70%}.br-lock-doc i:nth-of-type(5){width:92%}
.br-lock-doc u{display:block;height:20px;border-left:2px solid #bcc6cb;background:#eff2f3;border-radius:0 4px 4px 0;margin:2px 0}
.br-lock.is-ready .br-lock-doc i{animation:bs-shimmer 1.4s linear infinite}
.br-lock-body{min-width:0}
.br-lock-ic{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0f1419;color:#fff;font-size:13px;margin-bottom:8px}
.br-lock.is-ready .br-lock-ic{animation:bs-pulse 1.6s ease-in-out infinite}
.br-lock-t{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:19px;font-weight:600;letter-spacing:-.01em;color:#0f1419;margin-bottom:4px}
.br-lock-msg{margin:0 0 12px;font-size:13px;line-height:1.5;color:#536471}
.br-lock-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.br-lock-steps li{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#536471;border:1px solid #eff3f4;background:#fff;border-radius:999px;padding:4px 10px 4px 6px;transition:color .25s,border-color .25s}
.br-lock-steps li::before{content:"";width:14px;height:14px;border-radius:50%;border:1.5px solid #cfd9de;box-sizing:border-box;flex:none}
.br-lock-steps li.is-ok{color:#0f1419;border-color:#c3ccd0}
.br-lock-steps li.is-ok::before{border-color:#0f1419;background:#0f1419}
.br-lock-steps li{position:relative}
.br-lock-steps li.is-ok::after{content:"";position:absolute;left:10px;top:50%;width:6px;height:3px;border:solid #fff;border-width:0 0 1.6px 1.6px;transform:translateY(-75%) rotate(-45deg)}
.br-lock.is-ready .br-lock-steps li:last-child{color:#0f1419;border-color:#0f1419}
.br-lock.is-ready .br-lock-steps li:last-child::before{border-color:#0f1419;border-right-color:transparent;animation:br-spin .8s linear infinite}
@media(max-width:640px){.br-lock{grid-template-columns:1fr;padding:16px}.br-lock-doc{display:none}}
/* Brief sheet adapts to its own width (the create form column can be narrow on mid-size screens) */
.brief-view{grid-template-columns:minmax(0,1fr);container-type:inline-size;min-width:0}
.brief-view>*{min-width:0}
@container (max-width:600px){
 .brief-view .bv-head{flex-wrap:wrap;padding:14px 16px}
 .brief-view .bv-head-r{flex-direction:row;align-items:center;width:100%;justify-content:space-between;flex-wrap:wrap;gap:6px}
 .brief-view .bv-title b{white-space:normal}
}
@container (max-width:480px){
 .brief-view .bv-card{grid-template-columns:minmax(0,1fr);row-gap:8px;padding:14px 16px}
 .brief-view .bv-card>.bv-k{grid-row:auto;flex-direction:row;justify-content:space-between;align-items:center}
 .brief-view .bv-card>:not(.bv-k){grid-column:1}
 .brief-view .bv-foot{padding:12px 16px}
}
/* The page never scrolls sideways (iPad/iPhone Safari let it drift on any 1px overflow) */
html,body{overflow-x:hidden}
@supports (overflow-x:clip){html,body{overflow-x:clip}}
.bv-switch{position:relative}
.bv-switch input{left:0;top:0;width:1px;height:1px;margin:0}
/* Check / cross marks drawn as SVG, not font glyphs (Safari substitutes a different font and the ✓ drifts) */
.bv-checks li::before{content:""!important;background:#2f6b3a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.6 8.3l2.2 2.2 4.6-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat!important}
.bv-x li::before{content:""!important;background:#f3e3e1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.6 5.6l4.8 4.8M10.4 5.6l-4.8 4.8' fill='none' stroke='%23b02a37' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat!important}
.brief-view .bv-checks li::before,.brief-view .bv-x li::before{top:calc((1.55em - 15px)/2)}
.theme-dark .bv-checks li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.6 8.3l2.2 2.2 4.6-4.9' fill='none' stroke='%230b1a0e' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
/* ===== Bids review: stages, recommended team, compact rows, shortlist, team sidebar ===== */
.xo-steps{list-style:none;display:flex;gap:6px;margin:0 0 10px;padding:0;font-size:11.5px;letter-spacing:.02em}
.xo-steps li{display:flex;align-items:center;gap:6px;color:#90a1a9}
.xo-steps li+li::before{content:"";width:18px;height:1px;background:#eff3f4}
.xo-steps li.is-now{color:#0f1419;font-weight:600}
.xo-steps li.is-now::after{content:"";order:-1;width:7px;height:7px;border-radius:50%;background:#1a8cd8;box-shadow:0 0 0 3px #1a8cd826}
.xo-steps li.is-done{color:#4d5d65}
.xo-demo{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;border:1px solid #c3d7e3;background:#ecf5fb;color:#1f618a;font-size:10.5px;letter-spacing:.04em;vertical-align:1px;cursor:help}
/* Recommended team */
.xo-rec{margin:18px 0 6px;border:1px solid #d2d9dc;border-radius:14px;padding:16px 18px;background:radial-gradient(120% 160% at 0 0,#fff 0%,#f2f4f5 75%);box-shadow:0 1px 2px #0000000a}
.xo-rec-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:12px}
.xo-rec-k{font-weight:700;font-size:14px;color:#0f1419}
.xo-rec-head p{margin:0;font-size:12.5px;color:#536471}
.xo-rec-body{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-bottom:14px}
.xo-stack{display:flex;padding-left:6px}
.xo-stack .xo-av{margin-left:-6px;box-shadow:0 0 0 2px #fff}
.xo-av{width:30px!important;height:30px!important;font-size:10px!important;flex:none;border-radius:50%}
.xo-more-n{display:grid;place-items:center;background:#e5e9eb;color:#4d5d65;font-weight:600}
.xo-rec dl{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0}
.xo-rec dl div{margin:0}
.xo-rec dt{font-size:11px;color:#536471}
.xo-rec dd{margin:0;font-size:15px;font-weight:600;color:#0f1419;font-variant-numeric:tabular-nums}
.xo-rec dd small{font-size:11px;font-weight:400;color:#90a1a9}
.xo-rec-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
/* Tools: sort + filters */
.xo-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin:2px 0 6px}
.xo-tools .offer-sort{margin:0}
.xo-filters{display:flex;gap:6px}
.xo-filters select{width:auto;font-size:12px;padding:5px 26px 5px 10px;border-radius:999px;min-height:0;height:auto}
.xo-sl-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 2px;padding:10px 12px;border-radius:10px;background:#e9f1f6;font-size:12.5px;color:#4d5d65}
/* Rows */
.author-offer.xo-row{padding:14px 0 12px;cursor:pointer}
.author-offer.xo-row:hover{background:linear-gradient(90deg,#f7f8f9,transparent)}
.xo-main{display:grid;grid-template-columns:22px 38px minmax(0,1fr) auto auto 22px;align-items:center;gap:10px}
.xo-star{border:0;background:none;padding:0;width:22px;height:22px;font-size:17px;line-height:1;color:#a4b2b9;cursor:pointer}
.xo-star[aria-pressed="true"]{color:#0a7ec6}
.xo-star:hover{color:#0a7ec6}
.xo-who{min-width:0}
.xo-who h3{margin:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xo-who p{margin:1px 0 0;font-size:12px;color:#536471;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xo-ver{font-style:normal;display:inline-grid;place-items:center;width:14px;height:14px;margin-left:5px;border-radius:50%;background:#1d9bf0;color:#fff;font-size:8.5px;vertical-align:1px}
.xo-fit{font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap;font-variant-numeric:tabular-nums}
.xo-fit.is-hi{background:#e6f1e3;color:#2f6b3a}.xo-fit.is-mid{background:#dcecf6;color:#1f618a}.xo-fit.is-lo{background:#ebeef0;color:#536471}
.xo-price{text-align:right;line-height:1.15}
.xo-price b{display:block;font-size:15px;font-variant-numeric:tabular-nums}
.xo-price span{font-size:11px;color:#90a1a9}
.xo-more-btn{border:0;background:none;padding:0;color:#90a1a9;font-size:12px;cursor:pointer;width:22px;height:22px}
.xo-sub{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:6px 0 0 70px}
.xo-nums{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:#536471}
.xo-nums b{color:#0f1419;font-weight:600;font-variant-numeric:tabular-nums}
.xo-act{display:flex;align-items:center;gap:10px;margin-left:auto}
.xo-act .text-button{font-size:12.5px}
.xo-select{padding:6px 16px;font-size:13px;border-radius:999px}
.xo-why{margin:6px 0 0 70px;font-size:12px;color:#5b6e77;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.xo-why .best-badge,.xo-why .rebid-badge,.xo-why .over-badge{position:static;margin:0}
.author-offer.xo-row.is-best{padding-left:10px}
.xo-more{margin:10px 0 0 70px;cursor:default}
.xo-more .author-pitch{margin:0 0 10px;font-size:13.5px;color:#323b40}
.xo-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:8px}
.xo-posts-k{grid-column:1/-1;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#90a1a9;font-weight:600}
.xo-post{border:1px solid #dee3e5;border-radius:10px;padding:9px 11px;background:#f9fafa}
.xo-post p{margin:0 0 4px;font-size:12.5px;line-height:1.45;color:#323b40}
.xo-post span{font-size:11px;color:#90a1a9}
.xo-total{margin:4px 0 0}
.author-offer.is-declined .xo-main,.author-offer.is-withdrawn .xo-main{opacity:.55}
/* Team sidebar */
.team-summary .deadline-box{display:flex;flex-wrap:nowrap}
.team-summary .deadline-box>div{min-width:0}
.xo-team{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px;align-items:center}
.xo-team .xo-av.is-empty{border:1.5px dashed #cfd9de;background:transparent}
.xo-team-n{font-size:11px;color:#90a1a9;margin-left:4px}
.xo-budget{margin:0 0 6px}
.xo-bar{height:6px;border-radius:6px;background:#e5e9eb;overflow:hidden}
.xo-bar i{display:block;height:100%;background:#0f1419;border-radius:6px;transition:width .4s ease}
.xo-bl{display:flex;justify-content:space-between;font-size:12px;color:#536471;margin-top:6px}
.xo-bl b{color:#0f1419;font-variant-numeric:tabular-nums}
@media(min-width:701px){.team-summary{position:sticky;top:calc(env(safe-area-inset-top,0px) + 76px);align-self:start}}
@media(max-width:560px){
 .xo-main{grid-template-columns:22px 34px minmax(0,1fr) auto 18px;gap:8px}
 .xo-main .xo-fit{grid-column:3;grid-row:2;justify-self:start;margin-top:-4px}
 .xo-sub,.xo-why,.xo-more{margin-left:0}
 .xo-act{width:100%;justify-content:flex-end}
}
.author-offer.xo-row{animation:none}
.author-offer.xo-row.is-new{animation:offer-in .35s ease-out}
.xo-filters select{width:auto!important;max-width:160px;flex:none}
.xo-team .xo-av.is-empty{border:1.5px dashed rgba(128,128,128,.45)}
@media(max-width:700px){.auction-layout .team-summary{grid-row:auto}}
.xo-nums i{font-style:normal;color:#90a1a9}
/* Waitlist questionnaire */
.wl-form{margin:18px 0 14px;padding:16px;border:1px solid #eff3f4;border-radius:14px;background:#f7f8f9;text-align:left}
.wl-k{margin:0 0 10px;font-weight:600;font-size:14px;color:#0f1419}
.wl-kind{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:#e5e9eb;margin-bottom:12px}
.wl-kind button{border:0;background:none;border-radius:999px;padding:6px 14px;font-size:13px;color:#4d5d65;cursor:pointer}
.wl-kind button[aria-pressed="true"]{background:#fff;color:#0f1419;font-weight:600;box-shadow:0 1px 2px #0000001a}
.wl-form label{display:block;font-size:12.5px;color:#4d5d65;margin:0 0 10px}
.wl-form label i{font-style:normal;color:#90a1a9}
.wl-form input,.wl-form select{display:block;width:100%;margin-top:4px}
.wl-money{position:relative;margin-top:4px}
.wl-money span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#536471;font-size:14px}
.wl-money input{padding-left:24px;margin-top:0}
.wl-form .btn{width:100%;margin-top:4px}
.wl-form .field-error:empty{display:none}
.wl-saved{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px}
.wl-saved b{color:#2f6b3a;width:100%}
.wl-saved span{color:#4d5d65}
/* Gate / waitlist: content starts near the top; header, card and footer share one column */
body.is-gated{--head-w:720px}
body.is-gated main{max-width:720px}
#auth-gate{min-height:0;align-items:flex-start;justify-content:flex-start;padding:clamp(28px,7vh,72px) 0 48px}
#auth-gate .gate-card{width:100%;max-width:none}

/* ===== X brand layer (generated by scripts/build-theme-x.mjs) — same fonts, X colours and shapes ===== */
:root{--ink:#0f1419;--ink-2:#536471;--ink-3:#536471;--line:#eff3f4;--ground:#ffffff;--paper:#ffffff;--accent:#1d9bf0;--accent-ink:#1a8cd8;background:#fff;color:#0f1419}
body{background:#fff}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #eff3f4}
.brand-mark{background:#ff6600;color:#fff;border-radius:8px}
.brand small{color:#536471}
nav button{color:#536471}
nav button:hover{color:#0f1419}
nav button.active{color:#0f1419;font-weight:600;border-bottom:4px solid #1d9bf0;border-radius:0}
a{color:inherit}
main a:not([class]){color:#1d9bf0;text-decoration:none}
main a:not([class]):hover{text-decoration:underline}
main h1 a,main h2 a,main h3 a{color:#0f1419}
.gate-role{border-color:#eff3f4;border-radius:16px}
.gate-role:hover{border-color:#cfd9de;box-shadow:0 2px 10px rgba(15,20,25,.06)}
.gate-role em{border-radius:9999px;background:#0f1419}
.gate-role .gate-btn,.gate-btn{border-radius:9999px}
.gate-role .gate-btn:not(.is-google),.gate-btn:not(.is-google){background:#0f1419;color:#fff}
.gate-role:hover em{background:#272c30}
main h2 a:hover,main h3 a:hover{color:#0f1419;text-decoration:underline}
#form .slider-unit{color:#536471}
/* buttons: X pills */
.btn,button.btn,a.btn{border-radius:9999px}
.primary,.btn.primary,.creator-card a.btn.primary,.offers-empty a.btn.primary{background:#0f1419;border-color:#0f1419;color:#fff;border-radius:9999px}
.primary:hover,.btn.primary:hover,.creator-card a.btn.primary:hover,.offers-empty a.btn.primary:hover{background:#272c30;border-color:#272c30}
.primary:disabled,.btn.primary:disabled{background:#0f1419;border-color:#0f1419;color:#fff;opacity:.5}
.dark,.btn.dark{background:#fff;border-color:#cfd9de;color:#0f1419}
.dark:hover,.btn.dark:hover{background:#f7f9f9}
.text-button{color:#536471}
/* inputs */
input,textarea,select{border-color:#cfd9de;border-radius:4px;background:#fff}
input:focus,textarea:focus,select:focus{border-color:#1d9bf0;box-shadow:0 0 0 1px #1d9bf0}
.input-group span{background:#f7f9f9;border-color:#cfd9de}
.input-group span:first-child{border-radius:4px 0 0 4px}.input-group input{border-radius:0 4px 4px 0}
/* cards and panels */
.creator-card,.campaign-card,.pay-box,.plan-box,.balance-card,.plan-card,.create-side,.team-summary,.payout-box,.auction-totals{border-color:#eff3f4;border-radius:16px;background:#fff}
.plan-box{border-color:#cfd9de}
.demo-note,.alert{background:#f7f9f9;border-left-color:#1d9bf0;color:#536471}
/* figures: ink instead of accent colour, like X counters */
.slider-heading output,#form .slider-value,.influencer-summary output,#sum-total,.totals-item.is-budget strong,.pay-lines .pay-total dd{color:#0f1419}
/* sliders */
input[type=range]::-webkit-slider-thumb{background:#1d9bf0;box-shadow:0 0 0 1px #1d9bf0;border-color:#fff}
input[type=range]::-moz-range-thumb{background:#1d9bf0;box-shadow:0 0 0 1px #1d9bf0;border-color:#fff}
input[type=range]::-moz-range-progress{background:#1d9bf0}
/* account chip and avatar like X */
.role-chip{border-color:#cfd9de;color:#536471}
.avatar{background:#0f1419;color:#fff}
.pill.is-wait{background:#e8f5fd;color:#1a8cd8}
.live-pill{background:#e8f5fd;color:#1a8cd8}
::selection{background:#cfe9fb}

/* header in the brand orange */
nav button.active{border-bottom-color:#e65c00}
/* create form: sliders and the budget in ink instead of blue */
#form input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#0f1419 var(--progress,0%),#cfd9de var(--progress,0%))}
#form .is-stepped input[type=range]::-webkit-slider-runnable-track{background:radial-gradient(circle,#8b98a5 0 2px,transparent 2.5px) 25% 50%/8px 8px no-repeat,radial-gradient(circle,#8b98a5 0 2px,transparent 2.5px) 50% 50%/8px 8px no-repeat,radial-gradient(circle,#8b98a5 0 2px,transparent 2.5px) 75% 50%/8px 8px no-repeat,linear-gradient(to right,#0f1419 var(--progress,0%),#cfd9de var(--progress,0%))}
#form input[type=range]::-webkit-slider-thumb,input[type=range]::-webkit-slider-thumb{background:#fff;border:2px solid #0f1419;box-shadow:0 1px 3px rgba(15,20,25,.2)}
#form input[type=range]::-moz-range-progress{background:#0f1419}
#form input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #0f1419;box-shadow:0 1px 3px rgba(15,20,25,.2)}
#create-view .totals-item.is-budget strong,#sum-total{color:#0f1419}
#form input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(15,20,25,.08),0 1px 3px rgba(15,20,25,.2)}
#form input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(15,20,25,.15)}