/* ADDBO approved design system: cream / charcoal, burnt orange. */

:root{--bg:#f5f1e8;--surface:#fffdf9;--sunk:#eee8dc;--raise:#e6dfd2;--ink:#252728;--muted:#756d62;--line:#e3d9cc;--line2:#d0c1b0;--accent:#be461d;--on-accent:#fffdf9;--chip:#fae2d3;--chip-ink:#9c3413;--sheet:var(--surface);--scrim:rgba(28,25,22,.5);--hdr:#f5f1e8f5;--gap:18px;--r-card:16px;--cols:3;--shimmer:linear-gradient(100deg,#eee8dc 30%,#fffdf9 50%,#eee8dc 70%);color-scheme:light}

:root[data-theme=charcoal]{--bg:#1b1d1e;--surface:#242627;--sunk:#202223;--raise:#343637;--ink:#f8f3e9;--muted:#b9b1a6;--line:#383a3b;--line2:#545657;--accent:#ee8050;--on-accent:#22160f;--chip:#4b3022;--chip-ink:#ffb48d;--hdr:#1b1d1ef5;--shimmer:linear-gradient(100deg,#202223 30%,#343637 50%,#202223 70%);color-scheme:dark}

body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;padding-bottom:30px}

button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

.wrap{max-width:1400px}.top{border-bottom:1px solid var(--line);padding-top:18px;padding-bottom:18px;gap:16px}.word{font-weight:750;letter-spacing:-.04em}.studio-mark{box-shadow:none;border-radius:11px}.bpill{background:var(--surface);border:1px solid var(--line);max-width:260px}.bpill .nm{min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hdr{background:var(--hdr);position:relative;border:0}.hdr .wrap{padding-top:0;padding-bottom:10px}.tbar{gap:10px}.search{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:none}.search input{color:var(--ink)}.ib{background:var(--surface);border:1px solid var(--line);border-radius:12px}.ib:hover,.btn:hover{box-shadow:none!important}.btn.primary:hover{background:var(--accent)!important;filter:brightness(1.06)}.ctl .seg{background:transparent;border-bottom:1px solid var(--line);border-radius:0}.seg button.on,.vp.on,.chip.on{background:var(--chip);color:var(--chip-ink)}.row{gap:8px}.btn{border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.plain{padding-top:0}.page{max-width:none}.feed{gap:18px}.col{gap:18px}.card{border-radius:16px;background:var(--surface);box-shadow:none}.card .media{border-radius:16px}.ov{color:white;background:linear-gradient(transparent,rgba(0,0,0,.72))}.card .savebtn{background:#fffdf9e6;color:#32251b}.savebtn.saved{background:var(--accent);color:var(--on-accent)}.count{color:var(--muted);margin-bottom:20px}.bhead h2{font-size:32px;letter-spacing:-.04em}.bcard,.board,.cempty,.trow,.tile,.sec.rchk,.cxpending{background:var(--surface);border:1px solid var(--line);border-radius:16px}.studio-note,.cempty{background:var(--surface);border-color:var(--line)}.studio-mark,.studio-friend{box-shadow:none}.sheet,.onb,.res,.ed{background:var(--surface);color:var(--ink)}.sheet .sh,.sheet .sf,.res-top,.res-foot,.edtop{background:var(--surface);border-color:var(--line)}.toast{max-width:min(560px,calc(100vw - 32px));height:auto;min-height:52px;white-space:normal;color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 40px #0002}.toast span{white-space:normal;overflow:visible}.ptile,.bchip,.fbt,.crow,.viewfilters input,.viewfilters select{background:var(--sunk);color:var(--ink);border-color:var(--line)}.askbar,.ask{background:var(--surface)}.res-art,.edstage,#swrap{background:var(--sunk)}.edfoot,.edtools,#tpanel{background:var(--surface);color:var(--ink)}

.addbo-nav-title{display:flex;align-items:center;gap:10px;padding:6px 8px 26px;font-size:22px;font-weight:750}.addbo-nav-title img{width:34px;height:34px;border-radius:10px}.nav{background:var(--surface);border:0;border-radius:0;box-shadow:none}.nav button{color:var(--muted);border-radius:10px}.nav button.on{color:var(--chip-ink);background:var(--chip)}.nav button.mk{padding:12px}.nav button.mk b{background:none;box-shadow:none;color:inherit;width:auto;height:auto;transform:none;border:0}.nav button.mk span{margin:0}.addbo-nav-friend{margin-top:auto;padding:26px 8px 8px;font-size:12px;line-height:1.6;color:var(--muted)}.addbo-nav-friend img{display:block;width:65px;height:65px;object-fit:contain;margin-bottom:6px}.addbo-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 0 22px}.addbo-heading h1{font-size:34px;letter-spacing:-.045em;margin:0 0 8px;font-weight:750;line-height:1.15}.addbo-heading p{margin:0;color:var(--muted);line-height:1.5}.addbo-eyebrow{color:var(--accent);font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:700}.addbo-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.addbo-panel{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0}.addbo-panel h2,.addbo-panel h3{margin:0 0 18px;letter-spacing:-.02em}.addbo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.addbo-two{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:22px}.addbo-form label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}.addbo-form input,.addbo-form textarea,.addbo-form select,.addbo-input{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:13px;font-size:15px;min-height:46px;max-width:100%}.addbo-form textarea{resize:vertical;line-height:1.55}.addbo-note{color:var(--muted);font-size:13px;line-height:1.6}.addbo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding:0 0 12px;border-bottom:1px solid var(--line)}.addbo-tabs button{padding:10px 14px;border-radius:8px;color:var(--muted)}.addbo-tabs button.on{background:var(--chip);color:var(--chip-ink)}.addbo-thumb{width:100%;height:230px;object-fit:contain;border-radius:12px;background:var(--bg)}.addbo-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.addbo-table td,.addbo-table th{padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:top}.addbo-table th{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.addbo-scroll{overflow:auto}.addbo-badge{display:inline-block;padding:7px 10px;border-radius:99px;background:var(--chip);color:var(--chip-ink);font-size:12px}.addbo-welcome-art{width:100%;height:100%;object-fit:cover;border-radius:22px}.addbo-entry{position:fixed;inset:0;background:var(--bg);z-index:120;overflow:auto;padding:24px;display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.addbo-entry[hidden]{display:none}.addbo-entry-card{padding:clamp(24px,6vw,90px);background:var(--surface);border-radius:24px;display:flex;flex-direction:column;justify-content:center}.addbo-entry-card h1{font-size:42px;line-height:1.1;letter-spacing:-.04em}.addbo-entry-card .btn{margin-top:20px;width:100%;justify-content:center}.addbo-entry-brand{font-size:22px;font-weight:750;display:flex;align-items:center;gap:12px}.addbo-entry-brand img{width:38px;height:38px;border-radius:12px}.addbo-steps{display:flex;flex-direction:column;gap:12px}.addbo-steps button{text-align:left;padding:14px;border-radius:10px;color:var(--muted)}.addbo-steps button.on{background:var(--chip);color:var(--chip-ink)}.addbo-swatch{display:inline-block;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;margin:0 8px 8px 0}.addbo-theme-preview{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--bg);text-align:left;min-width:0}.addbo-theme-preview.on{outline:2px solid var(--accent)}.addbo-theme-mock{height:145px;display:flex;gap:12px;padding:14px;background:#f5f1e8;border:1px solid #e3d9cc;border-radius:12px;margin-bottom:16px}.addbo-theme-mock.dark{background:#1b1d1e;border-color:#383a3b}.addbo-theme-mock i{width:23%;background:#e3d9cc;border-radius:6px}.addbo-theme-mock.dark i{background:#343637}.addbo-theme-mock b{flex:1;border-radius:6px;background:#fffdf9;border-top:10px solid #be461d}.addbo-theme-mock.dark b{background:#242627;border-color:#ee8050}.addbo-brand-choices{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.addbo-brand-choices button.on{background:var(--chip);color:var(--chip-ink)}.addbo-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.addbo-board-grid .board{display:block;width:100%;padding:20px;text-align:left}.addbo-board-grid .board .th{display:flex;width:100%;height:150px;margin-bottom:18px;gap:5px}.addbo-board-grid .board .th img{flex:1;width:0;object-fit:cover;border-radius:8px}.addbo-board-detail{display:grid;grid-template-columns:220px 1fr;gap:22px}.addbo-board-detail aside{align-self:start;position:sticky;top:20px}.addbo-board-detail aside button{display:block;width:100%;text-align:left;margin-bottom:6px}.addbo-tracker-cards .trow,.addbo-tracker-cards .ttrow{display:block;padding:20px;height:auto}.addbo-tracker-cards .ti{margin:14px 0;max-width:100%}.addbo-tracker-cards .tth{height:160px;width:100%;gap:6px}.addbo-tracker-cards .tth img{flex:1;width:0;height:160px;object-fit:cover;border-radius:8px}.addbo-tracker-cards #tklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.addbo-tracker-cards #tklist>.note,.addbo-tracker-cards #tklist>.sec-h,.addbo-tracker-cards #tklist>.cempty{grid-column:1/-1}.addbo-detail .sheet.full{width:min(1180px,94vw);max-width:1180px}.addbo-detail #sb{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1fr);gap:28px}.addbo-detail #sb>div:not(.dimg){grid-column:2}.addbo-detail #sb .dimg{grid-column:1;grid-row:1/8;position:sticky;top:0;align-self:start}.addbo-detail #sb .dimg img{max-height:70vh;object-fit:contain;width:100%}.addbo-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.addbo-compare img{width:100%;max-height:65vh;object-fit:contain;background:var(--sunk);border-radius:12px}.addbo-families .cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(min-width:1000px){body{padding-left:210px}.nav{position:fixed;inset:0 auto 0 0;transform:none;width:210px;height:100dvh;padding:26px 16px;display:flex;flex-direction:column;gap:7px;border-right:1px solid var(--line)}.nav button{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;min-height:46px;width:100%;padding:12px}.nav button span{font-size:13px}.top{height:82px}.top>.word{display:none}.top .bpill{margin-left:0;margin-right:auto}.wrap{padding-left:34px;padding-right:34px}.feed{--cols:3}.res.open{left:210px;width:calc(100% - 210px)}.res-main{max-width:1400px;margin:auto;width:100%}.ed.open{left:210px;width:calc(100% - 210px)}.ed #trow{border-radius:14px}.sheet.full{max-width:1040px}}

@media(max-width:999px){:root{--cols:2}.nav{position:fixed;left:0;right:0;bottom:0;transform:none;width:100%;display:flex;overflow:auto;justify-content:flex-start;border-top:1px solid var(--line);padding:6px 10px max(8px,env(safe-area-inset-bottom));gap:3px}.nav button{flex:0 0 68px;min-height:55px;padding:8px 4px}.nav button.mk{padding:8px 4px}.nav button span{font-size:10px}.addbo-nav-title,.addbo-nav-friend{display:none}body{padding-bottom:90px}.top{flex-wrap:wrap}.addbo-heading h1{font-size:28px}.addbo-grid,.addbo-board-grid,.addbo-tracker-cards #tklist{grid-template-columns:repeat(2,minmax(0,1fr))}.addbo-two{grid-template-columns:1fr}.addbo-panel{padding:20px}.addbo-entry{grid-template-columns:1fr;padding:16px}.addbo-entry-art{max-height:250px;overflow:hidden;border-radius:20px}.addbo-entry-card h1{font-size:34px}.addbo-board-detail{grid-template-columns:1fr}.addbo-board-detail aside{position:static}.addbo-board-detail aside button{display:inline-flex;width:auto}.addbo-detail #sb{display:block}.addbo-detail #sb .dimg{position:static}.addbo-compare{grid-template-columns:1fr}.toast{bottom:90px}.addbo-heading{align-items:flex-start}.addbo-table{min-width:520px}}

@media(max-width:540px){.addbo-grid,.addbo-board-grid,.addbo-tracker-cards #tklist,.addbo-families .cgrid{grid-template-columns:1fr}.wrap{padding-left:16px;padding-right:16px}.feed,.col{gap:12px}.addbo-heading{flex-wrap:wrap}.addbo-entry-card{padding:24px}.addbo-panel{padding:18px}.addbo-heading h1{font-size:27px}.bhead h2{font-size:26px}.addbo-theme-mock{height:120px}.bpill{max-width:calc(100vw - 180px)}}

@media(max-width:999px){.addbo-two{grid-template-columns:1fr!important}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root[data-motion=reduce] *, :root[data-motion=reduce] *::before, :root[data-motion=reduce] *::after{animation:none!important;transition:none!important}

.addbo-svg-preview svg{display:block;width:100%;max-height:65vh}.ed-tools{background:var(--surface)}

@media(min-width:1000px){#edDesign{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr) auto}#edDesign[hidden]{display:none}#snapbar{grid-column:1;grid-row:1}#swrap{grid-column:1;grid-row:2;border-radius:16px;margin:18px}#edDesign>.askbar{grid-column:1;grid-row:3}#edDesign>.ed-tools{grid-column:2;grid-row:1/4;border-left:1px solid var(--line);border-radius:0;padding:22px 14px;overflow:auto}#edDesign .trow2{flex-wrap:wrap;overflow:visible;justify-content:flex-start}#edDesign .tpanel{max-height:none}.stage>svg{box-shadow:0 12px 30px #0002}.ednotes{display:none}}





/* Phone layouts: fixed destinations, readable creative previews and touch controls. */

#addbo-more{display:none}

.addbo-mobile-menu{display:grid;gap:8px}

.addbo-mobile-menu button{display:flex;align-items:center;gap:14px;min-height:60px;padding:14px;border:1px solid var(--line);border-radius:12px;text-align:left;background:var(--bg);color:var(--ink)}

.addbo-mobile-menu button span{flex:1;font-weight:600}.addbo-mobile-menu button.on{background:var(--chip);color:var(--chip-ink);border-color:var(--chip-ink)}

@media(max-width:999px){

 .nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;padding:6px 8px max(8px,env(safe-area-inset-bottom));gap:3px;z-index:40}

 .nav .addbo-secondary-nav{display:none}.nav #addbo-more{display:flex}

 .nav button{width:100%;min-width:0;flex:none;flex-direction:column;gap:5px;justify-content:center;min-height:56px;padding:7px 2px}

 .nav button span{font-size:11px;line-height:1.2;white-space:nowrap}.nav button svg.i{width:21px;height:21px}

 .nav button span[data-mobile]{font-size:0}.nav button span[data-mobile]::after{content:attr(data-mobile);font-size:11px}

 body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}

 .top{flex-wrap:nowrap;gap:10px;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:12px;min-height:68px}

 .top .word{font-size:19px;gap:8px;flex:none}.top .studio-mark{width:32px;height:32px}.top .bpill{margin-left:auto;max-width:48%;height:40px;gap:6px;font-size:12px;flex-shrink:1}.top>.ib{width:40px;height:40px;flex:none}

 .addbo-heading{padding:22px 0 18px;gap:14px}.addbo-heading h1{font-size:27px;line-height:1.15;margin-bottom:8px}.addbo-heading p{font-size:14px;line-height:1.5;max-width:42ch}.addbo-heading .addbo-actions{width:100%}

 .addbo-actions .btn{min-height:44px;height:auto;padding:12px 16px;font-size:14px;white-space:normal}

 .addbo-two{gap:16px}.addbo-panel{padding:18px}.addbo-panel h2{font-size:23px}.addbo-panel h3{font-size:19px}.addbo-note{font-size:14px}

 .addbo-form input,.addbo-form textarea,.addbo-form select,.viewfilters input,.viewfilters select{font-size:16px}

 .addbo-tabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-bottom:18px;scrollbar-width:none}.addbo-tabs button{flex:none;min-height:44px;font-size:14px}

 .addbo-brand-choices{flex-wrap:nowrap;overflow:auto;scrollbar-width:none;padding:2px 2px 8px}.addbo-brand-choices button{flex:none}

 .sheet.full,.addbo-detail .sheet.full{width:100%;max-width:100%;height:calc(100% - 12px - env(safe-area-inset-top));border-radius:20px 20px 0 0}

 .sheet .sh{gap:10px;padding:10px 16px 16px}.sheet .sh h2{font-size:21px;line-height:1.25}.sheet .sb{padding:0 16px 24px;overscroll-behavior:contain}.sheet .sf{padding-bottom:calc(16px + env(safe-area-inset-bottom))}

 .addbo-detail #sb .dimg img{max-height:50dvh}.addbo-compare{gap:16px}.addbo-compare img{max-height:48dvh}.addbo-compare .addbo-panel{padding:12px}

 .res-top{gap:8px}.res-top b{font-size:17px}.res-top #addbo-compare{height:40px;padding:0 10px;font-size:13px}.res-top .ver{display:none}

 .res-main{padding:16px;gap:20px}.res-acts .btn{min-width:110px}.res-foot{gap:8px}.res-foot .btn{font-size:14px;padding:0 10px}

 .swchg{flex-wrap:wrap;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.swchg input{flex:1 1 100%;min-height:46px;font-size:16px}.swchg .btn{width:100%}

 .addbo-request-table{display:block;min-width:0}.addbo-request-table thead{display:none}.addbo-request-table tbody{display:grid;gap:12px}.addbo-request-table tr{display:block;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}

 .addbo-request-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0;border:0;font-size:14px;overflow-wrap:anywhere}.addbo-request-table td[data-label]::before{content:attr(data-label);color:var(--muted);font-size:12px;min-width:70px;flex:none}.addbo-request-table td:first-child{font-weight:600}

 .addbo-entry{padding:12px;gap:12px;grid-template-rows:220px auto}.addbo-entry-art{height:220px;max-height:220px}.addbo-entry-card{padding:24px}.addbo-entry-card .addbo-eyebrow{margin-top:24px!important}.addbo-entry-card h1{margin:12px 0;font-size:32px}.addbo-entry-card .btn{margin-top:12px}.addbo-welcome-art{object-position:center 38%}

}

@media(min-width:760px) and (max-width:999px){.sroot.open .sheet{transform:translateY(0);top:auto;left:0;right:0;bottom:0;margin:auto;opacity:1}}

@media(max-width:540px){

 .wrap{padding-left:16px;padding-right:16px}.feed:not(.plain){margin:0;gap:12px}.feed .col{gap:12px}.tbar{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,44px);gap:6px}.search{min-width:0;padding-left:10px}.search input{width:100%;min-width:0;font-size:16px}.tbar>.ib{width:44px;height:44px}

 .ctl>.seg{margin-top:4px}.count{margin-top:12px;margin-bottom:16px;font-size:12px}.seg button{min-height:44px}

 .cgrid,.addbo-families .cgrid{grid-template-columns:minmax(0,1fr);gap:24px}.ccard{padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.ccard .media{max-height:none}.cname{font-size:17px;line-height:1.35;margin-top:12px}.clabs{font-size:13px;line-height:1.5}

 .cxgeneration .cgrid{grid-template-columns:1fr}.cxpending .cxghost{aspect-ratio:16/10}.cxstate{padding:20px}.cxstate b{font-size:17px}

 .viewfilters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.viewfilters input{grid-column:1/-1;width:100%}.viewfilters select{width:100%;padding:10px 8px}.viewfilters .btn{font-size:13px;height:44px;padding:0 8px}

 .addbo-heading{flex-direction:column}.addbo-heading .addbo-actions{gap:8px}.addbo-theme-preview{padding:14px}.addbo-theme-mock{height:110px}.addbo-board-detail aside{display:flex;gap:6px;overflow:auto}.addbo-board-detail aside button{flex:none}

 .addbo-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.addbo-steps button{font-size:13px;min-height:48px;padding:10px}

}

@media(max-width:540px){

 body[data-page=feed] #addbo-heading .addbo-actions{display:none}

 body[data-page=feed] .addbo-heading{padding-top:18px;padding-bottom:12px}

 body[data-page=feed] .addbo-heading h1{font-size:26px}

 body[data-page=feed] .addbo-heading p{font-size:13px}

 body[data-page=create] #count{margin-top:0}

 body[data-page=create] #count .bhead{margin-top:0;gap:8px}

 body[data-page=create] #count .bhead h2{display:none}

 body[data-page=create] #crn{flex:1 1 100%;font-size:13px}

 body[data-page=create] #count .bhead .btn{height:42px;font-size:13px;padding:0 12px}

 .cxpending .cxghost{aspect-ratio:auto;min-height:160px}.cxstate{gap:8px}.cxstate .studio-friend{width:64px;height:64px}

}

.addbo-mobile-menu button>svg:last-child{transform:rotate(-90deg);width:16px;height:16px}



/* Phone UX: put content first, expose extra tools only when needed. */

.mobile-only{display:none}.mobile-disclosure{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:0 14px}

.mobile-disclosure>summary{display:flex;align-items:center;gap:10px;min-height:48px;list-style:none;cursor:pointer;font-size:14px;font-weight:600}.mobile-disclosure>summary::-webkit-details-marker{display:none}.mobile-disclosure>summary::after{content:'+';margin-left:auto;font-size:20px;font-weight:400}.mobile-disclosure[open]>summary::after{content:'−'}.mobile-disclosure>summary span{font-size:12px;color:var(--muted);font-weight:400}

.mobile-refine-tools{display:flex;gap:8px;margin-top:14px}.mobile-refine-tools .ib{width:auto!important;min-width:96px;padding:0 12px;gap:8px;height:44px;display:flex;font-size:14px}

.mobile-brief-step[hidden],.mobile-final-actions[hidden]{display:none!important}

.mobile-brief-progress{margin-bottom:20px;color:var(--muted);font-size:12px}.mobile-brief-progress>div{display:flex;gap:6px;margin-top:10px}.mobile-brief-progress i{height:4px;flex:1;background:var(--line);border-radius:6px}.mobile-brief-progress i.on{background:var(--accent)}.mobile-brief-nav{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.mobile-brief-nav .btn{font-size:14px;padding:0 14px}.mobile-brief-nav button[hidden]{display:none}.mobile-brief-step>h3{display:none}

@media(max-width:540px){

 .mobile-only{display:block}body:not([data-page=feed]) #mobile-refine{display:none}#mobile-refine{margin:0 16px 14px}#mobile-refine>#ctl{padding:0;margin:12px 0 14px}#mobile-refine #views{margin-bottom:0}#mobile-refine:not([open])>div,#mobile-refine:not([open])>section{display:none}

 .tbar{grid-template-columns:minmax(0,1fr) 44px}.top>.ib{display:none}.top .bpill{max-width:58%}.top{min-height:64px}.addbo-heading{padding:18px 0 14px}.addbo-heading p{display:none}.addbo-heading h1{font-size:27px;margin:0}

 body[data-page=feed] .count{margin-top:0;margin-bottom:14px;font-size:12px}

 body[data-page=create] #crcodex,body[data-page=create] #crcopy,body[data-page=create] #addbo-family-view{display:none}#mobile-creative-options{margin-left:auto}body[data-page=create] #crn{flex:initial!important;margin-right:auto!important}body[data-page=create] #count .bhead{margin:0}

 .viewfilters{display:block}.viewfilters>input{width:100%;margin-bottom:10px}.mobile-filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 14px}.mobile-filter-fields select{max-width:100%;font-size:16px}.mobile-pending{margin-bottom:16px}.mobile-pending .cgrid{margin-bottom:14px}.cxgeneration{margin-bottom:12px}

 .mobile-settings-contents{display:none}#mobile-settings-section{margin-bottom:16px}

 #brief-entry{margin:0}body[data-page=brief] #feed>div[style]{margin:0!important}body[data-page=brief] #feed>div>.studio-friend{display:none}#brief-entry textarea{min-height:190px}#brief-entry .addbo-actions{flex-direction:column-reverse}#brief-entry .addbo-actions button{width:100%}#brief-entry #brief-browse{background:transparent;border-color:transparent;color:var(--muted)}

 #brief-review .mobile-desktop-back{display:none}#brief-review .mobile-final-actions .btn.primary{width:100%;margin-top:10px}#brief-review .mobile-brief-step>label:first-child{margin-top:0}#brief-review #briefreference{margin-top:10px;font-size:16px;min-height:150px}#brief-review .addbo-thumb{height:180px}#brief-review>p.addbo-note{font-size:12px}#brief-review>h2{font-size:22px}body[data-page=brief] #count .addbo-heading{padding-top:18px}

 body[data-page=brands] .addbo-brand-choices{display:none}body[data-page=brands] #brands-add{display:none}.addbo-panel{border-radius:14px}body[data-page=settings] .addbo-theme-mock{height:80px}body[data-page=settings] .addbo-two .addbo-two{grid-template-columns:1fr 1fr!important;gap:10px}

}

@media(min-width:541px){.mobile-creative-filters{border:0;padding:0;background:transparent}.mobile-creative-filters>summary{display:none}.mobile-creative-filters>.mobile-filter-fields{display:flex;flex-wrap:wrap;gap:8px}.mobile-pending{border:0;padding:0}.mobile-pending>summary::after{display:none}.mobile-pending>summary{pointer-events:none}.mobile-pending .cgrid{display:grid}.mobile-brief-step[hidden]{display:block!important}.mobile-brief-progress,.mobile-brief-nav{display:none}.mobile-final-actions[hidden]{display:flex!important}.mobile-brief-step>h3{display:block}}



@media(max-width:540px){body[data-page=create] #count{padding:0;margin-bottom:14px}body[data-page=create] #count .bhead{padding:0}body[data-page=create] .addbo-heading{padding-bottom:8px}body[data-page=create] .cxgeneration{margin-bottom:12px}}

.voice-entry{display:flex;align-items:center;gap:18px;padding:20px;margin-bottom:22px;background:var(--chip);color:var(--ink);border-radius:14px}.voice-entry>div{flex:1}.voice-entry b{font-size:19px}.voice-entry p{font-size:14px;margin:6px 0 0;color:var(--muted)}.voice-record-row{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}#voice-record[aria-pressed=true]{background:var(--chip);color:var(--chip-ink);border-color:var(--accent)}.voice-context,.voice-facts{margin:16px 0}.voice-context>input,.voice-context>select{margin-bottom:14px}.voice-facts p{font-size:14px;line-height:1.55}.voice-facts a{color:var(--accent)}.voice-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.voice-options h2{font-size:23px;margin-top:14px}.voice-options p{line-height:1.5}.voice-reference{display:block;width:100%;height:220px;object-fit:contain;border-radius:12px;background:var(--bg)}.professional-read pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:15px;line-height:1.7;color:var(--ink)}.professional-attached{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:20px;padding:12px;border:1px solid var(--line);border-radius:12px;font-size:13px;color:var(--muted)}.professional-attached .btn{flex:none}#voice-error{color:var(--accent);line-height:1.5}

@media(max-width:759px){.voice-options{grid-template-columns:1fr}.voice-entry{display:block;padding:18px}.voice-entry .btn{width:100%;margin-top:14px}.voice-entry b{font-size:18px}.voice-entry p{font-size:13px}.voice-reference{height:180px}.professional-read pre{font-size:14px}.professional-attached{flex-wrap:wrap}.voice-record-row>.btn:first-child{flex:1}.voice-record-row .btn{font-size:14px;padding:0 12px}.voice-context summary,.voice-facts summary{font-size:14px}}



/* Research scope, evidence and responsive opportunities. */

.research-intro{display:flex;align-items:center;gap:18px}.research-intro h2{margin:0}.research-intro p{margin:8px 0 0}.research-setup>summary{font-weight:700;cursor:pointer;padding:6px 0}.research-setup form{margin-top:20px}.research-competitors{border:1px solid var(--line);border-radius:16px;max-height:230px;overflow:auto;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.research-competitors label{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;flex-wrap:wrap}.research-competitors input,.research-live input{width:18px;min-height:18px;flex:none}.research-competitors small{opacity:.65}.research-live{display:flex;align-items:center;gap:10px;min-height:44px}.research-report-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.research-report-head select{max-width:290px;min-width:0}.research-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.research-opportunities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.research-op,.research-source{border:1px solid var(--line);border-radius:18px;padding:20px;overflow-wrap:anywhere}.research-source{margin:14px 0}.research-tag{font-size:12px;font-weight:700;color:var(--accent)}.research-op h3{margin:12px 0}.research-op summary,.research-source summary{min-height:44px;cursor:pointer}.research-op li{margin:10px 0}.research-op button{margin-top:12px}.research-adlinks{display:flex;gap:8px;flex-wrap:wrap}.research-source pre,.research-brief{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.65}.research-warning{padding:16px;border:1px solid var(--accent);border-radius:12px}.research-op a,.research-source a{color:var(--accent)}

@media(max-width:700px){.research-opportunities{grid-template-columns:1fr}.research-competitors{grid-template-columns:1fr}.research-report-head{display:block}.research-report-head select{width:100%;max-width:none;min-height:44px}.research-intro{align-items:flex-start}.research-intro img{width:50px;height:50px}.research-tabs .btn{flex:1;white-space:normal}.research-op{padding:16px}}

/* Matched references stay readable on phone and desktop. */

.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.match-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);min-width:0}.match-card>img{display:block;width:100%;height:250px;object-fit:contain;background:var(--bg)}.match-card-content{padding:18px;overflow-wrap:anywhere}.match-choice{display:flex;gap:10px;align-items:center;min-height:44px;font-size:13px;font-weight:700;cursor:pointer}.match-choice input{width:20px;height:20px;flex:none;accent-color:var(--accent)}.match-card h3{font-size:20px;line-height:1.3;margin:12px 0}.match-card ul{padding-left:20px;font-size:14px;line-height:1.6}.match-card li{margin-bottom:8px}.match-card summary{min-height:44px;cursor:pointer;font-size:14px}.match-card details p{font-size:14px;line-height:1.6}.match-submit{display:grid;gap:8px}.match-warning{padding:14px;border:1px solid var(--accent);border-radius:12px}.professional-attached{flex-wrap:wrap}.professional-attached span{min-width:0}

@media(max-width:700px){.match-grid{grid-template-columns:1fr}.match-card>img{height:230px}.match-card-content{padding:16px}.match-card h3{font-size:19px}.professional-attached .btn{min-height:44px}}

.research-quick form{max-width:680px}.research-quick button{margin-top:18px}.research-auto-scope{margin-bottom:20px;padding:18px;background:var(--bg);border-radius:14px}.research-angle-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.research-map-card{border:1px solid var(--line);border-radius:16px;padding:20px;overflow-wrap:anywhere}.research-map-card h3{margin:12px 0}.research-map-card p{line-height:1.6}.research-map-arrow{font-size:24px;color:var(--accent)}.research-map-card .btn{width:100%;white-space:normal;min-height:44px}

@media(max-width:700px){.research-angle-map{grid-template-columns:1fr}.research-map-card{padding:16px}}



.batch-controls{display:grid;gap:10px;margin:18px 0}.batch-controls select,.batch-controls input{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--sunk);color:var(--ink);font:inherit}.batch-controls details{padding:10px 0}.batch-controls details label{display:block;margin:12px 0 6px}.match-customize{margin-top:18px}.match-customize summary{cursor:pointer;padding:12px 0;font-weight:600}



.nav button[data-tab=create]{position:relative;align-items:center}.nav button[data-tab=create]>svg{position:static;display:block;flex:none;margin:0;transform:none}.nav button[data-tab=create] .jb{position:absolute;top:2px;right:4px}



/* Image-first Discover: the original tight masonry treatment. */

body[data-page=feed] #addbo-heading{display:none}

body[data-page=feed] .feed:not(.plain),body[data-page=feed] .feed .col{gap:3px}

body[data-page=feed] .feed .media{border-radius:4px}

body[data-page=feed] #count{margin-top:6px;margin-bottom:10px}

@media(min-width:1000px){body[data-page=feed] main.wrap{max-width:none;padding-left:12px;padding-right:12px}}

@media(max-width:540px){body[data-page=feed] .feed:not(.plain){margin-left:-16px;margin-right:-16px}body[data-page=feed] #mobile-refine{margin-bottom:8px}body[data-page=feed] .tbar{padding-top:8px;padding-bottom:8px}}


/* ADDVO typography: approved Sora headings and Inter body. */
:root{--font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--font-heading:Sora,Inter,system-ui,sans-serif}
body{font-family:var(--font)}
h1,h2,h3,h4,h5,h6,.word,.addbo-nav-title,.addbo-entry-brand{font-family:var(--font-heading)}

/* View: every generated ad visible in an image-first grid. */
body[data-page=create] #addbo-heading{display:none}
body[data-page=create] main.wrap{max-width:none}
body[data-page=create] #count{margin-bottom:14px}
#viewresults .view-ad-grid{display:block;columns:3;column-gap:14px}
#viewresults .view-ad-grid>.ccard{display:inline-block;width:100%;break-inside:avoid;margin:0 0 14px;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);vertical-align:top}
#viewresults .ccard .media{border-radius:0;max-height:none}
#viewresults .ccard .media img{object-fit:contain;width:100%;height:100%}
#viewresults .ccard .cname{font-size:14px;margin:10px 12px 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#viewresults .ccard .clabs{font-size:12px;margin:0 12px 8px}
#viewresults .ccard .cmeta{padding:0 12px 12px;font-size:11px}
body[data-page=create] .viewfilters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
body[data-page=create] .viewfilters>input{flex:1 1 240px;margin:0}
body[data-page=create] .viewfilters>select{flex:1 1 145px}
body[data-page=create] #viewclear{min-height:44px;flex:none}
.view-no-results{padding:48px 18px;text-align:center;border:1px dashed var(--line);border-radius:14px}
@media(min-width:1750px){#viewresults .view-ad-grid{columns:4}}
@media(max-width:900px){#viewresults .view-ad-grid{columns:2}}
@media(max-width:540px){
 #viewresults .view-ad-grid{column-gap:8px}
 #viewresults .view-ad-grid>.ccard{margin-bottom:8px;border-radius:8px}
 #viewresults .ccard .cname{font-size:12px;margin:8px 8px 4px}
 #viewresults .ccard .clabs{font-size:11px;margin:0 8px 8px}
 #viewresults .ccard .cmeta{padding:0 8px 8px;font-size:10px}
 #viewresults .ccard .cmeta span{display:none}
 body[data-page=create] .viewfilters{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px}
 body[data-page=create] .viewfilters>input{grid-column:1/-1;width:100%}
 body[data-page=create] .mobile-creative-filters{grid-column:1;grid-row:2;min-width:0;margin:0}
 body[data-page=create] #viewclear{grid-column:2;grid-row:2;align-self:start}
 body[data-page=create] .mobile-filter-fields{grid-template-columns:1fr 1fr}
 #view-filter-count:empty{display:none}
}

/* ADDVO mascot glow (Kam, 2026-10-10): a soft orange light that breathes around our guy */
@keyframes advoGlow{0%,100%{filter:drop-shadow(0 0 8px rgba(255,118,38,.45)) drop-shadow(0 0 20px rgba(255,118,38,.18))}50%{filter:drop-shadow(0 0 14px rgba(255,128,48,.75)) drop-shadow(0 0 34px rgba(255,128,48,.32))}}
.addbo-nav-friend img,.studio-friend,.addbo-nav-title img,.addbo-entry-brand img,.studio-mark{animation:advoGlow 3.6s ease-in-out infinite}
.addbo-entry-art{box-shadow:0 0 0 1px rgba(255,128,48,.18),0 0 60px rgba(255,118,38,.28);border-radius:22px}
@media (prefers-reduced-motion:reduce){.addbo-nav-friend img,.studio-friend,.addbo-nav-title img,.addbo-entry-brand img,.studio-mark{animation:none;filter:drop-shadow(0 0 10px rgba(255,118,38,.5))}}

/* View: Live badge + grid density (columns set inline by setVCols) */
.livebadge{position:absolute;top:8px;left:8px;z-index:2;padding:3px 9px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:650}
.viewzoom{display:flex;align-items:center;gap:8px;margin:0 0 14px}.viewzoom input{flex:0 1 220px;min-width:0}.viewzoom .btn{min-width:40px;justify-content:center}
#viewresults .view-ad-grid{touch-action:pan-y}
#viewresults .view-ad-grid[data-d=mid]>.ccard .cmeta,#viewresults .view-ad-grid[data-d=mid]>.ccard .avit{display:none}
#viewresults .view-ad-grid[data-d=dense]{column-gap:4px}
#viewresults .view-ad-grid[data-d=dense]>.ccard{margin-bottom:4px;border-radius:4px}
#viewresults .view-ad-grid[data-d=dense]>.ccard :is(.cname,.clabs,.cmeta,.avit){display:none}
#viewresults .view-ad-grid[data-d=dense] .livebadge{top:3px;left:3px;padding:1px 5px;font-size:10px}
.viewzoom span{white-space:nowrap}
#viewresults .view-ad-grid:is([data-d=mid],[data-d=dense]) .cfrom{display:none}
/* Reference library (2026-10-26) */
.addbo-ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.addbo-ref-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0;margin:0;text-align:left;background:none;border:0;color:var(--ink);min-width:0;cursor:pointer;font:inherit}.addbo-ref-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;background:var(--sunk);border:1px solid var(--line)}.addbo-ref-card:hover img,.addbo-ref-card:focus-visible img{outline:2px solid var(--accent);outline-offset:2px}.addbo-ref-card b{font-size:14px;line-height:1.3;font-weight:650}.addbo-ref-tag{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.addbo-ref-copy p{line-height:1.55;margin:0 0 14px}.addbo-ref-copy .addbo-eyebrow{margin:0 0 6px}.addbo-ref-copy ol{padding-left:20px;line-height:1.55;margin:0 0 14px}
@media(max-width:760px){.addbo-ref-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.addbo-detail #sb .dimg img{border-radius:12px;margin-bottom:16px}}
/* customer view: the Create page extras (voice brief, remix, hypothesis log, playbook, pitch pack) are internal; ?internal=1 shows them */
html[data-internal="0"] .voice-entry{display:none}

/* customer view: ad bookmark leads to the hidden Boards; sample-page picker */
html[data-internal="0"] .savebtn,html[data-internal="0"] #dsave{display:none}
.addbo-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.addbo-pick label{position:relative;display:block;cursor:pointer;border-radius:12px;overflow:hidden;opacity:.5;outline:2px solid transparent}.addbo-pick label.on{opacity:1;outline-color:var(--accent)}.addbo-pick img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--sunk)}.addbo-pick input{position:absolute;top:8px;left:8px;width:20px;height:20px;accent-color:var(--accent)}

/* customer view (QA 2026-10-28): our image cost line and Studio mode (layer editor) are internal */
html[data-internal="0"] .costl,html[data-internal="0"] #swStudio{display:none}
/* customer view (review 2026-10-28): Iterate / Iterate for avatar queue Codex only */
html[data-internal="0"] :is(#switerate,#cavit,.avit){display:none}
/* QA 2026-10-28: at 390 px "Iterate for avatar" (127 px) overflowed its 112 px cell and its icon sat on the Iterate button */
@media(max-width:760px){.res-acts #cavit svg{display:none}}

/* ---- Member mode (member.js, served by member.py, 2026-10-28): brand fonts, only the member's four features ---- */
html[data-member]{--font:Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;--font-heading:"Bricolage Grotesque",Figtree,system-ui,sans-serif}
html[data-member] :is(#addbo-more,#mobile-refine,#hdr,#ctl,#crcodex,#crcopy,#mobile-creative-options,#viewbrand,#copen,#csz,#cdel,#cfix,.askbar,.res-foot,#rchk,#fthr,.tsw-paid,#addbo-compare,#addbo-editor-compare,.costl,#swStudio,#swCodex,#switerate,#cavit,.avit,.savebtn,#dsave,.voice-entry){display:none!important}
html[data-member] .btn,html[data-member] .nav button{min-height:44px}html[data-member] .top .bpill,html[data-member] .top>.ib{height:44px;min-height:44px}
@media(min-width:1000px){html[data-member] .nav button{flex:none}}
.mm-credits{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--ink);font-weight:700;font-size:14px;white-space:nowrap;cursor:pointer;margin-left:auto}
.mm-credits svg.i{width:18px;height:18px;color:var(--accent)}
@media(min-width:1000px){.top .mm-credits{margin-left:0}}
.mm-notice{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 18px;margin-bottom:18px;border:1px solid var(--accent);border-radius:14px;background:var(--chip);color:var(--chip-ink)}.mm-notice p{margin:0;flex:1 1 240px;line-height:1.5;font-weight:600}
.mm-brandrow{display:flex;align-items:center;gap:14px;margin-bottom:18px}.mm-brandrow .av{width:46px;height:46px;font-size:20px;flex:none}.mm-brandrow b,.mm-bal b{display:block;font-family:var(--font-heading);font-size:20px;letter-spacing:-.02em}.mm-brandrow small,.mm-bal small{color:var(--muted);font-size:13px}.mm-brandrow>div:first-of-type{min-width:0;flex:1}.mm-brandrow>div:first-of-type b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-bal{text-align:right}.mm-bal b{font-size:28px;color:var(--accent)}
.mm-bal-big{text-align:left;margin:4px 0 14px}.mm-bal-big b{font-size:44px;line-height:1.1}
.mm-start{display:flex;gap:18px;align-items:center;margin-bottom:18px}.mm-start h2{margin:0 0 8px}.mm-start .btn{margin-top:8px}
.mm-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.mm-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;min-height:44px;font:inherit}.mm-tile:hover,.mm-tile:focus-visible{border-color:var(--accent)}
.mm-tile b{font-family:var(--font-heading);font-size:20px;letter-spacing:-.02em}.mm-tile>span:not(.mm-ic){color:var(--muted);font-size:14px;line-height:1.5}.mm-tile em{font-style:normal;font-size:12px;font-weight:700;color:var(--chip-ink);background:var(--chip);padding:5px 10px;border-radius:99px;margin-top:auto}
.mm-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--chip);color:var(--accent)}.mm-ic svg.i{width:22px;height:22px}
.mm-soon{margin-top:32px}.mm-soon h2{margin:0 0 4px;font-size:22px}.mm-soon ul{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.mm-soon li{display:flex;flex-direction:column-reverse;gap:10px;align-items:flex-start;padding:16px;border:1px dashed var(--line2);border-radius:14px;color:var(--muted)}.mm-soon li b{display:block;color:var(--ink);margin-bottom:4px}.mm-soon li span{font-size:14px;line-height:1.5}.mm-soon li em{flex:none;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:99px;border:1px solid var(--line2);color:var(--muted)}
.mm-stack{display:grid;gap:18px;max-width:900px}.mm-plan h2{margin:4px 0 0;font-size:30px}.mm-facts{margin:0 0 18px;padding-left:20px;line-height:1.8}
.mm-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.mm-plancard{border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column}.mm-plancard h3{margin:0}.mm-price{font-family:var(--font-heading);font-size:30px;font-weight:800;margin:8px 0}.mm-price small{font-size:14px;font-weight:500;color:var(--muted)}.mm-plancard ul{padding-left:18px;line-height:1.6;font-size:14px;margin:0 0 16px;flex:1}
.mm-promo{margin:0 0 10px;padding:8px 10px;border-radius:10px;background:var(--chip);color:var(--chip-ink);font-size:14px;font-weight:600;line-height:1.4}.mm-packed{border-color:var(--accent)}.mm-bonus{font-weight:600}
.mm-plus{color:var(--accent);font-weight:700}.mm-out{margin-top:24px}
.ml-err{color:var(--accent);font-weight:600;line-height:1.5;min-height:0;margin:10px 0 0}.ml-err:empty{display:none}.ml-info{padding:12px 14px;border-radius:12px;background:var(--chip);color:var(--chip-ink);line-height:1.5}
.mlogin .addbo-entry-card h1{margin:40px 0 8px}.mlogin .addbo-form .btn{min-height:50px}.mlogin .ml-link{border:0;background:none;color:var(--muted);text-decoration:underline;margin-top:8px}
.mlogin #ml-c{font-size:26px;letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums}
.mm-group{margin:0 0 16px}.mm-group h4{margin:0 0 8px;font-size:15px;display:flex;gap:8px;align-items:center}.mm-group h4 span{font-size:12px;padding:2px 8px;border-radius:99px;background:var(--sunk);color:var(--muted)}.mm-group ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.mm-group li{padding:10px 12px;border-radius:10px;background:var(--bg);border-left:4px solid var(--line2);overflow-wrap:anywhere}.mm-group li b{display:block}.mm-group li span{font-size:13px;color:var(--muted);line-height:1.45}
.mm-group.win li{border-left-color:#3f8f4f}.mm-group.kill li{border-left-color:var(--accent)}
.mm-notes{font-size:14px;color:var(--muted);line-height:1.5;padding-left:18px}.mm-next{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.mm-next .btn{width:100%;margin-top:12px;justify-content:center}.mm-next label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}
.mm-pay{font-size:17px;line-height:1.5;margin:4px 0 8px}
@media(max-width:999px){html[data-member] .top .bpill{max-width:40%}.mm-plans{grid-template-columns:1fr}}
@media(max-width:540px){.mm-hide-s{display:none}.mm-credits{padding:0 12px}.mm-start{flex-direction:column;align-items:flex-start}.mm-bal b{font-size:22px}.mm-tile{padding:16px}
 .mm-hist{min-width:0!important}.mm-hist thead{display:none}.mm-hist tr{display:grid;grid-template-columns:1fr auto;padding:10px 0;border-bottom:1px solid var(--line)}.mm-hist td{border:0;padding:2px 0}.mm-hist td[data-label=Credits],.mm-hist td[data-label=Status]{text-align:right}
 .mlogin .addbo-entry-card h1{margin-top:24px}}
#mm-pay-x{white-space:nowrap;flex:none}
/* Winner Refresh matching + the Meta ad name (2026-10-28) */
.mm-group li em.mm-matched{display:inline-block;margin-top:4px;font-style:normal;font-size:12px;font-weight:600;color:#3f8f4f}
.mm-pickrow{border:0;margin:14px 0 0;padding:0;min-width:0}.mm-pickrow legend{font-weight:700;font-size:14px;padding:0;margin-bottom:6px;overflow-wrap:anywhere}
.mm-picks{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity}
.mm-pickad{flex:none;width:112px;scroll-snap-align:start;display:grid;gap:6px;padding:6px;border:2px solid var(--line);border-radius:12px;background:var(--bg);color:inherit;font:inherit;text-align:left;cursor:pointer}
.mm-pickad img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px;background:var(--sunk)}.mm-pickad span{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mm-pickad.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.mm-pickad:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.mm-adname{margin-top:12px;padding:12px;border-radius:12px;background:var(--sunk)}.mm-adname .addbo-eyebrow{margin:0 0 6px}.mm-adname .addbo-note{margin:6px 0 0}
.mm-adname-row{display:flex;gap:8px;align-items:center}.mm-adname-row code{flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere;user-select:all}.mm-adname-row .btn{flex:none}
/* member: billing interval, top-up, team (2026-10-29) */
.mm-interval{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;margin:14px 0 0;border:1px solid var(--line);border-radius:99px;background:var(--sunk)}
.mm-interval button{min-height:44px;padding:0 16px;border:0;border-radius:99px;background:transparent;color:var(--muted);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.mm-interval button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}.mm-interval button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.mm-save{margin:-4px 0 10px;font-size:13px;font-weight:600;color:var(--chip-ink)}
.mm-topup{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 16px;padding:14px 16px;border-radius:14px;background:var(--chip);color:var(--chip-ink)}.mm-topup b{display:block}.mm-topup span{font-size:14px;line-height:1.5}.mm-topup div{flex:1 1 240px}
.mm-link{border:0;background:none;padding:0;color:var(--accent);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;min-height:0}
.mm-addbrand{margin:-6px 0 18px}
.mm-invite{margin-top:16px}.mm-invite-row{display:flex;gap:10px;flex-wrap:wrap}.mm-invite-row input{flex:1 1 220px;min-width:0;min-height:44px}.mm-invite .addbo-note{margin:8px 0 0}
.mm-people{list-style:none;margin:10px 0 0;padding:0}.mm-people li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line)}.mm-people li:first-child{border-top:0}
.mm-people li>div{flex:1 1 200px;min-width:0}.mm-people b{display:block;overflow-wrap:anywhere}.mm-people span{font-size:14px;color:var(--muted);line-height:1.5}
.mm-tag{font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--sunk);color:var(--muted)}.mm-tag.warn{background:var(--chip);color:var(--chip-ink)}
@media(max-width:540px){.mm-interval{display:flex}.mm-interval button{flex:1 1 auto;padding:0 10px}.mm-people .btn{width:100%;justify-content:center}}
/* ---- member, UI loop round 1 (2026-10-30): one accent budget, the first pack, the checklist, tools as a list, credits as a gauge, the run plan ---- */
html[data-member] .addbo-heading h1,html[data-member] #count .bhead h2{color:var(--ink)}html[data-member] body:has(#mm-empty) #addbo-family-view{display:none}
html[data-member] .mm-bal b,html[data-member] .mm-plus{color:var(--ink)}
html[data-member] .mm-link{color:var(--ink);font-weight:600;text-underline-offset:3px}html[data-member] .mm-link:hover,html[data-member] .mm-link:focus-visible{color:var(--accent)}
html[data-member] .sec-h h3{font-family:var(--font-heading);font-size:18px;font-weight:700;letter-spacing:-.01em;text-transform:none;color:var(--ink)}
html[data-member] .mm-org #orgi>.sec-h:first-child h3{display:none}html[data-member] .mm-org #orgi>.sec-h:first-child:not(:has(a)){display:none}
.mm-alert{background:var(--surface);border-color:var(--line2);color:var(--ink)}.mm-alert p{font-size:15px}.mm-alert p small{display:block;margin-top:2px;font-size:14px;font-weight:400;color:var(--muted)}.mm-alert .btn{height:44px}
html[data-brands-err] #bpill{visibility:hidden}
.mm-shim{display:block;background:var(--shimmer);background-size:300% 100%;animation:mmShim 1.4s linear infinite;border-radius:8px}
@keyframes mmShim{from{background-position:100% 0}to{background-position:0 0}}
.mm-shl{height:22px;width:70%;margin-bottom:8px}.mm-shs{height:14px;width:30%}.mm-shp{height:14px;width:100%;margin:16px 0 8px}.mm-shp2{height:14px;width:60%}
.mm-grow{flex:1;min-width:0}
@media(max-width:540px){.mm-brandrow .mm-bal small{display:block;max-width:140px;margin-left:auto}}
.mm-big{width:100%;height:52px;justify-content:center;font-size:16px}.mm-big48{height:48px}
.mm-two{display:flex;gap:8px;margin-top:10px}.mm-two>.btn{flex:1 1 0;min-width:0;height:44px;padding:0 12px;font-size:15px;white-space:normal;line-height:1.2}
.mm-label{margin:16px 0 4px;font-size:12px;font-weight:700;color:var(--muted)}
/* first pack */
.mm-firstpack{margin-bottom:18px;padding:24px}.mm-firstpack .addbo-eyebrow{margin:0 0 14px}
.mm-fprow{display:flex;gap:14px;align-items:center}
.mm-fpimg{flex:none;width:72px;height:72px;object-fit:cover;border-radius:12px;background:var(--sunk)}
.mm-fprow h2{margin:0!important;font-size:22px;font-weight:750;line-height:1.2;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mm-price-s{margin:4px 0 0;font-size:14px;color:var(--muted)}
.mm-why{margin:0;font-size:15px;line-height:1.5;color:var(--ink)}.mm-src{display:inline-block;margin-top:2px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.mm-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}.mm-aud{margin:0}
.mm-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 14px;padding:14px;border-radius:12px;background:var(--sunk)}
.mm-sum b{display:block;font-family:var(--font-heading);font-size:20px;font-weight:750;color:var(--ink);font-variant-numeric:tabular-nums}.mm-sum span{font-size:12px;color:var(--muted)}
p.mm-sum.mm-short{display:block;font-size:15px;line-height:1.5;color:var(--ink)}div.mm-sum.mm-shim{height:74px;padding:0}
.mm-topin{margin:0 0 14px}.mm-topin>span{flex:1 1 160px;font-weight:600}
.mm-help{margin:8px 0 0}
@media(max-width:540px){.mm-firstpack{padding:18px}}
/* checklist + setup */
.mm-steps{margin-bottom:18px}.mm-stepshead{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}.mm-stepshead h2{margin:0!important;font-size:22px}
.mm-k{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--muted)}
.mm-ring{width:28px;height:28px;transform:rotate(-90deg)}.mm-ring circle{fill:none;stroke:var(--line);stroke-width:3}.mm-ring circle.on{stroke:var(--accent);stroke-linecap:round}
.mm-steps ol{list-style:none;margin:12px 0 0;padding:0}
.mm-steps li{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 0;border-top:1px solid var(--line);color:var(--muted)}.mm-steps li:first-child{border-top:0}
.mm-steps li>div{flex:1;min-width:0}.mm-steps li b{display:block;font-size:15px;font-weight:600;line-height:1.35}.mm-steps li small{display:block;margin-top:2px;font-size:13px}
.mm-steps li.cur{color:var(--ink)}.mm-steps li.cur b{font-size:16px;font-weight:650}.mm-steps li .btn{flex:none;height:44px;padding:0 16px;font-size:15px}
.mm-dot{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--line2)}.mm-dot svg.i{width:14px;height:14px}
.mm-steps li.cur .mm-dot{border-color:var(--accent)}.mm-steps li.done .mm-dot{border-color:var(--ink);background:var(--ink);color:var(--surface)}
.mm-gen{margin:14px 0 4px;padding:14px;border-radius:12px;background:var(--sunk)}.mm-gen p{margin:0 0 10px;color:var(--ink)}.mm-gen .btn{margin-top:12px;height:44px}
.mm-meter{height:8px;border-radius:99px;background:var(--sunk);overflow:hidden}.mm-gen .mm-meter{background:var(--surface)}.mm-meter i{display:block;height:100%;border-radius:99px;background:var(--accent)}.mm-meter.low i{background:var(--chip-ink)}
/* tools */
.mm-tools{margin-top:18px;padding:6px 0}.mm-tools h2{margin:12px 20px 6px!important;font-size:18px!important}.mm-tools ul{list-style:none;margin:0;padding:0}
.mm-tools li+li button{border-top:1px solid var(--line)}
.mm-tools button{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:0 20px;border:0;border-radius:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.mm-tools button>svg.i:first-child{flex:none;width:24px;height:24px;color:var(--muted)}.mm-tools b{flex:1;min-width:0;font-size:15px;font-weight:600}
.mm-tools span{font-size:13px;color:var(--muted);text-align:right}.mm-tools button>svg.i:last-child{flex:none;width:16px;height:16px;color:var(--muted);transform:rotate(-90deg)}
.mm-tools button:hover{background:var(--bg)}.mm-tools button:focus-visible{outline-offset:-3px}
.mm-links{display:flex;gap:6px 22px;flex-wrap:wrap;margin:14px 4px 0}.mm-links .mm-link{min-height:44px}
/* offer grade */
.mm-offer{margin-bottom:18px;padding:18px}.mm-offer h3{margin:0 0 12px!important;font-size:18px}
.mm-grade{display:flex;align-items:center;gap:14px;margin-bottom:12px}.mm-grade p{margin:0;font-size:15px;line-height:1.45}
.mm-letter{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:var(--sunk);color:var(--ink);font-family:var(--font-heading);font-size:34px;font-weight:800}.mm-letter.low{background:var(--chip);color:var(--chip-ink)}
.mm-fixes{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}.mm-fixes li{display:flex;gap:10px;font-size:15px;line-height:1.45}.mm-fixes svg.i{flex:none;width:15px;height:15px;margin-top:3px;color:var(--muted)}
.mm-offer .btn{height:44px}
.mm-scores{margin:0}.mm-scores>div{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-top:1px solid var(--line)}.mm-scores>div:first-child{border-top:0}.mm-scores dt{font-weight:600}.mm-scores dd{margin:0;font-variant-numeric:tabular-nums}.mm-scores p{grid-column:1/-1;margin:0}
/* make ads chooser + product sheet */
.mm-rows{list-style:none;margin:0 0 14px;padding:0!important;overflow:hidden}.mm-rows li+li{border-top:1px solid var(--line)}
.mm-rows button{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;padding:14px 20px;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.mm-rows button>span{flex:1;min-width:0}.mm-rows b{display:block;font-family:var(--font-heading);font-size:18px;font-weight:700}.mm-rows small{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:var(--muted)}
.mm-rows svg.i{flex:none;width:18px;height:18px;color:var(--muted);transform:rotate(-90deg)}.mm-rows button:hover{background:var(--bg)}.mm-rows button:focus-visible{outline-offset:-3px}
.mm-trust{margin:0 4px}
.mm-sheetbal{display:inline-flex;align-items:center;gap:6px;align-self:center;font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--ink);white-space:nowrap}.mm-sheetbal svg.i{width:16px;height:16px;color:var(--accent)}
.mm-psearch{margin-bottom:8px}
.mm-prow{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 4px;border-top:1px solid var(--line);cursor:pointer}.mm-prow:first-child{border-top:0}
.mm-prow input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--ink)}
.mm-prow img,.mm-noimg{flex:none;width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--sunk)}
.mm-prow b{display:block;font-size:15px;font-weight:600;line-height:1.3}.mm-prow small{font-size:13px;color:var(--muted)}
#sf:has(.mm-pickfoot){display:block}.mm-pickfoot{display:grid;gap:10px}
.mm-stepper{display:flex;align-items:center;justify-content:space-between;gap:12px}.mm-stepper>span{font-size:14px;font-weight:600}.mm-stepper .mm-interval{margin:0}.mm-stepper .mm-interval button{min-width:56px}
.mm-cost{margin:0;font-size:14px}.mm-cost.short{padding:10px 12px;border-radius:10px;background:var(--chip);color:var(--chip-ink);font-weight:600}
.mm-pickfoot .ml-err{margin:0}
/* your ads */
.mm-empty{max-width:520px;margin:24px auto 0;padding:28px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}
.mm-empty .studio-friend{width:104px;height:104px}.mm-empty h3{margin:14px 0 6px!important;font-size:22px}
.mm-empty p{margin:0 auto 18px;max-width:34ch;font-size:15px;line-height:1.55;color:var(--muted)}
.mm-empty .btn{width:100%;max-width:340px}.mm-empty .btn:not(.primary){height:44px;margin-top:10px}.mm-empty .mm-notice{width:100%;text-align:left}
#feed:has(#mm-empty) #viewgenerating{display:none}
.mm-ghosthead{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin:8px 0 12px}.mm-ghosthead b{font-size:17px}.mm-ghosthead span{font-size:14px;color:var(--muted)}
.mm-ghosts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.mm-ghosts>*{display:block;width:100%;aspect-ratio:4/5;border-radius:12px;object-fit:cover}
.mm-runbar{margin:0 0 16px}
html[data-member] #mm-filters{display:none}
html[data-member] #viewresults .ccard .media:has(img.ok){aspect-ratio:auto!important;animation:none;background:none}html[data-member] #viewresults .ccard .media img.ok{height:auto;display:block}
@media(max-width:540px){
 .mm-ghosts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 html[data-member] .viewzoom{display:none}
 html[data-member] body[data-page=create] .viewfilters{display:flex!important;gap:8px;align-items:center;margin-bottom:14px}
 html[data-member] body[data-page=create] .viewfilters>input{flex:1;min-width:0;height:44px;min-height:44px;margin:0!important}
 html[data-member] body[data-page=create] .viewfilters>:not(input):not(#mm-filters){display:none!important}
 html[data-member] #mm-filters{display:inline-flex;flex:none;height:44px;padding:0 14px;font-size:15px}
 html[data-member] body[data-page=create] #count .bhead h2{display:block;margin:0;font-size:27px}
}
/* run plan */
.mm-runwrap{display:grid;gap:12px;max-width:1080px}.mm-runsteps{display:grid;gap:12px;min-width:0}.mm-safety{margin:0}
@media(min-width:1000px){.mm-runwrap{grid-template-columns:minmax(0,720px) 320px;align-items:start;gap:20px}.mm-runsum{grid-column:2;grid-row:1;position:sticky;top:20px}.mm-runsteps{grid-column:1;grid-row:1}.mm-runsum summary{pointer-events:none}.mm-runsum summary svg{display:none}}
details.mm-runsum{padding:0}.mm-runsum summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:14px 18px;cursor:pointer;list-style:none}.mm-runsum summary::-webkit-details-marker{display:none}
.mm-runsum summary b{flex:1;font-size:15px}.mm-runsum summary svg{width:16px;height:16px;color:var(--muted)}.mm-runsum[open] summary svg{transform:rotate(180deg)}
.mm-runsum>.mm-dl,.mm-runsum>p{margin:0 18px 16px}aside.mm-runsum{padding:18px}
.mm-dl{margin:0}.mm-dl>div{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 0;border-top:1px solid var(--line)}.mm-dl>div:first-child{border-top:0}
.mm-dl dt{font-size:15px;color:var(--ink)}.mm-dl dt small{display:block;font-size:13px;color:var(--muted)}.mm-dl dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.mm-be{font-weight:600}
.mm-step{display:flex;gap:14px;padding:18px}.mm-step h2{margin:4px 0 8px!important;font-size:18px!important}.mm-step p{margin:0;line-height:1.55}.mm-step .btn{height:44px}
.mm-num{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sunk);color:var(--ink);font-family:var(--font-heading);font-weight:700}.mm-num svg.i{width:16px;height:16px}.mm-step.done .mm-num{background:var(--ink);color:var(--surface)}
.mm-interval.mm-chips{display:flex;margin:4px 0 0;border-radius:14px}.mm-chips button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:6px 4px;border-radius:10px}.mm-chips b{font-size:15px}.mm-chips small{font-size:12px;font-weight:500;color:var(--muted)}
.mm-thumbs{display:flex;gap:10px;overflow-x:auto;list-style:none;margin:4px 0 12px;padding:2px 0 6px}.mm-thumbs li{flex:none;width:64px}
.mm-thumbs img{display:block;width:64px;height:80px;object-fit:cover;border-radius:8px;background:var(--sunk)}.mm-thumbs code{display:block;margin-top:4px;font-size:11px;line-height:1.3;color:var(--muted);overflow-wrap:anywhere}
.mm-runsteps>.mm-sum{margin:0}.mm-runsteps>.btn:not(.mm-big){height:44px;justify-self:start}
/* credits page */
.mm-gauge .mm-bal-big{margin:0 0 6px}.mm-enough{margin:0 0 14px;font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--ink)}
.mm-fuel{margin-bottom:8px}.mm-meterlabels{display:flex;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;margin-bottom:18px;font-size:13px;color:var(--muted)}
.mm-gauge .mm-two{margin-top:0}.mm-gauge .mm-two .btn{height:48px}
.mm-plan .mm-dl{margin:12px 0 16px}.mm-plan .mm-link,.mm-refrow .mm-link{min-height:44px;text-align:left}.mm-src{display:inline-flex!important;align-items:center;min-height:44px;margin-top:0!important}.mm-refrow{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.mm-plancard{cursor:pointer;background:var(--surface)}.mm-plancard.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.mm-plancard:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.mm-planhead{display:flex;align-items:center;justify-content:space-between;gap:8px}.mm-perads{margin:2px 0 10px;font-size:15px;font-weight:600;color:var(--ink)}
.mm-planfoot{position:sticky;bottom:16px;z-index:5;margin:4px -10px 14px;padding:12px 10px 10px;border-radius:14px;background:var(--surface);box-shadow:0 -10px 20px -14px rgba(0,0,0,.25)}.mm-planfoot .addbo-note{margin:6px 0 0;text-align:center}
.mm-histlist{display:none;list-style:none;margin:0;padding:0}.mm-sheetstack{max-width:none}
/* r3 f2: on a phone the plan footer is pinned to the viewport above the tab bar, on a solid surface, never over a plan */
@media(max-width:999px){.mm-paywall .mm-planfoot{position:fixed;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));z-index:30;margin:0;padding:12px 16px;border-radius:0;border-top:1px solid var(--line);background:var(--surface);box-shadow:none}.mm-paywall{padding-bottom:112px}.mm-paywall .mm-planfoot .btn.mm-big{width:100%}}
@media(max-width:540px){.mm-histwrap{display:none}.mm-histlist{display:block}.mm-histlist li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-top:1px solid var(--line)}.mm-histlist li:first-child{border-top:0}.mm-histlist small{grid-column:1/-1;font-size:13px;color:var(--muted)}.mm-histlist span{font-size:15px}.mm-histlist b{font-weight:700;color:var(--ink);text-align:right}}
/* refer, refresh, organic, library, login, ad view */
.mm-field{display:flex;margin-bottom:4px}.mm-field input{flex:1;min-width:0;border-radius:10px 0 0 10px;text-overflow:ellipsis;white-space:nowrap}.mm-field .btn{flex:none;height:46px;padding:0 16px;font-size:15px;border-radius:0 10px 10px 0;margin-left:-1px}
@media(max-width:540px){.mm-bal-big b{font-size:44px}}
.mm-plan .mm-big{margin-top:16px}.mm-bal-left{text-align:left;margin:8px 0 12px}.mm-bal-left small{display:block}
.mm-vh{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.mm-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;padding:16px;border:1.5px dashed var(--line2);border-radius:12px;background:var(--sunk);text-align:center;cursor:pointer}
.mm-drop:focus-within{outline:3px solid var(--accent);outline-offset:2px}.mm-drop.over{border-color:var(--accent)}.mm-drop .btn{height:44px;pointer-events:none}
.mm-fname{font-size:14px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}.mm-fname:empty{display:none}
html[data-member] .mm-org #oigo{max-width:420px;height:auto;min-height:52px;padding-top:12px;padding-bottom:12px}
html[data-member] .mm-org .sel select{height:auto;min-height:46px;padding:13px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:15px;appearance:auto;-webkit-appearance:auto}html[data-member] .mm-org .sel svg.i{display:none}
html[data-member] .addbo-ref-tag{display:none}
@media(max-width:999px){html[data-member] .addbo-tabs.mm-over{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}}
.mlogin .ml-lead{margin:0 0 6px;font-size:16px;line-height:1.5;color:var(--ink)}
@media(max-width:999px){.mlogin .addbo-entry-card{justify-content:flex-start;padding-top:32px}}
.mm-words p{margin:0 0 8px;font-size:15px;line-height:1.45;color:var(--ink);white-space:pre-line}
html[data-member] .res-acts #cdl{height:48px}.mm-acts2{display:flex;gap:8px;width:100%}.mm-acts2 .btn{flex:1 1 0}
@media(max-width:540px){html[data-member] .res-acts{flex-direction:column;align-items:stretch}html[data-member] .res-acts #cdl{flex:none;width:100%}.mm-acts2 .btn{white-space:normal;line-height:1.2;padding:0 8px}.mm-acts2 .btn svg{display:none}}
/* ---- round 2 (2026-10-30): r2-critic findings 1-14 ---- */
/* f1/f9/f13 Home: no visible "Welcome." h1 (kept for screen readers), no header "+ Add brand" while the setup card asks for the store */
/* r3 f3: one heading block on every member page: H1, then one muted sentence right under it at every width, then the first block 16 px below */
html[data-member] #count .addbo-heading{padding:24px 0 16px;gap:0;align-items:flex-start}html[data-member] #count .addbo-heading h1{margin:0;font-size:34px;font-weight:750;line-height:1.15}
html[data-member] #count .addbo-heading p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:4px 0 0;max-width:60ch;font-size:14px;line-height:1.45;color:var(--muted)}
html[data-member] #count:has(.addbo-heading){padding-bottom:0;margin-bottom:0}html[data-member] #count .addbo-heading p:empty,html[data-member] #count .addbo-actions:empty{display:none}
html[data-member] #count .mm-hrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}html[data-member] #count .mm-hrow .mm-tag:empty{display:none}
@media(max-width:999px){html[data-member] #count .addbo-heading{padding:18px 0 16px}html[data-member] #count .addbo-heading h1{font-size:27px}}
html[data-mm-nostore] body[data-page=home] #bpill{display:none}
.mm-firstpack{padding:16px}.mm-firstpack .addbo-eyebrow{margin:0 0 10px}
.mm-firstpack .mm-fpimg{width:64px;height:64px}
.mm-fprow h2{font-size:22px;line-height:26px}
.mm-firstpack .mm-label{margin:12px 0 2px}
.mm-firstpack .mm-sum{height:64px;margin:14px 0 12px;padding:10px 14px;align-items:center}.mm-firstpack div.mm-sum.mm-shim{height:64px}
.mm-firstpack p.mm-sum.mm-short{height:auto}
.mm-after{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--muted)}
.mm-glink{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
#mm-fpgrade{margin:0}#mm-fpgrade:empty{display:none}
.mm-alts{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 4px;margin:0 -2px}
.mm-alt{flex:none;width:56px;height:56px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--sunk);cursor:pointer;scroll-snap-align:start;overflow:hidden}
.mm-alt .mm-fpimg{width:100%;height:100%;border-radius:0}.mm-alt:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.mm-firstpack .mm-shp{margin:12px 0 6px}
details.mm-soon{margin-top:18px;border-top:1px solid var(--line)}details.mm-soon summary{display:flex;align-items:center;min-height:48px;font-weight:600;color:var(--muted);cursor:pointer}
details.mm-soon ul{margin-top:4px}
.mm-ex{margin:14px 0 4px}.mm-exrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mm-exrow figure{margin:0}.mm-exrow img,.mm-exrow .mm-shim{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;background:var(--sunk)}
.mm-excap{margin:6px 0 0;font-size:13px;color:var(--muted)}
.mm-stepthumbs{display:flex;gap:6px;margin:8px 0 2px}.mm-stepthumbs img{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--sunk)}
.mm-steps li.done b{text-decoration:line-through;color:var(--muted)}
.mm-steps li{flex-wrap:wrap}.mm-ask{margin:10px 0 0;font-weight:600;color:var(--ink)}.mm-steps li .mm-two .btn{flex:1 1 0}
.mm-sechead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.mm-sechead h2{margin:0!important}.mm-sechead .mm-link{min-height:44px}
.mm-latest{margin:4px 0 18px}.mm-latest h2{font-size:18px}
.mm-latestrow{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity}
.mm-lt{flex:none;width:96px;height:96px;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--sunk);cursor:pointer;scroll-snap-align:start}.mm-lt img{width:100%;height:100%;object-fit:cover;display:block}
/* f3 offer grade */
.mm-offer{padding:16px}.mm-offer .addbo-eyebrow{margin:0 0 10px}
.mm-letter{width:48px;height:48px;font-size:28px}
.mm-verdict{font-family:var(--font-heading);font-size:18px!important;line-height:24px!important;font-weight:700;color:var(--ink)}
.mm-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0 0 4px}.mm-scale span{display:grid;justify-items:center;gap:3px}
.mm-scale i{display:block;width:100%;height:6px;border-radius:3px;background:var(--sunk)}.mm-scale .on i{background:var(--accent)}
.mm-scale small{font-size:11px;font-weight:700;color:var(--ink)}
ol.mm-fixes{list-style:none}.mm-fixes .mm-dot{width:20px;height:20px;border-width:2px;margin-top:1px}
.mm-bar10{display:inline-grid;grid-template-columns:repeat(10,8px);gap:2px}.mm-bar10 i{height:8px;border-radius:2px;background:var(--sunk)}.mm-bar10 i.on{background:var(--ink)}
.mm-scores dt{font-size:15px;font-weight:700}
/* f2 Make ads */
.mm-h{margin:0 0 10px!important;font-family:var(--font-heading);font-size:18px!important;font-weight:700;letter-spacing:-.01em}
.mm-sug{margin:0 0 20px}.mm-sug .ml-err{margin-top:6px}
.mm-sugcard{display:flex;align-items:center;gap:12px;max-width:720px;padding:12px}.mm-sugcard .mm-fpimg{width:56px;height:56px}
.mm-sugcard b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mm-sugcard small{display:block;margin-top:2px;font-size:14px;color:var(--muted)}
.mm-sugcard .btn{flex:none;height:44px;padding:0 18px}.mm-sugcard .mm-shl{width:80%}
.mm-prods{margin:0 0 20px}
.mm-pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:1000px){.mm-pgrid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1080px}}
.mm-ptile{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:0;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;min-width:0}
.mm-ptile img,.mm-ptile .mm-noimg{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px;background:var(--sunk)}
.mm-ptile b{font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mm-ptile small{font-size:13px;color:var(--muted)}
.mm-ptile:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:12px}
.mm-rowcost{flex:none;font-style:normal;font-size:13px;color:var(--muted);text-align:right;max-width:110px}
.mm-prodbtn{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.mm-prodbtn small{display:block;font-size:12px;color:var(--muted)}.mm-prodbtn b{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-prodbtn>svg.i{flex:none;width:16px;height:16px;color:var(--muted);transform:rotate(-90deg)}
.mm-pthumb{flex:none;width:40px;height:40px;border-radius:8px;overflow:hidden;background:var(--sunk)}.mm-pthumb img{width:100%;height:100%;object-fit:cover;display:block}
.mm-pickfoot .mm-trust{margin:0;font-size:13px;color:var(--muted)}
/* f5 Run */
.mm-runstats{border-radius:16px;background:var(--sunk);padding:16px}.mm-runstats.mm-shim{height:150px}
.mm-runstats dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0}.mm-runstats dl>div{display:flex;flex-direction:column-reverse}
.mm-runstats dd{margin:0;font-family:var(--font-heading);font-size:22px;font-weight:750;line-height:1.2;color:var(--ink);font-variant-numeric:tabular-nums}.mm-runstats dt{font-size:13px;color:var(--muted)}
.mm-runstats .mm-safety{margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--muted)}
aside.mm-runsum{display:none}aside.mm-runsum .mm-h{font-size:16px!important}aside.mm-runsum>.mm-dl,aside.mm-runsum>p{margin:0 0 8px}
@media(min-width:1000px){.mm-runstats{display:none}aside.mm-runsum{display:block}}
.mm-adset{list-style:none;margin:4px 0 8px;padding:0}.mm-adset li{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 0;border-top:1px solid var(--line)}.mm-adset li:first-child{border-top:0}
.mm-adset img{flex:none;width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--sunk)}
.mm-adset b{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-adset span{display:block;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-icbtn{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer;font:inherit}.mm-icbtn svg.i{width:18px;height:18px}
.mm-runempty .mm-h{margin-bottom:14px!important}
/* f6 Your ads */
html[data-member] body[data-page=create] #count{padding-top:38px}
html[data-member] #addbo-family-view,html[data-member] .viewzoom{display:none!important}
html[data-member] body[data-page=create] .viewfilters{display:flex!important;gap:8px;align-items:center;margin-bottom:14px}
html[data-member] body[data-page=create] .viewfilters>input{flex:1;min-width:0;height:44px;min-height:44px;margin:0!important}
html[data-member] body[data-page=create] .viewfilters>:not(input):not(#mm-filters){display:none!important}
html[data-member] #mm-filters{display:inline-flex;flex:none;height:44px;padding:0 14px;font-size:15px}
.mm-runbar{gap:12px;align-items:center;flex-wrap:nowrap}.mm-runbar>p{flex:1 1 auto;min-width:0}.mm-runbar .btn.primary{flex:none;height:44px}
.mm-stack3{flex:none;display:flex}.mm-stack3 img{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid var(--surface)}.mm-stack3 img+img{margin-left:-22px}
.mm-x{border:0;background:none;font-size:22px;color:var(--muted)}
@media(max-width:540px){.mm-runbar{flex-wrap:wrap}.mm-runbar>p{flex:1 1 calc(100% - 120px)}.mm-runbar .btn.primary{flex:1 1 auto}}
html[data-member] .ccard .mm-cmeta{display:flex;align-items:center;gap:8px}html[data-member] .ccard .mm-cmeta>span:last-child{margin-left:auto;font-size:12px;color:var(--muted)}
html[data-member] .ccard .mm-cmeta .mm-tag{padding:3px 9px}
.mm-empty{max-width:560px;margin:8px auto 0;padding:8px 0 0;background:none;border:0;box-shadow:none}
.mm-ghostfaint{width:100%;margin-top:24px;opacity:.4;grid-template-columns:repeat(2,minmax(0,1fr))}.mm-ghostfaint span{background:var(--sunk);border:1px solid var(--line)}
/* f7 paywall */
.mm-paywall .mm-choose{padding-bottom:16px}
.mm-plans{grid-template-columns:1fr;gap:10px}
.mm-plancard{padding:12px 16px;min-height:72px;justify-content:center}
.mm-planrow{display:flex;align-items:center;gap:12px}.mm-planrow .mm-planhead{justify-content:flex-start}
.mm-plancard h3{font-family:var(--font-heading);font-size:18px}.mm-plancard .mm-perads{margin:2px 0 0;font-size:15px;font-weight:500;color:var(--muted)}
.mm-planrow .mm-price{flex:none;margin:0;font-size:22px;white-space:nowrap}.mm-planrow .mm-price small{font-size:13px;font-weight:600;color:var(--muted)}
.mm-plandetail{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.mm-plandetail ul{margin:0;padding-left:18px;line-height:1.7;font-size:14px}
.mm-paywall .mm-planfoot{box-sizing:border-box}.mm-refline{margin:0 0 8px;font-size:13px;line-height:1.4;color:var(--ink);text-align:center}.mm-planfoot .ml-err{margin:0 0 8px;text-align:center}
.mm-choose .mm-ex{margin:18px 0 0}.mm-choose .mm-exrow{max-width:304px}@media(min-width:1000px){.mm-choose .mm-exrow{max-width:none;grid-template-columns:repeat(3,160px)}}
@media(min-width:1000px){.mm-paywall{max-width:1080px;margin:0 auto}.mm-paywall .mm-plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.mm-paywall .mm-planfoot{position:static;margin:16px 0 0;box-shadow:none;padding:0}}
/* f8 credits */
.mm-gauge .mm-bal-big b{font-size:56px;line-height:1.05}.mm-enough{font-size:20px}
.mm-srcbar{display:flex;height:6px;border-radius:99px;overflow:hidden;background:var(--sunk);margin:0 0 10px}.mm-srcbar i{display:block;height:100%}
.mm-srcbar .s-plan,.mm-legend i.s-plan{background:var(--accent)}.mm-srcbar .s-bonus,.mm-legend i.s-bonus{background:color-mix(in srgb,var(--accent) 45%,var(--surface))}.mm-srcbar .s-top,.mm-legend i.s-top,.mm-srcbar .s-ref,.mm-legend i.s-ref{background:color-mix(in srgb,var(--line),var(--ink) 20%)}
.mm-legend{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:4px;font-size:13px;color:var(--muted)}.mm-legend li{display:flex;align-items:center;gap:8px}.mm-legend b{color:var(--ink);font-weight:600}
.mm-legend i{flex:none;width:10px;height:10px;border-radius:3px}.mm-legend1{margin:0 0 16px;font-size:13px;color:var(--muted)}
.mm-gauge>.addbo-note{margin:12px 0 0}
.mm-grp{margin:14px 0 2px!important}.mm-out .mm-link{min-height:44px}
/* f10 refresh + organic */
.mm-since{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:var(--sunk);font-size:14px;line-height:1.45}
#wr-form .mm-prodbtn{margin:0 0 6px}
.mm-ghostout{opacity:.4}.mm-ghostgrp{margin:0 0 14px}.mm-ghostgrp h4{margin:0 0 8px;font-size:15px}
.mm-ghostrow{display:flex;gap:10px;align-items:center;padding:6px 0}.mm-ghostrow>span{flex:none;width:48px;height:48px;border-radius:8px;background:var(--sunk);border:1px solid var(--line)}
.mm-ghostrow div{flex:1;display:grid;gap:6px}.mm-ghostrow i{display:block;height:10px;border-radius:5px;background:var(--sunk);border:1px solid var(--line)}.mm-ghostrow i+i{width:60%}
.mm-org>.mm-prodbtn{margin:0 0 14px}
.mm-orgghost{margin:0 0 14px}.mm-orgghost>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:420px}
.mm-orgghost figure{margin:0}.mm-orgghost span{display:block;aspect-ratio:9/16;border-radius:12px;background:var(--sunk);border:1px solid var(--line);opacity:.4}
.mm-orgghost figcaption{margin-top:6px;font-size:13px;color:var(--muted)}
.mm-org:has(.oi) .mm-orgghost{display:none}
html[data-member] .mm-org #orgi .sel{display:none}html[data-member] .mm-org #oigo{white-space:nowrap}
.mm-orgplan{margin:10px 0 0;font-size:13px}
/* f11 dark + accent discipline */
html[data-member] .mm-brandrow .av,html[data-member] .bpill .av{box-shadow:0 0 0 1px var(--line2)}
html[data-member][data-theme=charcoal] .av.av-lowd,html[data-member][data-theme=cream] .av.av-lowl{background:var(--raise)!important;color:var(--ink)!important}
html[data-member] .addbo-eyebrow{color:var(--muted);font-size:13px;letter-spacing:0;text-transform:none}
html[data-member] .mm-notice{border-color:var(--line2);background:var(--surface);color:var(--ink)}
/* f12 ad overlay */
html[data-member] .res-top .tt{min-width:0}html[data-member] .res-top .tt b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-checked{display:inline-flex;align-items:center;gap:4px;margin-top:4px}.mm-checked svg.i{width:13px;height:13px}
/* r3 f4: a hidden button stays hidden whatever its display rule; the ready chip wears the accent tint */
.btn[hidden]{display:none!important}
.mm-tag.ok{display:inline-flex;align-items:center;gap:4px}html[data-member] #viewresults .view-ad-grid:is([data-d=mid],[data-d=dense])>.ccard .mm-cmeta{display:flex}html[data-member] #viewresults .view-ad-grid[data-d=dense]>.ccard .cname{display:block}html[data-member] #viewresults .view-ad-grid[data-d=dense]>.ccard{margin-bottom:12px;border-radius:12px}html[data-member] #viewresults .view-ad-grid[data-d=dense]{column-gap:12px}.mm-tag svg.i{width:12px;height:12px}
.mm-fpills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.mm-fpill{min-height:44px;padding:0 16px;border:1px solid var(--line2);border-radius:99px;background:var(--surface);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.mm-fpill[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}
/* r3 f10: the sidebar caption (what's being made) and the 32 px mascot on the success toast */
html[data-member] .mm-cap{margin:0;font-size:12px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}html[data-member] .mm-cap:empty{display:none}
html[data-member] #toast .studio-success{width:32px;height:32px;flex:none}
.mm-tag.ok{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}html[data-member] .res-top .tt small{display:block}
.mm-adnm{flex:1;min-width:0;font-family:var(--font);font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;user-select:all}
.mm-wline{display:block;width:100%;height:44px;margin:0 0 8px;box-sizing:border-box}
/* f14 refer */
.mm-rtiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 16px}.mm-rtiles>div{padding:14px;border-radius:16px;background:var(--sunk)}
.mm-rtiles small{display:block;font-size:13px;color:var(--muted)}.mm-rtiles b{display:block;margin:2px 0;font-family:var(--font-heading);font-size:22px;line-height:1.2;color:var(--ink)}
details.mm-rules summary{display:flex;align-items:center;min-height:44px;font-weight:700;cursor:pointer}details.mm-rules .mm-facts{margin-top:8px}
.mm-rlog{margin-top:8px;border-top:1px solid var(--line)}
/* f4 nav: the account pages sit under a divider on desktop */
@media(min-width:1000px){html[data-member] .nav :is(button[data-tab=plan],button[data-tab=reference]){margin-top:12px;position:relative}html[data-member] .nav :is(button[data-tab=plan],button[data-tab=reference])::before{content:"";position:absolute;left:8px;right:8px;top:-7px;border-top:1px solid var(--line)}}
@media(max-width:540px){.mm-firstpack[aria-busy=true]{min-height:640px}}
/* r3 f1: the first-pack card: product, the angles it covers, three example formats, one priced button, one cost line */
.mm-firstpack{max-width:760px;box-sizing:border-box}#mm-hero>.addbo-panel{max-width:760px;box-sizing:border-box}
.mm-firstpack .mm-fpimg{width:56px;height:56px}
.mm-firstpack .mm-ex{margin:0 0 16px}.mm-firstpack .mm-exrow{grid-template-columns:repeat(3,88px);gap:8px}
.mm-firstpack .mm-exrow img,.mm-firstpack .mm-exrow .mm-shim{width:88px;height:110px;aspect-ratio:auto;border-radius:10px}.mm-firstpack .mm-excap{font-size:12px}
.mm-firstpack .mm-chips{margin:0}.mm-shchip{display:inline-block;width:110px;height:26px;border-radius:99px}
.mm-firstpack .mm-cost1{margin:8px 0 0}
.mm-altrows{list-style:none;margin:0;padding:0}
.mm-altrow{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 0;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.mm-altrows li:first-child .mm-altrow{border-top:0}
.mm-altrow img,.mm-altrow .mm-noimg{flex:none;width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--sunk);aspect-ratio:auto}
.mm-altrow b{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.mm-altrow svg{flex:none;width:16px;height:16px;color:var(--muted);transform:rotate(-90deg)}.mm-exrow img{box-sizing:border-box;border:1px solid var(--line)}.mm-altrow:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}
.mm-firstpack .mm-seeall{display:inline-flex;align-items:center;min-height:44px;margin-top:2px}
@media(max-width:540px){.mm-two.mm-stack2{flex-direction:column}.mm-two.mm-stack2>.btn{flex:none;width:100%;white-space:nowrap}}
/* r3 f8: labelled rows instead of skeletons; the empty Your ads state is mascot, title, sentence, two buttons */
.mm-wrwhat{list-style:none;margin:8px 0 12px;padding:0;font-size:14px;line-height:1.5}.mm-wrwhat li{padding:10px 0;border-top:1px solid var(--line)}.mm-wrwhat li:first-child{border-top:0}.mm-wrwhat b{color:var(--ink)}
html[data-member] .mm-empty>.studio-friend{width:120px;height:120px}html[data-member] .mm-empty>.studio-friend+h3,html[data-member] .mm-empty>canvas+h3,html[data-member] .mm-empty h3{margin-top:16px!important}
/* r3 f9: login art without the off-model hero (it gave ADDVO hand-nubs): the same arch-and-plinth scene, drawn from the theme
   tokens, round the limb-free 2D mascot (studio-welcome, four lobes, no limbs). No halo ring on the logo mark. */
.mlogin .mm-loginart{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--sunk),var(--bg) 78%)}
.mlogin .mm-arch{position:absolute;left:50%;bottom:16%;height:74%;aspect-ratio:3/4;transform:translateX(-50%);border-radius:999px 999px 0 0;background:color-mix(in srgb,var(--accent) 38%,var(--surface));box-shadow:0 0 0 clamp(10px,2.4vw,26px) color-mix(in srgb,var(--surface) 70%,var(--sunk))}
.mlogin .mm-plinth{position:absolute;left:50%;bottom:7%;width:min(46%,340px);height:13%;transform:translateX(-50%);border-radius:50% / 34%;background:var(--surface);box-shadow:inset 0 -14px 0 var(--raise),0 18px 40px -24px rgba(0,0,0,.35)}
.mlogin .mm-loginbuddy{position:absolute;left:50%;bottom:16%;height:50%;width:auto;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 12px 24px rgba(190,70,29,.25))}
.mlogin .addbo-entry-brand img{animation:none;box-shadow:none;filter:none}
@media(max-width:999px){.mlogin .addbo-entry{align-content:start}.mlogin .addbo-entry-card{align-self:start;height:auto;padding-bottom:24px}}
/* r3 f13: refer: two numbered rows, a 16 px chevron on the folded rules, the code tucked behind a link */
.mm-rsteps{list-style:none;margin:14px 0 18px;padding:0;display:grid;gap:10px}.mm-rsteps li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;color:var(--ink)}
.mm-rnum{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--chip);color:var(--chip-ink);font-size:13px;font-weight:700;line-height:1}
details.mm-rules summary{justify-content:space-between;list-style:none}details.mm-rules summary::-webkit-details-marker{display:none}details.mm-rules summary svg.i{flex:none;width:16px;height:16px;color:var(--muted);transition:transform .2s}details.mm-rules[open] summary svg.i{transform:rotate(180deg)}
.mm-refcode{margin-top:6px;padding:0;border:0}.mm-refcode::before{display:none}.mm-refcode summary{display:inline-flex;align-items:center;min-height:44px;list-style:none}.mm-refcode summary::-webkit-details-marker{display:none}.mm-refcode .mm-field{margin-top:4px}
.mm-plan .btn.mm-big svg.i{width:18px;height:18px}#mm-refer .mm-plan>h2{font-size:24px;line-height:1.25;margin:0}
/* r3 f7: the open checklist step: thumbnails, then one 48 px primary and a 44 px text link, both sized to their words */
.mm-stepact{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:12px}.mm-stepact .btn.primary{height:48px;width:auto;padding:0 20px}
.mm-ranlink{min-height:44px}.mm-stepthumbs img{width:56px;height:56px}
/* r3 f5: Make ads: one segmented control for the path, tiles that select (ring + check), one pinned action bar */
.mm-sugcard b{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
.mm-modes{margin:0 0 18px}.mm-modes button{flex:1 1 auto;padding:0 14px}
.mm-ptile{position:relative}.mm-ptile img,.mm-ptile .mm-noimg{box-sizing:border-box;transition:box-shadow .15s}
.mm-ptile.on img,.mm-ptile.on .mm-noimg{box-shadow:0 0 0 2px var(--accent)}
.mm-pcheck{position:absolute;top:8px;right:8px;display:none;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--on-accent)}.mm-pcheck svg.i{width:14px;height:14px}
.mm-ptile.on .mm-pcheck{display:grid}
.mm-makebar{display:grid;gap:8px;max-width:1080px;box-sizing:border-box;margin:16px 0 0;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.mm-barrow{display:flex;align-items:center;justify-content:space-between;gap:12px}.mm-barrow .mm-interval{margin:0;flex-wrap:nowrap}.mm-barrow .mm-interval button{padding:0 14px}
.mm-barline{margin:0;font-size:14px;font-weight:600;color:var(--ink);text-align:right}.mm-barline.short{color:var(--accent)}
.mm-makebar .ml-err{margin:0}
@media(min-width:1000px){.mm-makebar{position:sticky;bottom:16px;z-index:5;box-shadow:0 8px 24px -16px rgba(0,0,0,.35)}.mm-makebar{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.mm-makebar .mm-barrow{flex:1}.mm-makebar .btn.mm-big{width:auto;min-width:300px;padding:0 24px}.mm-makebar .ml-err{flex-basis:100%}.mm-prods .mm-sechead{max-width:1080px}}
@media(max-width:999px){.mm-makebar{position:fixed;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));z-index:30;margin:0;border:0;border-top:1px solid var(--line);border-radius:0}.mm-makewrap.mm-hasbar{padding-bottom:150px}}
/* every disabled primary in the member app reads at full contrast (was white on 40% rust, about 1.8:1) */
html[data-member] .btn.primary[disabled]{opacity:1;background:var(--surface);border-color:var(--line2);color:var(--muted);box-shadow:none}
/* r3 f5: the pick sheet's radios and checkboxes wear the plan card's ring, not the browser's black control */
.mm-prow input{-webkit-appearance:none;appearance:none;display:grid;place-content:center;width:22px;height:22px;border:2px solid var(--line2);border-radius:50%;background:var(--surface);cursor:pointer}
.mm-prow input[type=checkbox]{border-radius:7px}
.mm-prow input:checked{border-color:var(--accent)}
.mm-prow input[type=radio]:checked::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}
.mm-prow input[type=checkbox]:checked{background:var(--accent)}.mm-prow input[type=checkbox]:checked::before{content:"";width:5px;height:10px;margin-top:-2px;border:solid var(--on-accent);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.mm-prow input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.mm-prow:has(input:checked){border-radius:12px;box-shadow:inset 0 0 0 2px var(--accent);border-top-color:transparent}.mm-prow:has(input:checked)+.mm-prow{border-top-color:transparent}
.mm-steps li.cur{align-items:flex-start}.mm-steps li.cur .mm-dot{margin-top:1px}.mm-steps li.cur>.btn{align-self:center}
html[data-member] #viewresults .ccard .mm-cmeta{display:flex;align-items:center;gap:8px;padding:0 12px 12px;font-size:12px}html[data-member] #viewresults .ccard .mm-cmeta span{display:inline-flex}
html[data-member] #viewresults .ccard .mm-cmeta>span:last-child{margin-left:auto;color:var(--muted)}
.mm-paysub{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--ink)}
/* r4 14.7: no "Example brand" under every library tile; the page sub already says it (the rule near the top hides the tag) */
/* ---- round 4 (2026-10-31) ---- */
html[data-member]{--warn:var(--chip-ink)}html[data-member] .mm-credits[hidden]{display:none}
.mm-warn{color:var(--warn);font-weight:700}
/* f1: Make ads: the suggestion is a chip on the first tile; the bar names the product, the cost, then one priced button */
.mm-sugtag{position:absolute;top:8px;left:8px;z-index:1;display:inline-flex;align-items:center;height:24px;box-sizing:border-box;padding:0 10px;background:var(--chip);color:var(--chip-ink)}
html[data-member] .mm-makebar{display:grid;gap:8px;align-items:stretch}
.mm-barrow1{display:flex;align-items:center;gap:10px;min-width:0;min-height:32px}
.mm-barthumb{flex:none;display:block;width:32px;height:32px;border-radius:8px;overflow:hidden;background:var(--sunk);box-sizing:border-box}
.mm-barthumb img{display:block;width:100%;height:100%;object-fit:cover}
.mm-barstack{flex:none;display:flex}.mm-barstack .mm-barthumb{border:2px solid var(--surface)}.mm-barstack .mm-barthumb+.mm-barthumb{margin-left:-10px}
.mm-barname{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-barrow1 .mm-barline{flex:none;margin:0;font-size:14px;font-weight:600;color:var(--ink);text-align:right}
.mm-barhint{margin:0;font-size:13px;color:var(--muted)}
.mm-barrow2{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.mm-barrow2 .mm-interval{flex:none;margin:0;flex-wrap:nowrap}
.mm-barrow2 .mm-interval button,.mm-barrow .mm-interval button{min-width:72px;white-space:nowrap}
html[data-member] .mm-barrow2 .btn.mm-big{flex:1 1 240px;width:auto;min-width:0;padding:0 20px}
.mm-shortrow .mm-needs{flex:1 1 auto;margin:0;font-size:14px;font-weight:600;color:var(--ink)}
.mm-baracts,.mm-pickfoot{display:grid;gap:6px}
.mm-orlink{justify-self:center;min-height:44px}
.mm-askown{margin:0;text-align:center}
.mm-pickfoot .mm-needs{margin:0;font-size:14px;font-weight:600;color:var(--ink)}
@media(min-width:1000px){html[data-member] .mm-makewrap.mm-hasbar{padding-bottom:24px}html[data-member] .mm-makebar{bottom:16px}}
@media(max-width:999px){html[data-member] .mm-makewrap.mm-hasbar{padding-bottom:200px}html[data-member] .mm-makebar{padding:10px 16px}}
/* f3: the first-pack card: product row (body face, 2 lines), what the ads sell, who they're for; formats under the cost */
html[data-member] .mm-fprow h2{font-family:var(--font);font-size:17px!important;font-weight:700;line-height:1.3!important;letter-spacing:0}
.mm-change{flex:none;align-self:center;min-height:44px;padding:0 2px}
.mm-fpdl{display:grid;gap:12px;margin:16px 0 0}.mm-fpdl>div{display:grid;gap:4px;min-width:0}
.mm-fpdl dt{font-size:13px;font-weight:600;color:var(--muted)}.mm-fpdl dd{margin:0;font-size:15px;line-height:1.45;color:var(--ink)}
.mm-fpdl .mm-shs{width:40%}.mm-fpdl .mm-shp{margin:0}
.mm-srclink{display:flex;align-items:center;width:max-content;max-width:100%;min-height:44px;font-size:13px}
.mm-fpread{margin:14px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}
.mm-firstpack .mm-chips{margin:12px 0 0}.mm-firstpack .btn.mm-big{margin-top:16px}
.mm-firstpack .mm-ex{margin:16px 0 0}.mm-firstpack .mm-exrow{grid-template-columns:repeat(3,72px)}
.mm-firstpack .mm-exrow img,.mm-firstpack .mm-exrow .mm-shim{width:72px;height:90px}
@media(max-width:540px){.mm-firstpack[aria-busy=true]{min-height:0}}
/* f5: a pack being made, and the moment it lands, in the same card */
.mm-genhead{display:flex;align-items:center;gap:12px}
html[data-member] .mm-gen .mm-genfriend{flex:none;width:40px;height:40px}
@media(min-width:1024px){html[data-member] .mm-gen .mm-genfriend{display:none}}
html[data-member] .mm-gen .mm-gent{margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.3}
html[data-member] .mm-gen .mm-meter i{transition:width .4s ease-out}
html[data-member] .mm-gen .mm-genwait{margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}
.mm-genth,.mm-donethumbs{display:flex;gap:8px;margin:12px 0 0}
.mm-genth img{width:48px;height:48px;border-radius:8px;object-fit:cover;object-position:top;background:var(--surface);animation:mmFadeIn .2s ease-out both}
.mm-donethumbs img{width:72px;height:72px;border-radius:8px;object-fit:cover;object-position:top;background:var(--surface);animation:mmFadeIn .2s ease-out both}
html[data-member] .mm-gen .mm-donefriend{flex:none;width:56px;height:56px}
html[data-member] .mm-gen .mm-gendt{margin:0;font-family:var(--font-heading);font-size:19px;font-weight:700;line-height:1.25}
html[data-member] .mm-gendone .btn.primary{margin-top:14px;height:48px}
.mm-retry{min-height:44px}
@keyframes mmFadeIn{from{opacity:0}}
html[data-member] .mm-cap{display:inline-flex;flex-direction:column;align-items:stretch;justify-content:center;gap:6px;width:max-content;max-width:100%;min-height:44px;margin:0;padding:6px 8px;border:0;border-radius:10px;background:none;color:var(--ink);font:inherit;font-size:13px;line-height:1.35;text-align:left;cursor:pointer;-webkit-line-clamp:unset;overflow:visible}
html[data-member] .mm-cap[hidden]{display:none}html[data-member] .mm-cap:hover{background:var(--bg)}html[data-member] .mm-cap:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.mm-capbar{display:block;height:4px;border-radius:99px;background:var(--sunk);overflow:hidden}.mm-capbar b{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .4s ease-out}
/* f6: one content width; at 1200 px and up a 720 px main column and a sticky 320 px rail */
html[data-member] #feed{--member-main:720px;--member-rail:320px}
.mm-cols{max-width:760px}.mm-rail{display:none}
.mm-cols .mm-main :is(.addbo-panel,.mm-latest,.mm-makebar,.mm-firstpack,.mm-stack,.mm-pgrid,.mm-prods .mm-sechead){max-width:100%}
html[data-member] .mm-cols #mm-hero>.addbo-panel,html[data-member] .mm-cols .mm-firstpack{max-width:none}
.mm-cols .addbo-two{grid-template-columns:minmax(0,1fr)}
@media(min-width:1000px){.mm-cols .mm-pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1200px){.mm-cols{display:grid;grid-template-columns:minmax(0,var(--member-main)) var(--member-rail);gap:24px;align-items:start;max-width:none}
  .mm-rail{display:block;position:sticky;top:96px}.mm-costmain{display:none}}
.mm-railcard .mm-railn{margin:4px 0 0;font-family:var(--font-heading);font-size:30px;font-weight:750;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.mm-railcard .mm-raile{margin:2px 0 12px;font-size:14px;font-weight:600;line-height:1.4;color:var(--ink)}
html[data-member] .mm-railcard .mm-railh{margin:16px 0 2px;font-size:15px}
.mm-railcard .mm-costs>div{min-height:40px}.mm-railcard .mm-link{min-height:44px}
.mm-railcard .btn{width:100%;height:44px;justify-content:center;margin-top:4px}
/* f7: the paywall's math */
.mm-sheetswap{display:inline-flex;align-items:center;min-height:44px;margin-top:-6px;font-size:14px}
.mm-paymath{margin:4px 0 8px}.mm-paylinks{margin:4px 0 0}.mm-paylinks .mm-link{min-height:44px}.mm-paynote{margin:8px 0 0}
/* f8: before a plan, the tabs that can't do anything yet are muted (no lock icon) */
html[data-member] #nav button.mm-off{opacity:.6}
/* f9: Read results: three export steps, one upload control that becomes a file row */
.mm-wrsteps{margin:4px 0 14px;padding-left:20px;font-size:14px;line-height:1.6;color:var(--ink)}
#wr-form{position:relative}html[data-member] #wr-form #wr-file.mm-vh{left:0;top:0;width:1px;min-width:0;max-width:1px;padding:0;border:0}#wr-form .mm-drop{min-height:120px}html[data-member] #wr-form .mm-drop .btn{pointer-events:auto}
@media(max-width:540px){#wr-form .mm-drop{min-height:104px}}
.mm-filerow{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.mm-csv{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:var(--chip);color:var(--chip-ink);font-size:12px;font-weight:700}
.mm-filerow b{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mm-filerow small{font-size:13px;color:var(--muted)}
.mm-filerow .mm-link{flex:none;min-height:44px}
#wr-act .btn{margin-top:12px}
.mm-group li.mm-wrpic{display:flex;align-items:flex-start;gap:10px}.mm-wrth{flex:none;width:40px;height:40px;border-radius:8px;object-fit:cover;object-position:top;background:var(--sunk)}
/* f10: Run: the notice holds its fix; thresholds and campaign settings as rows */
html[data-member] .mm-runneed{margin:0;flex-wrap:nowrap}.mm-runneed p{flex:1;min-width:0;margin:0}.mm-runneed .btn{flex:none;height:44px}
@media(max-width:540px){html[data-member] .mm-runneed{flex-wrap:wrap}.mm-runneed .btn{flex:1 1 100%}}
.mm-stepdl,.mm-keep{margin:6px 0 8px}.mm-keep dd{font-weight:600}
.mm-adset b.mm-adcode{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
/* f11: plans you can compare: three fixed lines on every row, details on all three on desktop */
.mm-plandiff{margin:2px 0 0;font-size:14px;color:var(--muted)}
.mm-billed{display:block;margin-top:2px;font-size:13px;font-weight:500;color:var(--muted);text-align:right;font-family:var(--font)}
@media(max-width:999px){.mm-plancard:not(.on) .mm-plandetail{display:none}}
.mm-paywall>.mm-ex{margin:0 0 14px}.mm-paywall>.mm-ex .mm-exrow{grid-template-columns:repeat(3,96px)}
.mm-paywall>.mm-ex .mm-exrow img,.mm-paywall>.mm-ex .mm-exrow .mm-shim{width:96px;height:120px;aspect-ratio:auto;object-position:top}
@media(min-width:1000px){html[data-member] .mm-paywall{margin:0}html[data-member] .mm-paywall .mm-plans{align-items:stretch}.mm-paywall .mm-plancard{display:flex;flex-direction:column;justify-content:flex-start}}
/* f12: Organic: what a pack holds, before the first one */
.mm-orgwhat{margin:0 0 16px}html[data-member] .mm-orgwhat h3{margin:0 0 10px;font-size:16px}
.mm-orgwhat ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mm-orgwhat li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;color:var(--ink)}
.mm-orgwhat svg.i{flex:none;width:20px;height:20px;margin-top:1px;color:var(--accent)}
.mm-org:has(.oi) .mm-orgwhat{display:none}
/* 14.3: ad thumbnails keep the headline (top of the ad) */
:is(.mm-lt,.mm-stepthumbs,.mm-exrow,.mm-adset,.mm-stack3) img{object-position:top}
/* 14.4: under 420 px the logo mark is the brand; the wordmark text goes so the brand pill isn't cut */
@media(max-width:419px){html[data-member] .top .word span{display:none}html[data-member] .top .bpill{max-width:56%}}
/* 14.1: Your ads loading: the grid's own two-column shape */
.mm-adskel{padding-top:16px}.mm-adskel .mm-shim{aspect-ratio:4/5;border-radius:12px}
/* 14.9: dark theme: product plates sit on the sunk surface with breathing room, not raw white squares */
html[data-member][data-theme=charcoal] .mm-ptile img{padding:12px;background:var(--sunk);object-fit:contain}
/* 14.6: the Meta ad name at the top of the right column */
html[data-member] .res-panel>.mm-adname{margin:0 0 16px}
@media (prefers-reduced-motion:reduce){.mm-genth img,.mm-donethumbs img{animation:none}}
/* ---- round 5 (2026-10-31) ---- */
/* f9: one type scale for the member app: display 30/750, number 56/700, title 20/700, body-strong 15/600, body 15/400, meta 13/400 (13/600 eyebrows, chips) */
html[data-member]{--t-display:750 30px/1.15 var(--font-heading);--t-number:700 56px/1 var(--font-heading);--t-title:700 20px/1.25 var(--font-heading);--t-body-strong:600 15px/1.4 var(--font);--t-body:400 15px/1.5 var(--font);--t-meta:400 13px/1.4 var(--font)}
/* f10: small muted text reaches 4.5:1 on every light surface (cream, sunk, chip): the muted token mixed 15% toward ink */
html[data-member]:not([data-theme=charcoal]){--muted:color-mix(in srgb,#756d62 85%,#252728)}
html[data-member] .mm-tag{font-size:13px;font-weight:600;color:var(--ink)}
html[data-member] .mm-tag.ok{color:var(--ink)}
html[data-member] .mm-tag.ok svg.i{color:var(--accent)}
html[data-member] .mm-tag.warn{color:var(--ink)}
/* f1: the pack card (making / landed / failed): header, the slots that are the progress, one line, one primary */
html[data-member] #viewgenerating{display:none}
html[data-member] .mm-pack{display:grid;gap:12px;margin:0 0 16px}
.mm-packhead{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:0}
html[data-member] .mm-packhead h2{flex:1 1 200px;min-width:0;margin:0!important;font:var(--t-title);color:var(--ink)}
.mm-packn{flex:none;font:var(--t-body-strong);font-variant-numeric:tabular-nums;color:var(--ink)}
.mm-packfriend{flex:none;width:40px;height:40px}
.mm-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.mm-slot{display:block;width:100%;aspect-ratio:1;min-height:44px;border-radius:10px;overflow:hidden;box-sizing:border-box}
button.mm-slot{padding:0;border:0;background:var(--sunk);cursor:pointer}
button.mm-slot:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.mm-slot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;animation:mmSlotIn .24s ease-out both}
@keyframes mmSlotIn{from{opacity:0}to{opacity:1}}
span.mm-slot.ok{display:grid;place-items:center;background:var(--sunk);color:var(--accent)}
.mm-slot.bad{display:grid;place-items:center;background:var(--bg);border:1px solid var(--line2)}
.mm-slot.bad i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--ink);color:var(--surface);font:700 11px/1 var(--font);font-style:normal}
.mm-pack.one .mm-slots{grid-template-columns:96px}
html[data-member] .mm-pack .mm-meter{height:6px}
html[data-member] .mm-pack .mm-meter i{transition:width .4s ease-out}
.mm-packline{margin:0;font:var(--t-body);color:var(--muted)}
.mm-pack.landed .mm-packline{color:var(--ink)}
.mm-packacts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.mm-packacts:empty,.mm-pack .ml-err:empty{display:none}
.mm-packacts .mm-link{min-height:44px;font:var(--t-body-strong)}
.mm-packacts .btn.primary{height:48px;padding:0 24px}
.mm-packmore{margin:-4px 0 16px;font:var(--t-meta);color:var(--muted)}
@media(min-width:600px){.mm-slots{grid-template-columns:repeat(10,60px)}}
@media(min-width:1000px){.mm-packfriend{display:none}html[data-member] #toast .studio-success{display:none}}
/* f1 + f11: on Your ads with nothing made yet, the slots are the grid itself (same places as the ghost tiles) */
html[data-member] .mm-emptypack{margin:8px 0 0}
html[data-member] .mm-pack.big{padding:0;border:0;background:none}
.mm-pack.big .mm-slots{grid-template-columns:repeat(2,minmax(0,1fr))}
.mm-pack.big .mm-slot{aspect-ratio:4/5;border-radius:12px}
.mm-pack.big .mm-slots{order:3}.mm-pack.big .mm-meter{order:2}
@media(min-width:1000px){.mm-pack.big .mm-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
/* f11: the empty Your ads: phone = mascot + words + buttons; desktop = the words top-left over a ghost of the real grid, no mascot */
html[data-member] .mm-emptyfriend .studio-friend{width:120px;height:120px}
.mm-emptytext{display:flex;flex-direction:column;align-items:center;width:100%}
html[data-member] .mm-emptytext h3{margin:16px 0 6px!important;font:var(--t-title)}
#mm-emptypk{width:100%;text-align:left}
#mm-emptypk:empty{display:none}
.mm-ghostgrid{display:none}
@media(min-width:1000px){
  html[data-member] .mm-empty{max-width:none;margin:8px 0 0;padding:0;align-items:stretch;text-align:left}
  .mm-emptyfriend{display:none}
  .mm-emptytext{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
  html[data-member] .mm-emptytext h3{flex-basis:100%;margin:0!important}
  html[data-member] .mm-emptytext p{flex-basis:100%;margin:0 0 6px;max-width:none}
  html[data-member] .mm-empty .mm-emptytext .btn{width:auto;max-width:none;margin:0;padding:0 20px}
  .mm-ghostgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
  .mm-ghostgrid span{display:grid;place-items:center;aspect-ratio:4/5;padding:16px;border:1px dashed var(--line2);border-radius:12px;box-sizing:border-box;text-align:center;font:600 13px/1.4 var(--font);color:var(--muted)}
  .mm-ghostgrid span+span{opacity:.4}
}
/* f2: the first-pack card: no borrowed formats; the customer types are chips you can open; ten empty slots preview the result */
.mm-avchips{display:flex;flex-wrap:wrap;gap:8px;margin:0}
html[data-member] .mm-avchip{min-height:44px;padding:0 14px;border:1px solid var(--line);cursor:pointer;font-family:inherit}
.mm-avchip[aria-expanded=true]{border-color:var(--accent)}
.mm-avchip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.mm-avwhy{margin:8px 0 0;font:var(--t-body);color:var(--ink)}
.mm-fpslots{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0}
.mm-fpslots span{width:32px;height:32px;border:1px dashed var(--line2);border-radius:8px;box-sizing:border-box}
.mm-fpslotcap{margin:8px 0 0;font:var(--t-meta);color:var(--muted)}
/* f12: the setup card before a plan: the ring, three steps, the formats strip last */
.mm-setuphead{justify-content:flex-end}
.mm-exsec .mm-ex{margin:0}
/* f3: Make ads bar. Under 1000 px: the 5/10 control and "N left after" on one row, the full-width button under it (no product row) */
html[data-member] .mm-makebar{display:block;padding:12px 16px}
.mm-makebar .mm-barrow{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"per line" "go go";align-items:center;gap:8px 12px}
.mm-makebar .mm-barwho{display:none}
html[data-member] .mm-makebar .mm-per{grid-area:per;display:inline-flex;margin:0;padding:2px;flex-wrap:nowrap}
html[data-member] .mm-makebar .mm-per button{flex:none;min-width:72px;min-height:44px}
html[data-member] .mm-makebar .mm-barline,html[data-member] .mm-makebar .mm-needs{grid-area:line;margin:0;text-align:right;font:var(--t-meta);color:var(--muted)}
html[data-member] .mm-makebar .mm-needs{font-weight:600;color:var(--ink)}
.mm-warn{color:var(--accent)}
html[data-member] .mm-makebar .mm-barrow>.btn{grid-area:go;width:100%;height:52px;margin:0}
.mm-makebar .mm-barhint{grid-column:1/-1}
html[data-member] .mm-makebar .mm-baracts{margin-top:8px}
html[data-member] .mm-makebar .ml-err:empty{display:none}
@media(max-width:999px){html[data-member] .mm-makewrap.mm-hasbar{padding-bottom:calc(var(--barh,136px) + 16px)}}
@media(min-width:1000px){
  .mm-makebar .mm-barrow{grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"who per line go"}
  .mm-makebar .mm-barwho{grid-area:who;display:flex;align-items:center;gap:10px;min-width:0}
  html[data-member] .mm-makebar .mm-barname{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:var(--t-body-strong)}
  html[data-member] .mm-makebar .mm-barrow>.btn{width:auto;padding:0 24px}
  html[data-member] .mm-makebar .mm-needs{max-width:260px}
}
/* f6: at 1200 px and up the rail is the bar ("Your pack"), so the bottom bar goes */
@media(min-width:1200px){html[data-member] .mm-makebar{display:none}html[data-member] .mm-makewrap.mm-hasbar{padding-bottom:24px}}
.mm-packrail .mm-packthumbs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.mm-packrail .mm-packthumbs .mm-barthumb{width:48px;height:48px;border-radius:8px}
.mm-packsize{margin:10px 0 0;font:var(--t-body-strong);color:var(--ink)}
.mm-packrail .mm-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
html[data-member] .mm-packrail .mm-per{display:flex;margin:12px 0 0}
html[data-member] .mm-packrail .mm-per button{flex:1}
html[data-member] .mm-packrail .mm-barline,html[data-member] .mm-packrail .mm-needs{margin:12px 0 0;text-align:left;font:var(--t-meta);color:var(--muted)}
html[data-member] .mm-packrail .mm-needs{font-weight:600;color:var(--ink)}
html[data-member] .mm-packrail .btn.mm-big{width:100%;height:52px;margin-top:10px}
html[data-member] .mm-packrail .mm-baracts{margin-top:10px}
.mm-packrail .ml-err:empty{display:none}
.mm-raillink{margin-top:8px}
/* f5: Pick a plan: no outer card; what happens after you pay; radio rows (2 px rust + a filled radio), only the chosen row opens */
html[data-member] .mm-paywall .mm-choose{padding:0;border:0;background:none}
.mm-after3{list-style:none;display:grid;gap:8px;margin:18px 0 0;padding:0}
.mm-after3 li{display:flex;align-items:center;gap:10px;font:var(--t-body);color:var(--ink)}
.mm-after3 .mm-rnum{width:22px;height:22px;font-size:13px;font-weight:600}
.mm-after3 li.done .mm-rnum{background:var(--ink);color:var(--surface)}
.mm-after3 .mm-rnum svg.i{width:13px;height:13px}
html[data-member] .mm-paywall .mm-plans{grid-template-columns:minmax(0,1fr)!important;gap:10px;margin:16px 0}
html[data-member] .mm-paywall .mm-plancard{min-height:72px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;box-shadow:none;justify-content:center}
html[data-member] .mm-paywall .mm-plancard.on{border:2px solid var(--accent);padding:13px 15px}
.mm-paywall .mm-planrow{display:flex;align-items:center;gap:12px}
.mm-radio{flex:none;width:22px;height:22px;border:2px solid var(--line2);border-radius:50%;box-sizing:border-box}
.mm-plancard.on .mm-radio{border-color:var(--accent);background:radial-gradient(circle,var(--surface) 0 4px,var(--accent) 4.5px)}
html[data-member] .mm-paywall .mm-plancard h3{font:var(--t-title)}
html[data-member] .mm-paywall .mm-plancard .mm-perads{margin:2px 0 0;font:var(--t-body);color:var(--muted)}
html[data-member] .mm-paywall .mm-price{flex:none;margin:0;text-align:right;font:var(--t-title);white-space:nowrap}
html[data-member] .mm-paywall .mm-price small{font:var(--t-meta);color:var(--muted)}
html[data-member] .mm-paywall .mm-billed{display:block;font:var(--t-meta);color:var(--muted);white-space:normal}
html[data-member] .mm-paywall .mm-plandetail{display:grid;grid-template-rows:0fr;margin:0;padding:0;border:0;transition:grid-template-rows .16s ease-out}
.mm-paywall .mm-plandetail>div{min-height:0;overflow:hidden}
html[data-member] .mm-paywall .mm-plancard:not(.on) .mm-plandetail{display:grid;visibility:hidden}
html[data-member] .mm-paywall .mm-plancard.on .mm-plandetail{grid-template-rows:1fr}
.mm-paywall .mm-plancard.on .mm-plandetail>div{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
html[data-member] .mm-paywall .mm-plandetail ul{font:var(--t-body);line-height:1.6}
.mm-paywall .mm-plandiff{margin:0 0 4px;font:var(--t-meta);color:var(--muted)}
.mm-paywall{display:flex;flex-direction:column}
@media(max-width:999px){html[data-member] .mm-paywall{padding-bottom:180px}}
@media(min-width:1000px){html[data-member] .mm-paywall{max-width:720px}html[data-member] .mm-paywall .mm-exsec{order:-1}html[data-member] .mm-paywall .mm-exrow{grid-template-columns:repeat(3,96px);max-width:none}html[data-member] .mm-paywall .mm-exrow img,html[data-member] .mm-paywall .mm-exrow .mm-shim{width:96px;height:96px}}
/* f14: the paywall's buttons, stacked on the phone */
.mm-payacts{display:grid;gap:8px;width:100%;flex:1 1 100%}
.mm-payacts .mm-paynote{margin:0;text-align:center}.mm-payacts .ml-err:empty{display:none}
.mm-payacts .mm-link{justify-self:center;min-height:44px}
/* f7: the ad overlay: status + headline, the Meta ad name, "Make more like this", then Download; prev / next on desktop */
.mm-adhead{display:grid;gap:8px;margin:0 0 16px}
html[data-member] .mm-adhead h2{margin:0!important;font:var(--t-title);color:var(--ink)}
.mm-adhead .mm-tag{justify-self:start}
.mm-more{margin:0 0 16px}
html[data-member] .mm-more h3{margin:0 0 8px;font:var(--t-body-strong);color:var(--ink)}
.mm-morelist{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}
html[data-member] .mm-morerow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin:0;padding:0 14px;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--ink);font:var(--t-body);text-align:left;cursor:pointer;flex:none;height:auto}
.mm-morerow:first-child{border-top:0}
.mm-morerow b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.mm-morerow.short b{color:var(--accent)}
.mm-morerow:hover{background:var(--bg)}
.mm-morerow:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
html[data-member] .res-panel .res-acts.mm-dlacts{margin:0 0 16px}
html[data-member] .res-art .frame{position:relative}
.mm-adnav{position:absolute;top:50%;z-index:2;display:none;place-items:center;width:44px;height:44px;margin-top:-22px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:0 4px 12px -6px rgba(0,0,0,.3)}
.mm-adnav.prev{left:10px}.mm-adnav.next{right:10px}
.mm-adnav.next svg.i{transform:rotate(-90deg)}
.mm-adnav:disabled{opacity:.35;cursor:default}
.mm-adnav:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
#mm-adpos{font-variant-numeric:tabular-nums}
@media(min-width:1000px){.mm-adnav{display:grid}}
.mm-fixnote{width:100%;box-sizing:border-box;min-height:96px;margin-top:6px;font:var(--t-body)}
/* f8: the sidebar caption under ADDVO: two short lines, 160 px, no ellipsis, no bar */
html[data-member] .mm-cap{width:160px;max-width:160px;gap:2px}
html[data-member] .mm-cap b{font-size:12px;font-weight:600;line-height:1.35;color:var(--ink)}
html[data-member] .mm-cap span{font-size:12px;font-weight:400;line-height:1.35;color:var(--muted)}
html[data-member] .mm-cap .mm-capsee{font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:2px}
/* f13: Read results: the verdict table, "—" until the export fills it */
.mm-vtab{width:100%;margin:8px 0}
.mm-vtab td,.mm-vtab th{padding:8px 6px;vertical-align:middle;font:var(--t-meta);font-variant-numeric:tabular-nums}
html[data-member] .mm-vtab th{font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
.mm-vtab img{display:block;width:40px;height:40px;border-radius:8px;object-fit:cover;object-position:top;background:var(--sunk)}
.mm-vtab .mm-vname{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.mm-vpill{white-space:nowrap}
html[data-member] .mm-vpill.off{background:var(--sunk)}
html[data-member] #wr-form .mm-drop{min-height:0;padding:12px}
/* f15: Run ads: one sheet, the steps divided by a rule, the human headline first in each ad row */
html[data-member] .mm-sheet{list-style:none;margin:0;padding:0 24px}
html[data-member] .mm-sheet>.mm-step{padding:24px 0;border-top:1px solid var(--line)}
html[data-member] .mm-sheet>.mm-step:first-child{border-top:0}
html[data-member] .mm-sheet .mm-step h2{font:var(--t-title)!important;margin:2px 0 8px!important}
html[data-member] .mm-adset b{font:var(--t-body-strong)}
html[data-member] .mm-adset .mm-adcode{font:var(--t-meta);font-variant-numeric:tabular-nums;color:var(--muted)}
@media(max-width:540px){html[data-member] .mm-sheet{padding:0 18px}}
/* f9: the scale applied (sizes and weights only; the probe in ui-loop/r5/impl/probe_type.py lists anything off it) */
html[data-member] #count h1{font-size:30px!important;font-weight:750!important;line-height:1.15}
html[data-member] #count .addbo-heading p{font-size:15px}
html[data-member] :is(.addbo-panel>h2,.addbo-panel>h3,h2.mm-h,.mm-sechead h2,.mm-stepshead h2,.mm-q h3,.mm-orgwhat h3,#wr-form>h3,#wr-out>h3,#mm-tools-h,.mm-plan h2,.mm-firstpack h2,.mm-offer h3,.mm-runempty h2,.mm-rtiles b,.mm-runstats dd,.mm-sheet .mm-step h2,.mm-latest h2,.mm-empty h3){font-size:20px!important;font-weight:700!important;line-height:1.25}
html[data-member] .mm-firstpack h2{font-family:var(--font);font-size:15px!important;font-weight:600!important}
html[data-member] :is(.btn,.mm-interval button,.addbo-tabs button,summary,.mm-ptile b,.addbo-ref-card b,.mm-steps li b,.mm-steps li.cur b,.mm-raile,.res-top .tt b,.mm-legend b,.mm-adset b){font-size:15px!important}
html[data-member] :is(.btn,.mm-interval button,summary,.mm-ptile b,.addbo-ref-card b,.mm-steps li b,.mm-steps li.cur b,.mm-raile,.res-top .tt b,.mm-adset b){font-weight:600!important}
html[data-member] :is(.mm-interval button) b{font-weight:700!important}
html[data-member] :is(.mm-interval button) small,html[data-member] .mm-k,html[data-member] .addbo-note,html[data-member] .mm-price-s,html[data-member] .mm-adnm,html[data-member] .mm-excap,html[data-member] .addbo-eyebrow,html[data-member] .mm-label,html[data-member] .addbo-table th,html[data-member] .card .cname,html[data-member] .ccard .mm-cmeta,html[data-member] .mm-steps li small{font-size:13px!important}
html[data-member] .mm-k,html[data-member] .addbo-eyebrow,html[data-member] .mm-label,html[data-member] .addbo-table th,html[data-member] .card .cname{font-weight:600!important}
html[data-member] :is(.mm-interval button) small{font-weight:400!important}
html[data-member] .addbo-eyebrow,html[data-member] .addbo-table th{letter-spacing:0;text-transform:none}
html[data-member] .addbo-table td{font-size:15px}
html[data-member] #viewresults .ccard .mm-cmeta,html[data-member] .ccard .mm-cmeta>span:last-child,html[data-member] .mm-prodbtn small{font-size:13px}
html[data-member] :is(.mm-rsteps li span,.mm-people span,.mm-wrsteps li,.mm-wrsteps li b){font-size:15px}
html[data-member] .res-panel .sec-h h3,html[data-member] .res-panel .sec-h h3 label{font-size:15px!important;font-weight:600!important}
html[data-member] .mm-icbtn.mm-x{font-size:20px}
@media(min-width:1000px){html[data-member] .card .cname{font-size:15px!important}}
/* prose extras: Ad formats' category chips look like chips (a pill each, the chosen one filled); the phone row fades at the edge */
html[data-member] .addbo-tabs button{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--ink)}
html[data-member] .addbo-tabs button.on{border-color:var(--chip);background:var(--chip);color:var(--ink)}
html[data-member] .addbo-tabs button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:999px){html[data-member] .addbo-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);padding-right:24px}}
html[data-member] .mm-toprules{margin:12px 0 0;font-size:13px;color:var(--muted)}
html[data-member] .mm-topslide label{display:block;margin:12px 0 6px;font-weight:600}.mm-insnext{list-style:none;margin:0 0 8px;padding:0}.mm-insnext .mm-link{text-align:left}
html[data-member] .mm-topslide input[type=range]{display:block;width:100%;height:44px;margin:0 0 4px;accent-color:var(--ink,currentColor);cursor:pointer}
html[data-member] .mm-tu-live{margin:0 0 10px;font-size:15px}html[data-member] .mm-tu-nudge{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:var(--chip);color:var(--chip-ink);font-size:14px;line-height:1.5}html[data-member] .mm-tu-nudge:empty{display:none}html[data-member] .mm-tu-nudge p{margin:0 0 8px}
/* prose extras: done steps get a check, not a strike-through */
html[data-member] .mm-steps li.done b{text-decoration:none}
@media (prefers-reduced-motion:reduce){.mm-slot img{animation:none}html[data-member] .mm-paywall .mm-plandetail{transition:none}}
html[data-motion=reduce] .mm-slot img{animation:none}
/* Mission Control (2026-10-31) */
/* hairline dividers, compact rows, tabular figures, small radii. Member mode only (html[data-member] or mm-* classes). */
html[data-member]{--ok:#3b6a4c;--r-mc:10px}
html[data-member][data-theme=charcoal]{--ok:#93c7a3}
html[data-member] .addbo-panel{border-radius:var(--r-mc)}
html[data-member] :is(.mm-lane,.mm-mcpanel,.mm-next1,.mm-strip,.mm-runads) .mm-link,html[data-member] .mm-mc .mm-change{min-height:44px;display:inline-flex;align-items:center}
html[data-member] .mm-mc :is(.mm-firstpack,#mm-hero>.addbo-panel){max-width:none}
/* the shell: a 168 px sidebar on a hairline; ADDVO and its caption stay at the bottom */
@media(min-width:1000px){
  html[data-member] body{padding-left:168px}
  html[data-member] .nav{width:168px;padding:18px 10px;gap:2px}
  html[data-member] .res.open,html[data-member] .ed.open{left:168px;width:calc(100% - 168px)}
  html[data-member] .addbo-nav-title{padding:4px 6px 18px;font-size:19px}
  html[data-member] .addbo-nav-title img{width:30px;height:30px}
  html[data-member] .nav button{gap:10px;padding:0 10px;border-radius:8px;font-size:14px}
  html[data-member] .nav button svg.i{width:18px;height:18px}
  html[data-member] .addbo-nav-friend{padding:18px 6px 6px}
  html[data-member] .mm-cap{width:144px;max-width:144px}
}
html[data-member] #count .addbo-heading{padding:22px 0 16px}
html[data-member] #count .addbo-actions .btn{height:44px;padding:0 18px;border-radius:8px}
html[data-member] #count .addbo-actions .btn svg.i{width:16px;height:16px}
/* the first-sale strip */
.mm-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;margin:0 0 16px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-mc);background:var(--surface)}
html[data-member] .mm-striphead h2{margin:0;font:var(--t-body-strong);color:var(--ink)}
.mm-striphead p{margin:2px 0 0;font:var(--t-meta);color:var(--muted);font-variant-numeric:tabular-nums}
.mm-strip ol{flex:1 1 420px;display:flex;gap:10px;min-width:0;margin:0;padding:0;list-style:none}
.mm-strip li{flex:1;display:flex;align-items:center;gap:8px;min-width:0;font:var(--t-meta);color:var(--muted);white-space:nowrap}
.mm-strip li:not(:last-child)::after{content:"";flex:1;min-width:12px;height:1px;background:var(--line)}
.mm-sdot{flex:none;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line2);border-radius:50%;box-sizing:border-box;font:600 13px/1 var(--font);font-variant-numeric:tabular-nums}
.mm-sdot svg.i{width:13px;height:13px}
.mm-strip li.done{color:var(--ink)}
.mm-strip li.done .mm-sdot{border-color:var(--ok);color:var(--ok)}
.mm-strip li.cur{color:var(--accent);font-weight:600}
.mm-strip li.cur .mm-sdot{border:2px solid var(--accent);color:var(--accent)}
@media(max-width:599px){
  .mm-strip{padding:12px}
  .mm-strip ol{flex-basis:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .mm-strip li{flex-direction:column;gap:4px;text-align:center;white-space:normal;line-height:1.25}
  .mm-strip li:not(:last-child)::after{display:none}
}
/* the board: pipeline + instrument rail */
.mm-mcload{height:420px;border-radius:var(--r-mc)}
.mm-mcgrid{display:grid;gap:16px;align-items:start;min-width:0}
.mm-pipe{min-width:0}
.mm-pipehead{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0 0 10px}
html[data-member] .mm-pipehead h2{margin:0;font:var(--t-title);color:var(--ink)}
.mm-pipehead p{margin:0;font:var(--t-meta);color:var(--muted)}
.mm-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-mc);background:var(--surface)}
.mm-lane{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border-left:1px solid var(--line)}
.mm-lane:first-child{border-left:0}
.mm-lanehead{display:flex;align-items:center;justify-content:space-between;gap:8px}
html[data-member] .mm-lanehead h3{display:flex;align-items:center;gap:8px;margin:0;font:var(--t-body-strong);color:var(--ink)}
.mm-lanedot{flex:none;width:8px;height:8px;border:1.5px solid var(--ink);border-radius:50%}
.mm-l-making .mm-lanedot{border-color:var(--accent);border-style:dashed}
.mm-l-running .mm-lanedot{border-color:var(--ok);background:var(--ok)}
.mm-l-winners .mm-lanedot{border-color:var(--accent);background:var(--accent);border-radius:1px;transform:rotate(45deg)}
.mm-count{flex:none;padding:4px 6px;border-radius:4px;background:var(--sunk);font:600 13px/1 var(--font);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.mm-lanesub{margin:-4px 0 0;font:var(--t-meta);color:var(--muted)}
.mm-lanebody{display:grid;gap:8px;align-content:start;min-width:0}
.mm-laneempty{margin:4px 0 0;font:var(--t-meta);color:var(--muted)}
.mm-laneact{order:9;display:grid;gap:2px;margin-top:auto;padding-top:4px}
html[data-member] .mm-laneact .btn{width:100%;height:auto;min-height:44px;padding:8px 12px;justify-content:space-between;border-radius:8px;text-align:left}
html[data-member] .mm-laneact .btn svg.i{width:16px;height:16px;order:2}
.mm-laneact .mm-link{justify-self:start}
html[data-member] .mm-lanebody>.btn{justify-self:start;height:44px;border-radius:8px}
.mm-lanemore{justify-self:start;font:var(--t-meta)!important}
.mm-ltile{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;margin:0;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-sizing:border-box}
.mm-ltile:hover{border-color:var(--line2)}
.mm-ltile:focus-visible,.mm-mkthumbs button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.mm-ltile img{flex:none;width:44px;height:44px;border-radius:6px;object-fit:cover;object-position:top;background:var(--sunk)}
.mm-ltile small{display:block;overflow:hidden;font:var(--t-meta);color:var(--muted);white-space:nowrap;text-overflow:ellipsis}
.mm-ltile b{display:-webkit-box;overflow:hidden;font:600 13px/1.3 var(--font);-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mm-ltile .mm-ctr{margin-top:2px;color:var(--ink);font-variant-numeric:tabular-nums}
.mm-ltile.big{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}
.mm-ltile.big img{width:100%;height:auto;aspect-ratio:4/3;border-radius:0}
.mm-ltile.big .mm-grow{padding:8px 10px 10px}
/* Making: a ring per pack (the pack card's numbers), its product, up to 3 landed ads */
.mm-mkpack{display:grid;justify-items:center;gap:8px;padding:12px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);text-align:center}
.mm-bigring{position:relative;flex:none;width:104px;height:104px}
.mm-rn{white-space:nowrap}
.mm-bigring .mm-ring{width:100%;height:100%}
.mm-bigring .mm-ring circle{stroke-width:2.2}
.mm-bigring>span{position:absolute;inset:0;display:grid;place-content:center;font:600 13px/1.15 var(--font);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.mm-bigring b{font:700 24px/1 var(--font-heading);color:var(--ink)}
.mm-bigring small{display:block;margin-top:2px;font:400 13px/1.1 var(--font);color:var(--muted)}
.mm-mkprod{margin:0;font:var(--t-body-strong);color:var(--ink)}
.mm-mkthumbs{display:flex;justify-content:center;gap:6px}
.mm-mkthumbs button{width:48px;height:48px;padding:0;border:0;border-radius:6px;overflow:hidden;background:var(--sunk);cursor:pointer}
.mm-mkthumbs img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.mm-mkline{margin:0;font:var(--t-meta);color:var(--ink)}
.mm-mkacts{display:grid;justify-items:center;gap:2px;width:100%}
html[data-member] .mm-mkacts .btn.primary{width:100%;height:auto;min-height:44px;padding:8px 12px;border-radius:8px}
.mm-mkpack .ml-err:empty{display:none}
/* the instrument rail */
.mm-mcrail{display:grid;gap:12px;min-width:0}
html[data-member] .mm-mcpanel{padding:14px 16px}
.mm-mchead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px}
html[data-member] #feed .mm-mcpanel .mm-mchead h2.mm-h{margin:0!important;font-size:15px!important;font-weight:600!important;line-height:1.4}
html[data-member] .mm-mcpanel .mm-railn{margin:4px 0 0;font:700 30px/1.1 var(--font-heading);color:var(--ink);font-variant-numeric:tabular-nums}
.mm-mcpanel .mm-railn small{font:var(--t-meta);color:var(--muted)}
html[data-member] .mm-mcpanel .mm-raile{margin:2px 0 10px;font:var(--t-meta)!important;color:var(--muted)}
.mm-mcdl{margin:8px 0 0;border-top:1px solid var(--line)}
html[data-member] .mm-mcdl>div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font:var(--t-meta)}
html[data-member] .mm-mcdl dt{color:var(--muted)}
html[data-member] .mm-mcdl dd{margin:0;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
html[data-member] .mm-mcpanel .addbo-note{margin:8px 0}
html[data-member] .mm-mcpanel .btn{width:100%;height:auto;min-height:44px;padding:8px 12px;border-radius:8px}
html[data-member] .mm-mcpanel .mm-raillink{margin-top:2px}
.mm-next1{padding:12px 16px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--surface) 60%,transparent)}
html[data-member] .mm-next1 h2{margin:0;font:var(--t-body-strong);color:var(--ink)}
.mm-next1 p{margin:4px 0 0;font:var(--t-meta);color:var(--ink)}
.mm-soldlink{font:var(--t-meta)!important}
/* the setup checklist (first login) */
html[data-member] .mm-setlist .mm-h{margin:0 0 8px!important}
@media(min-width:1000px){.mm-first{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}}
/* desktop: four lanes and the rail at 1200 px and up; under that the rail stacks in two columns */
@media(min-width:1200px){.mm-mcgrid{grid-template-columns:minmax(0,1fr) 304px}.mm-mcgrid.mm-first{grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:1199px){.mm-mcgrid:not(.mm-first) .mm-mcrail{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-mcrail .mm-next1{grid-column:1/-1}}
@media(max-width:999px){.mm-mcgrid.mm-first .mm-mcrail{grid-template-columns:minmax(0,1fr)}}
/* phone: one lane at a time, a 4-tab segmented control, swipe with scroll-snap */
.mm-lanetabs{display:none}
@media(max-width:999px){
  html[data-member] .mm-lanetabs{display:flex;width:100%;margin:0 0 10px;padding:2px;box-sizing:border-box}
  html[data-member] .mm-lanetabs button{flex:1 1 0;min-width:0;min-height:44px;padding:0 4px;font-size:13px!important;white-space:nowrap}
  .mm-lanes{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;border:0;border-radius:0;background:none;scrollbar-width:none;overscroll-behavior-x:contain}
  .mm-lanes::-webkit-scrollbar{display:none}
  .mm-lane{flex:0 0 100%;box-sizing:border-box;scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--r-mc);background:var(--surface)}
  .mm-lane:first-child{border-left:1px solid var(--line)}
  .mm-laneact{order:0;margin:0;padding:0}
  .mm-ltile.big img{aspect-ratio:1;max-height:320px;object-fit:contain;background:var(--sunk)}
}
@media (prefers-reduced-motion:reduce){.mm-lanes{scroll-behavior:auto}}
/* the pack card (pack screen + Your ads): status row over a slot grid */
html[data-member] .mm-pack,html[data-member] .mm-pack.big{gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--r-mc);background:var(--surface)}
html[data-member] .mm-pack .mm-packhead{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.mm-pack .mm-bigring{width:80px;height:80px}
.mm-pack .mm-bigring small{font-size:13px}
.mm-pack .mm-bigring b{font-size:22px}
html[data-member] .mm-pack .mm-packhead h2{flex:none;font:var(--t-title)}
.mm-packprod{margin:0 0 2px;font:600 13px/1.3 var(--font);color:var(--accent)}
.mm-packmeta{margin:4px 0 0;font:var(--t-meta);color:var(--muted);font-variant-numeric:tabular-nums}
html[data-member] .mm-pack .mm-packacts{flex:1 1 100%;gap:4px 16px}
html[data-member] .mm-slots,html[data-member] .mm-pack.big .mm-slots{order:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-member] .mm-slot,html[data-member] .mm-pack.big .mm-slot{aspect-ratio:1;min-height:44px;border-radius:8px}
html[data-member] .mm-slot.mm-wait{display:grid;place-content:center;justify-items:center;gap:6px;padding:8px;border:1px dashed var(--line2);background:var(--bg);color:var(--ink);text-align:center}
.mm-slot.mm-wait b{font:700 20px/1 var(--font-heading);color:var(--muted);font-variant-numeric:tabular-nums}
.mm-slot.mm-wait span{font:600 13px/1.3 var(--font);color:var(--ink)}
html[data-member] .mm-slot.mm-wait.on{border:2px solid var(--accent)}
html[data-member] .mm-slot.mm-wait.ok{border-style:solid;color:var(--ok)}
html[data-member] .mm-slot.bad.mm-wait{border-style:solid}
@media(min-width:600px){html[data-member] .mm-slots,html[data-member] .mm-pack.big .mm-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}}
@media(min-width:1000px){html[data-member] .mm-pack .mm-packhead .mm-grow{flex:1 1 260px;min-width:0}html[data-member] .mm-pack .mm-packacts{flex:0 1 auto}}
/* Make ads: 01 pick a product, 02 pack size (desktop), 03 your pack at a glance with the ledger */
.mm-stepn{display:inline-grid;place-items:center;min-width:28px;height:24px;margin-right:10px;padding:0 4px;border:1px solid var(--line2);border-radius:4px;box-sizing:border-box;font:600 13px/1 var(--font);color:var(--muted);vertical-align:2px;font-variant-numeric:tabular-nums}
.mm-sizes{display:none}
@media(min-width:1200px){.mm-sizes{display:block;margin:16px 0 0;padding:16px;border:1px solid var(--line);border-radius:var(--r-mc);background:var(--surface)}}
html[data-member] .mm-sizes .mm-h{margin:0!important}
.mm-sizeopts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 8px}
html[data-member] .mm-sizeopt{display:block;min-height:64px;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:var(--t-body);text-align:left;cursor:pointer}
.mm-sizeopt b{font:700 24px/1 var(--font-heading);font-variant-numeric:tabular-nums}
.mm-sizeopt small{display:block;margin-top:4px;font:var(--t-meta);color:var(--muted)}
html[data-member] .mm-sizeopt.on{padding:11px 13px;border:2px solid var(--accent)}
.mm-sizeopt:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.mm-glance{display:flex;align-items:center;gap:12px;margin:10px 0 12px}
.mm-glance .mm-barthumb{width:64px;height:64px}
.mm-glance .mm-packthumbs{display:flex;gap:4px}
.mm-glance .mm-packthumbs .mm-barthumb{width:36px;height:36px}
.mm-glance b{display:block;font:var(--t-body-strong);color:var(--ink)}
.mm-glance small{display:block;font:var(--t-meta);color:var(--muted)}
.mm-ledger{margin:0 0 12px;border-top:1px solid var(--line)}
.mm-ledger>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font:var(--t-body);font-variant-numeric:tabular-nums}
.mm-ledger dt{color:var(--ink)}
.mm-ledger dd{margin:0;font-weight:600;color:var(--ink)}
.mm-ledger .mm-lsum dt{font-weight:600}
/* Run ads: steps with checkboxes, the summary and "Ads for this test" in the rail */
.mm-runside{display:grid;gap:12px;align-content:start;min-width:0}
html[data-member] .mm-runside .mm-runsum{grid-column:auto;grid-row:auto;position:static}
.mm-runbuilt .btn{width:100%}
@media(min-width:1000px){.mm-runside{grid-column:2;grid-row:1/span 2;position:sticky;top:20px}.mm-runbuilt{grid-column:1;grid-row:2}}
.mm-chk{flex:none;position:relative;width:44px;height:44px;margin:-8px 0 0 -10px;border-radius:8px;cursor:pointer;-webkit-appearance:none;appearance:none}
.mm-chk::before{content:"";position:absolute;inset:10px;border:2px solid var(--line2);border-radius:6px;background:var(--surface)}
.mm-chk:checked::before{border-color:var(--ink);background:var(--ink)}
.mm-chk:checked::after{content:"";position:absolute;left:18px;top:13px;width:6px;height:12px;border:solid var(--surface);border-width:0 2px 2px 0;transform:rotate(45deg)}
.mm-chk:focus-visible{outline:3px solid var(--accent);outline-offset:-2px}
html[data-member] .mm-sheet>.mm-step{gap:8px}
.mm-runads .mm-adset{margin:4px 0 8px}
.mm-runads .mm-adset li{gap:10px;min-height:60px}
.mm-runads .mm-adset img{width:40px;height:40px;border-radius:6px}
html[data-member] #feed .mm-runads .mm-adset b{font-size:13px!important;white-space:normal;overflow-wrap:anywhere;color:var(--ink)}
.mm-runads a.mm-icbtn{text-decoration:none}
/* Read results: three answer tiles over the upload */
.mm-tiles3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 8px;border:1px solid var(--line);border-radius:var(--r-mc);background:var(--surface)}
.mm-tile3{min-width:0;padding:14px 16px;border-left:1px solid var(--line)}
.mm-tile3:first-child{border-left:0}
.mm-tile3 p{margin:0 0 6px;font:var(--t-meta);color:var(--muted)}
.mm-tile3 b{display:block;font:700 30px/1.1 var(--font-heading);color:var(--ink);font-variant-numeric:tabular-nums}
.mm-tile3 small{display:block;margin-top:4px;font:var(--t-meta);color:var(--muted)}
#wr-tiles{margin:0 0 16px}
html[data-member] .mm-tilesfrom{margin:0}
@media(max-width:599px){.mm-tiles3{grid-template-columns:minmax(0,1fr)}.mm-tile3{border-left:0;border-top:1px solid var(--line)}.mm-tile3:first-child{border-top:0}}
/* Credits: the same language (segmented gauge keeps the source colours) */
html[data-member] .mm-srcbar{height:10px;border-radius:2px;-webkit-mask:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 8px);mask:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 8px)}
html[data-member] .mm-hist td,html[data-member] .mm-hist th{padding:10px 12px;font-variant-numeric:tabular-nums}
html[data-member] .mm-costs>div{border-bottom:1px solid var(--line)}
html[data-member] :is(.mm-mc,.mm-runads) .mm-link>span[aria-hidden]{margin-left:.3em}
@media(max-width:599px){html[data-member] .mm-mcdl>div{flex-direction:column;align-items:flex-start;gap:0}}
/* Landing pages (Kam 2026-10-31) */
.mm-lp{display:grid;gap:22px}.mm-lpform{display:grid;gap:14px;max-width:560px}.mm-lpset{margin:0;padding:0;border:0;display:grid;gap:6px;min-width:0}.mm-lpset legend{padding:0;margin-bottom:6px;font-weight:700}
.mm-lpopt{display:flex;gap:12px;align-items:flex-start;min-height:56px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}.mm-lpopt:has(input:checked){border-color:var(--accent)}
.mm-lpopt input{margin-top:3px;flex:none}.mm-lpopt small{display:block;color:var(--muted);font-size:13px}.mm-lp .mm-interval{margin:0}
.mm-lplist{list-style:none;margin:4px 0 8px;padding:0}.mm-lplist li{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 0;border-top:1px solid var(--line)}.mm-lplist li:first-child{border-top:0}
.mm-lplist small{display:block;color:var(--muted);font-size:13px}.mm-lplist a{flex:none;font-weight:600}
.mm-lptest h3{margin:16px 0 4px;font-size:16px}.mm-lpwin{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:10px}.mm-lpwin label{flex-basis:100%}.mm-lpwin select{max-width:260px}
@media(max-width:599px){.mm-lplist li{flex-wrap:wrap}.mm-lpform .mm-big{width:100%}}
/* Mission Control: the three steps sit on hairlines inside one panel */
html[data-member] .mm-lp{gap:0}html[data-member] .mm-lp>*+*{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
html[data-member] .mm-lp .mm-h{margin:0 0 10px}.mm-lplist b,.mm-railcard .mm-dl dd{font-variant-numeric:tabular-nums}
/* Mission Control r2 (2026-10-31) */
/* change 1: "Since you were here", one line of real events, hidden when nothing changed */
.mm-since1{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;margin:0 0 12px;padding:6px 14px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-mc);background:var(--surface)}
html[data-member] .mm-since1 h2{margin:0;font:var(--t-body-strong);color:var(--ink)}
.mm-since1 ul{display:flex;flex-wrap:wrap;gap:0 14px;margin:0;padding:0;list-style:none}
.mm-since1 li{display:flex;align-items:center}
.mm-since1 li+li::before{content:"·";margin-right:14px;color:var(--muted)}
@media (max-width:600px){.mm-since1 ul{flex-direction:column}.mm-since1 li+li::before{content:none}}  /* phone: one event per line, no dangling dot */
html[data-member] .mm-since1 .mm-link{min-height:44px;display:inline-flex;align-items:center;font:var(--t-meta);font-weight:600;font-variant-numeric:tabular-nums}
/* change 2: this week's test, a four-step ring */
.mm-cyrow{display:flex;align-items:center;gap:14px}
.mm-cyring{flex:none;width:64px;height:64px}
.mm-cyring circle{fill:none;stroke:var(--line2);stroke-width:5;stroke-linecap:round}
.mm-cyring circle.done{stroke:var(--ok)}
.mm-cyring circle.on{stroke:var(--accent);stroke-width:7}
.mm-cyring text{font:700 12px var(--font);fill:var(--ink)}
.mm-cysteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin:0;padding:0;list-style:none;font:var(--t-meta);color:var(--muted)}
.mm-cysteps li{display:flex;align-items:center;gap:6px}
.mm-cysteps li::before{content:"";flex:none;width:8px;height:8px;border:1px solid var(--line2);border-radius:50%}
.mm-cysteps li.done{color:var(--ink)}
.mm-cysteps li.done::before{border-color:var(--ok);background:var(--ok)}
.mm-cysteps li.on{color:var(--accent);font-weight:700}
.mm-cysteps li.on::before{border:2px solid var(--accent)}
html[data-member] .mm-cycle .mm-raile{margin:10px 0 0;color:var(--ink)!important}
@media(max-width:1199px){.mm-mcrail .mm-cycle{grid-column:1/-1}}
.mm-cyrow,.mm-cysteps{min-width:0}
/* change 3 + 4: each ad tile keeps its button, then the format line and "Make more like this" under it */
.mm-ltw{display:grid;gap:2px;min-width:0}
.mm-lane{position:relative}  /* keeps the tiles' visually hidden labels inside the phone's lane scroller */
.mm-why,.mm-adwhy{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:44px;margin:0;padding:4px 0;border:0;background:none;font:var(--t-meta);color:var(--muted);text-align:left;cursor:pointer;box-sizing:border-box}
.mm-adwhy{display:block;margin-top:6px}
.mm-why b,.mm-adwhy b{font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.mm-why:hover b,.mm-adwhy:hover b{color:var(--accent)}
.mm-why:focus-visible,.mm-adwhy:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
html[data-member] .mm-lane .mm-morelike{justify-self:start;gap:4px;font:var(--t-meta);font-weight:600}
.mm-morelike svg.i{width:14px;height:14px}
/* change 4 on Results: how to read each tile, a good / watch / fix cue, and each ad's reason */
.mm-how{margin:8px 0 0!important;font:var(--t-meta);color:var(--muted)}
html[data-member] .mm-tile3 .mm-cue{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:10px 0 0;font:var(--t-meta);color:var(--ink)}
.mm-cuetag{flex:none;padding:1px 8px;border:1px solid var(--line2);border-radius:999px;font-weight:700}
.mm-cue.good .mm-cuetag{border-color:var(--ok);color:var(--ok)}
.mm-cue.fix .mm-cuetag{border-color:var(--chip);background:var(--chip);color:var(--chip-ink)}
.mm-vwhy{display:block;max-width:34em;margin-top:2px;font:var(--t-meta);color:var(--muted);white-space:normal}
html[data-member] .mm-vtab .mm-vname{max-width:220px;white-space:normal;overflow-wrap:anywhere}
html[data-member] .mm-vpill.good{border:1px solid var(--ok);background:transparent;color:var(--ok)}
html[data-member] .mm-vpill.watch{border:1px solid var(--line2);background:transparent;color:var(--ink)}
html[data-member] .mm-vpill.fix{background:var(--chip);color:var(--chip-ink)}
/* change 5: the home-screen prompt (once, dismissible) */
html[data-member] .mm-a2hs{display:flex;align-items:center;gap:12px;margin:0 0 12px}
html[data-member] .mm-a2hs p{flex:1;margin:0}
html[data-member] .mm-a2hs small{display:block;font:var(--t-meta);color:var(--muted)}
html[data-member] .mm-a2hs .mm-x{flex:none;min-width:44px;min-height:44px}
@media(max-width:599px){html[data-member] .mm-a2hs{flex-wrap:wrap}html[data-member] .mm-a2hs p{flex:1 1 calc(100% - 60px)}html[data-member] .mm-a2hs .btn{order:3;flex:1 1 100%}}
/* change 7: at 1200 px and up the six product tiles sit in one row, so "02 Choose your pack size" is above the fold at 1440 x 900 */
@media(min-width:1200px){html[data-member] .mm-pgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}html[data-member] .mm-pgrid .mm-ptile b{font-size:13px}html[data-member] .mm-pgrid .mm-sugtag{padding:0 6px;font-size:11px!important;line-height:20px;min-height:0}}

/* Member results insights (2026-11-01) */
html[data-member] .mm-insights{margin-top:20px;overflow-wrap:anywhere}
html[data-member] .mm-insights h3:not(:first-child){margin-top:28px}
html[data-member] .mm-insights blockquote{margin:12px 0;padding-left:16px;border-left:2px solid var(--muted)}
html[data-member] .mm-insights .mm-link{min-height:44px;text-align:left;white-space:normal}
/* Mission Control r3 (2026-11-01): the whole account on Read results, the constraint report, organic ideas */
html[data-member] .mm-wrform{margin-bottom:16px}
html[data-member] .mm-coldet{margin:4px 0 12px;font:var(--t-meta);color:var(--ink)}
html[data-member] .mm-coldet summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}
html[data-member] .mm-coldet ul{margin:0 0 6px;padding-left:18px;columns:2;column-gap:20px}
@media(max-width:599px){html[data-member] .mm-coldet ul{columns:1}}
html[data-member] .mm-acglance,html[data-member] .mm-leak,html[data-member] .mm-learn{margin:0 0 16px;overflow-wrap:anywhere}
html[data-member] .mm-gtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.mm-gtile{min-width:0;padding:12px 14px;border-bottom:1px solid var(--line);border-left:1px solid var(--line)}
.mm-gtile:nth-child(3n+1){border-left:0}
html[data-member] .mm-gtile p{margin:0 0 4px;font:var(--t-meta);color:var(--muted)}
.mm-gtile b{display:block;font:700 26px/1.15 var(--font-heading);color:var(--ink);font-variant-numeric:tabular-nums}
.mm-gneed{display:block;margin-top:4px;font:var(--t-meta);font-weight:600;color:var(--chip-ink)}
@media(max-width:599px){html[data-member] .mm-gtiles{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-gtile:nth-child(3n+1){border-left:1px solid var(--line)}.mm-gtile:nth-child(2n+1){border-left:0}.mm-gtile b{font-size:22px}}
html[data-member] .mm-leakstep{display:flex;align-items:center;gap:10px;margin:0 0 6px;font:var(--t-body-strong)}
html[data-member] .mm-tag.fix{background:var(--chip);color:var(--chip-ink)}
html[data-member] .mm-h3{margin:18px 0 6px;font:var(--t-body-strong);color:var(--ink)}
html[data-member] .mm-checks{margin:6px 0 0;padding-left:20px}
html[data-member] .mm-checks li{margin:4px 0}
.mm-tcard{margin:8px 0;padding:12px 14px;border:1px solid var(--line2);border-radius:var(--r-mc,12px);background:var(--surface)}
html[data-member] .mm-tcard h4{margin:2px 0 6px;font:var(--t-body-strong);color:var(--ink)}
html[data-member] .mm-tcard ul{margin:0 0 8px;padding-left:18px;font:var(--t-meta);color:var(--ink)}
html[data-member] .mm-colneed,html[data-member] .mm-aov{margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--accent);background:var(--sunk);color:var(--ink)}
html[data-member] .mm-leak>.btn{margin-top:12px}
html[data-member] .mm-tres{margin:0 0 12px}
html[data-member] .mm-tres.worked{border-left:3px solid var(--ok)}
/* the highway: each step's road is as wide as its people (log scale), the squeeze in the accent colour */
.mm-road{display:grid;gap:8px;margin:16px 0 4px;padding:0;list-style:none}
.mm-road li{display:grid;gap:4px;min-width:0}
.mm-roadbar{height:14px;margin:0 auto;border-radius:7px;background:var(--line2);transition:width .3s}
.mm-road li.sq .mm-roadbar{background:var(--accent)}
.mm-roadtxt{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:2px 8px;text-align:center;font:var(--t-meta);color:var(--ink)}
.mm-roadtxt b{font-variant-numeric:tabular-nums}
.mm-roadtxt small{flex-basis:100%;color:var(--muted)}
html[data-member] .mm-roadtxt .mm-tag{background:var(--accent);color:var(--on-accent);font-style:normal}
html[data-member] .mm-learn ul{margin:0;padding:0;list-style:none}
html[data-member] .mm-learn li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:8px 0;border-top:1px solid var(--line)}
html[data-member] .mm-learn li .mm-tag,html[data-member] .mm-oibase .mm-tag{flex:none}
/* the soft-metrics table: its own sideways scroller on a phone, a header button sorts */
html[data-member] .mm-vscroll{position:relative;max-width:100%;overflow-x:auto}  /* relative: the sort buttons' hidden labels stay inside the scroller */
html[data-member] .mm-vscroll:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
html[data-member] .mm-vtab th,html[data-member] .mm-vtab td{white-space:nowrap;font-variant-numeric:tabular-nums}
html[data-member] .mm-vtab td.mm-vname{display:flex;align-items:flex-start;gap:8px;min-width:220px;white-space:normal}
html[data-member] .mm-vtab td.mm-vname img{flex:none;width:40px;height:40px;border-radius:6px;object-fit:cover}
html[data-member] .mm-sort{min-height:44px;padding:0;border:0;background:none;font:inherit;font-weight:600;color:inherit;cursor:pointer;text-align:left}
html[data-member] .mm-sort:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
html[data-member] th[aria-sort=ascending] .mm-sort::after{content:" ↑"}
html[data-member] th[aria-sort=descending] .mm-sort::after{content:" ↓"}
html[data-member] .mm-whywon ul,html[data-member] .mm-keeps{margin:6px 0}
html[data-member] .mm-keeps{padding:10px 12px;border-left:3px solid var(--ok);background:var(--sunk);color:var(--ink)}
html[data-member] .mm-keeps p{margin:0}
/* the r2 format line is plain text now (r3: no link to a formats library) */
html[data-member] p.mm-why,html[data-member] p.mm-adwhy{min-height:0;cursor:default}
html[data-member] p.mm-why b,html[data-member] p.mm-adwhy b{text-decoration:none}
html[data-member] .mm-idea{margin:12px 0 4px}
html[data-member] .mm-idea textarea{width:100%;box-sizing:border-box;min-height:88px}
/* organic ideas */
html[data-member] .mm-oideas{display:grid;gap:12px;margin-top:12px}
.mm-oidea{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-mc,12px);background:var(--surface);overflow-wrap:anywhere}
html[data-member] .mm-oidea h4{margin:2px 0 8px;font:700 19px/1.3 var(--font-heading);color:var(--ink)}
html[data-member] .mm-oidea p{margin:8px 0;color:var(--ink)}
html[data-member] .mm-oibase ul{margin:4px 0;padding:0;list-style:none}
html[data-member] .mm-oibase li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:4px 0}
html[data-member] .mm-oibase small{color:var(--muted)}
html[data-member] .mm-oibeats{margin:4px 0;padding-left:20px}
html[data-member] .mm-oicap{display:grid;gap:8px;margin-top:10px;padding:10px 12px;background:var(--sunk);border-radius:8px}
html[data-member] .mm-oicap p{margin:0}
html[data-member] .mm-oicap .btn{justify-self:start}
/* the constraint report: a page someone who never opened ADDVO can read, forwarded as a PDF */
html[data-member] .mm-report{max-width:820px;overflow-wrap:anywhere;color:var(--ink)}
html[data-member] .mm-report section{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line)}
html[data-member] .mm-report h3{margin:0 0 8px;font:700 19px/1.3 var(--font-heading)}
html[data-member] .mm-rephead h2{margin:4px 0 8px;font:700 24px/1.25 var(--font-heading)}
html[data-member] .mm-repacts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
html[data-member] .mm-report .mm-road{max-width:620px;margin-left:auto;margin-right:auto}
html[data-member] .mm-repfoot{margin-top:22px;padding-top:12px;border-top:1px solid var(--line)}
@media print{
  html[data-member],html[data-member] body{background:#fff!important}
  html[data-member] body :not(:has(#mm-report)):not(#mm-report):not(#mm-report *){display:none!important}
  html[data-member] body :has(#mm-report){position:static!important;display:block!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;background:none!important;box-shadow:none!important;transform:none!important}
  html[data-member] #mm-report{--ink:#111;--muted:#444;--line:#ccc;--line2:#999;--surface:#fff;--sunk:#f3f3f3;--accent:#be461d;--on-accent:#fff;--chip:#f6dccb;--chip-ink:#7a2a10;--ok:#2f6b3a;
    max-width:none;margin:0;padding:0;border:0;box-shadow:none;background:#fff;color:#111;font-size:11pt}
  html[data-member] #mm-report .mm-noprint{display:none!important}
  html[data-member] #mm-report section,html[data-member] #mm-report .mm-tcard,html[data-member] #mm-report .mm-road li{break-inside:avoid}
  html[data-member] #mm-report .mm-roadbar{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* What's new (2026-11-01): Mission Control rail, no new fonts or theme colours. */
html[data-member] .mm-news{grid-column:1/-1;min-width:0}
html[data-member] #feed .mm-news h2.mm-h{margin:0!important;font:var(--t-body-strong)!important}
html[data-member] .mm-newstoggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:0;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
html[data-member] .mm-newstoggle span{font-size:20px;font-weight:400}
html[data-member] .mm-news [hidden]{display:none!important}
html[data-member] .mm-newshead{display:flex;align-items:center;justify-content:space-between;gap:8px}
html[data-member] #feed .mm-news h3{margin:12px 0 4px;font:var(--t-meta);font-weight:600;color:var(--ink)}
html[data-member] .mm-newshead h3{margin:0!important}
html[data-member] .mm-newslist,html[data-member] .mm-newsnext{list-style:none;margin:0;padding:0;font:var(--t-meta);color:var(--ink)}
html[data-member] .mm-newslist li{display:grid;gap:3px;padding:9px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
html[data-member] .mm-newslist time{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
html[data-member] .mm-news .mm-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:0 4px;font:var(--t-meta);text-decoration:underline;text-underline-offset:3px}
html[data-member] .mm-newsnext li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px solid var(--line)}
html[data-member] .mm-newsnext li:last-child{border:0}
html[data-member] .mm-newspick{flex:none;max-width:110px}
html[data-member] .mm-newspick[aria-pressed="true"]{color:var(--ink);font-weight:600}
html[data-member] .mm-newspick[aria-disabled="true"]{opacity:.65;cursor:wait}
html[data-member] .mm-newserr{margin:0;font:var(--t-meta);color:var(--ink)}
html[data-member] .mm-newserr:not(:empty){padding-top:8px}
html[data-member] .mm-news :is(button,a):focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:3px}
html[data-member] .mm-newsall .mm-newslist{font:var(--t-body)}
html[data-member] .mm-newsall .mm-newslist li{padding:14px 0}