/* Marla events (Ticket design), generated from /workspace/events-final. Loaded on the Updated side only. */

/* coral = the Updated side's own --coral (updated.css) */
:root{--ts:1;--nf:var(--surface);--map-ground:#efe9dc;--map-block:#f6f2e9;--map-park:#dde7da;--map-road:#ffffff;--map-road-edge:#e0d8c6;--map-major:#fffdf8;--map-label:#7a8079;--map-water:#dce6ec}
:root[data-theme=dark]{--map-ground:#0e100f;--map-block:#141716;--map-park:#1a2a22;--map-road:#262b28;--map-road-edge:#0e100f;--map-major:#323935;--map-label:#8b928d;--map-water:#16222f}
.ts-lg{--ts:1.6}

.ev-frame .screen{height:852px;width:393px;overflow:hidden}
.full .screen,.full .pg{height:auto!important;min-height:852px}
.full .screen{overflow:visible}
svg.i{width:calc(16px*var(--ts));height:calc(16px*var(--ts));flex:0 0 calc(16px*var(--ts));fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.map-svg{display:block;width:100%;height:100%}
.map-svg text{font:600 8px var(--f-body);fill:var(--map-label);letter-spacing:.03em}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---- chips (status words, never colour alone) ---- */
.ec{display:inline-flex;align-items:center;gap:5px;min-height:calc(28px*var(--ts));padding:0 calc(10px*var(--ts));border-radius:var(--r-pill);font:600 calc(12px*var(--ts))/1.1 var(--f-body);white-space:nowrap;border:1px solid transparent;align-self:flex-start}
.ec svg.i{width:calc(12px*var(--ts));height:calc(12px*var(--ts));flex-basis:calc(12px*var(--ts));stroke-width:2.2}
.ec.free{background:var(--brand-soft);color:var(--brand-ink);border-color:color-mix(in srgb,var(--brand-ink) 22%,transparent)}
.ec.paid{background:var(--sand);color:var(--ink);border-color:var(--line)}
.ec.followers{background:var(--clay-soft);color:var(--clay-ink);border-color:color-mix(in srgb,var(--clay-ink) 28%,transparent)}
.ec.ended{background:var(--muted);color:var(--ink-2);border-color:var(--line)}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--coral,#D93350);flex:none;animation:pulse 1.6s var(--ease) infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--coral,#D93350) 55%,transparent)}80%,100%{box-shadow:0 0 0 7px transparent}}

/* ---- buttons (44pt minimum; primary 52) ---- */
.eb{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--tap);min-width:var(--tap);padding:0 calc(16px*var(--ts));border-radius:var(--r-m);font:600 calc(14px*var(--ts))/1.15 var(--f-body);border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);white-space:normal;text-align:center;cursor:pointer;box-sizing:border-box}
.eb svg.i{width:calc(18px*var(--ts));height:calc(18px*var(--ts));flex-basis:calc(18px*var(--ts))}
.eb.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.eb.lg{min-height:var(--primary-height);font-size:calc(15px*var(--ts))}
.eb.icon{padding:0;width:var(--tap)}
.eb.icon.lg{width:var(--primary-height)}
.eb[disabled]{background:var(--muted);color:var(--ink-2);border-color:var(--line)}
.eb.sel{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}

/* ---- the ticket (feed + opened page share one object) ---- */
.tk{position:relative;display:grid;grid-template-columns:minmax(0,1fr) calc(84px*var(--ts));border-radius:var(--r-l);overflow:hidden;
  background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--brand-soft) 70%,transparent),transparent 45%),linear-gradient(135deg,var(--cream),var(--surface))}
.tk:after{content:"";position:absolute;inset:0;border:1px solid var(--line-strong);border-radius:inherit;pointer-events:none;z-index:1}
.tk .nt{position:absolute;z-index:2;width:20px;height:20px;border-radius:50%;background:var(--nf);border:1px solid var(--line-strong);box-sizing:border-box}
.tk-main{padding:calc(14px*var(--ts)) calc(14px*var(--ts)) calc(14px*var(--ts)) calc(16px*var(--ts));display:flex;flex-direction:column;gap:calc(8px*var(--ts));min-width:0}
.tk-title{margin:0;font:500 calc(22px*var(--ts))/1.14 var(--f-display);letter-spacing:-.005em;color:var(--ink);overflow-wrap:break-word;hyphens:manual;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ts-lg .tk-title{-webkit-line-clamp:unset;display:block;overflow:visible}
.tk-row{display:flex;gap:calc(7px*var(--ts));align-items:flex-start;font:500 calc(13px*var(--ts))/1.35 var(--f-body);color:var(--ink-2);min-width:0}
.tk-row svg.i{color:var(--brand-ink);margin-top:calc(2px*var(--ts))}
.tk-row b{color:var(--ink);font-weight:600}
.tk-row>span{min-width:0;overflow-wrap:break-word}
.tk-stub{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:color-mix(in srgb,var(--brand-soft) 78%,transparent);color:var(--brand-ink);text-align:center;padding:calc(10px*var(--ts)) 0}
.tk-stub:before{content:"";position:absolute;left:0;top:14px;bottom:14px;border-left:1.5px dashed color-mix(in srgb,var(--brand-ink) 38%,transparent)}
.tk-stub .nt.a{left:-10px;top:-10px}.tk-stub .nt.b{left:-10px;bottom:-10px}
.tk-stub .m{font:700 calc(11px*var(--ts))/1 var(--f-body);letter-spacing:.14em}
.tk-stub .d{font:500 calc(38px*var(--ts))/1 var(--f-display);color:var(--ink)}
.tk-stub .w{font:600 calc(11px*var(--ts))/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:5px}
.tk-stub .live-dot{width:7px;height:7px}
/* stacked (accessibility sizes, and the opened page): the stub becomes a band under the ticket */
.tk.is-stack{grid-template-columns:minmax(0,1fr)}
.tk.is-stack .tk-stub{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:calc(8px*var(--ts)) calc(10px*var(--ts));padding:calc(12px*var(--ts)) calc(14px*var(--ts)) calc(12px*var(--ts)) calc(18px*var(--ts));text-align:left}
.tk.is-stack .tk-stub:before{left:18px;right:18px;top:0;bottom:auto;border-left:0;border-top:1.5px dashed color-mix(in srgb,var(--brand-ink) 38%,transparent)}
.tk.is-stack .tk-stub .nt.a{left:-10px;top:-10px}.tk.is-stack .tk-stub .nt.b{left:auto;right:-10px;top:-10px;bottom:auto}
.tk.is-stack .tk-stub .d{font-size:calc(28px*var(--ts))}
.tk.is-stack .tk-stub .sdate{display:flex;align-items:baseline;gap:calc(8px*var(--ts))}
.tk.past{--ink:var(--ink-2)}
.tk.past .tk-stub{background:var(--muted);color:var(--ink-2)}
.tk.past .tk-title{color:var(--ink-2)}
.now-line{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--ink)}

/* ---- feed card ---- */
.feed-card.ev .ev-body{padding:calc(6px*var(--ts)) 12px 0;display:block}
.feed-card.ev .feed-card-head{padding-bottom:0}
.ev-foot{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8px*var(--ts));padding:calc(8px*var(--ts)) 12px 12px 16px}
.ev-foot .going{flex:1 1 auto;min-width:calc(80px*var(--ts));font:500 calc(13px*var(--ts))/1.3 var(--f-body);color:var(--ink-2)}
.ev-foot .going b{color:var(--ink);font-weight:600}
.ev-foot .eb{min-width:calc(96px*var(--ts))}
.ev-foot .eb.icon{min-width:var(--tap);width:var(--tap)}
.feed-card.ev.past .ev-body{opacity:1}

/* ---- opened page ---- */
.pg{display:flex;flex-direction:column;height:852px;background:var(--cream);position:relative;--nf:var(--cream)}
.pg .apphead{flex:none;background:var(--cream)}
.pg-scroll{flex:1;min-height:0;overflow:hidden;padding:0 16px 16px}
.pg-photo{margin:0 -16px;aspect-ratio:16/9;background:var(--muted);overflow:hidden;position:relative}
.pg-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pg .tk{margin-top:8px;border-radius:var(--radius-card)}
.pg .tk.over{margin-top:-28px;z-index:2}
.pg .tk-main{padding:calc(18px*var(--ts)) calc(18px*var(--ts)) calc(16px*var(--ts));gap:calc(12px*var(--ts))}
.pg .tk-title{font-size:calc(28px*var(--ts));line-height:1.1;display:block;overflow:visible;-webkit-line-clamp:unset}
.pg-when{display:flex;gap:calc(14px*var(--ts));align-items:center}
.dtile{flex:none;width:calc(58px*var(--ts));min-height:calc(62px*var(--ts));border-radius:var(--r-m);background:var(--brand-soft);color:var(--brand-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:700 calc(11px*var(--ts))/1 var(--f-body);letter-spacing:.12em}
.dtile b{font:500 calc(28px*var(--ts))/1.05 var(--f-display);letter-spacing:0;color:var(--ink)}
.pg-when .t{display:flex;flex-direction:column;gap:3px;min-width:0}
.pg-when .t strong{font:600 calc(16px*var(--ts))/1.25 var(--f-body);color:var(--ink)}
.pg-when .t span{font:400 calc(13.5px*var(--ts))/1.3 var(--f-body);color:var(--ink-2);overflow-wrap:break-word}
.cd{display:flex;flex-direction:column;gap:2px;min-width:0}
.cd b{font:500 calc(23px*var(--ts))/1.1 var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.cd b i{font-style:normal;font-size:.62em;font-weight:500;color:var(--ink-3)}
.cd b em{font-style:normal;color:var(--ink-2);font-size:.66em;font-weight:500;font-family:var(--f-body);margin:0 .2em 0 .04em}
.cd span{font:500 calc(12px*var(--ts))/1.3 var(--f-body);color:var(--ink-2)}
.pg-sec{margin-top:calc(14px*var(--ts))}
.mapc{position:relative;height:calc(136px*var(--ts));border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line)}
.mapc .lab{position:absolute;left:10px;bottom:10px;right:10px;display:flex;align-items:center;gap:8px;padding:calc(6px*var(--ts)) calc(6px*var(--ts)) calc(6px*var(--ts)) calc(12px*var(--ts));border-radius:var(--r-m);background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);font:500 calc(12.5px*var(--ts))/1.3 var(--f-body);color:var(--ink-2)}
.mapc .lab .tx{flex:1;min-width:0}
.mapc .lab b{display:block;color:var(--ink);font-weight:600;font-size:calc(14px*var(--ts))}
.mapc .lab .eb{min-width:var(--tap);flex:none}
.shared{display:flex;align-items:center;gap:6px;margin-top:calc(8px*var(--ts));font:500 calc(12px*var(--ts))/1.3 var(--f-body);color:var(--ink-2)}
.shared svg.i{width:calc(14px*var(--ts));height:calc(14px*var(--ts));flex-basis:calc(14px*var(--ts));color:var(--brand-ink)}
.privnote{display:flex;align-items:flex-start;gap:calc(10px*var(--ts));padding:calc(12px*var(--ts)) calc(14px*var(--ts));border-radius:var(--r-m);background:var(--brand-soft);color:var(--brand-ink);font:500 calc(13.5px*var(--ts))/1.4 var(--f-body)}
.privnote svg.i{margin-top:calc(2px*var(--ts));width:calc(18px*var(--ts));height:calc(18px*var(--ts));flex-basis:calc(18px*var(--ts))}
.pg-desc{margin:calc(16px*var(--ts)) 0 0;font:400 calc(16px*var(--ts))/1.5 var(--f-body);color:var(--ink-2)}
.pg-host{display:flex;align-items:center;gap:calc(12px*var(--ts));padding:calc(14px*var(--ts)) 0 0;margin-top:calc(14px*var(--ts));border-top:1px solid var(--line)}
.pg-host .t{display:flex;flex-direction:column;min-width:0}
.pg-host .t small{font:600 calc(11px*var(--ts))/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.pg-host .t b{font:600 calc(15px*var(--ts))/1.3 var(--f-body);color:var(--ink)}
.pg-bar{flex:none;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 16px 26px;background:var(--surface);border-top:1px solid var(--line)}
.pg-bar .eb.grow{flex:1 1 calc(140px*var(--ts))}
.pg .apphead .ttl b{font-size:calc(15px*var(--ts))}


/* ---- morph prototype (tap -> open) ---- */
.mstage{position:absolute;left:0;top:0;width:393px;height:852px;overflow:hidden;background:var(--cream)}
.mlayer{position:absolute;left:0;top:0;width:393px;height:852px;overflow:hidden}
.mlayer .pg,.mlayer .screen{background:transparent;height:852px}
.mlayer .pg .pg-bar{background:var(--surface)}
.ghost-all{visibility:hidden!important}
.tk.ghost{background:none!important}
.tk.ghost:after,.tk.ghost .nt,.tk.ghost .tk-stub:before{display:none!important}
.tk.ghost .tk-stub{background:none!important}
.tk.ghost .tk-title,.tk.ghost .ec,.tk.ghost .dtile>*{visibility:hidden}
#fly{position:absolute;left:0;top:0;width:393px;height:852px;pointer-events:none;z-index:20;display:none}
body.mid #fly{display:block}
#fly .mf{position:absolute;display:block;will-change:transform}
#fly .mstub{position:absolute;background:color-mix(in srgb,var(--brand-soft) 78%,transparent)}
#fly .mstub:before{content:"";position:absolute;left:0;top:14px;bottom:14px;border-left:1.5px dashed color-mix(in srgb,var(--brand-ink) 38%,transparent);opacity:var(--pv,1)}
#fly .mstub:after{content:"";position:absolute;left:18px;right:18px;top:0;border-top:1.5px dashed color-mix(in srgb,var(--brand-ink) 38%,transparent);opacity:var(--ph,0)}
#fly .mt{position:absolute;white-space:nowrap;margin:0}
#fly .mt.wrap{white-space:normal}

/* ---- large text: app chrome that has fixed px sizes follows the same scale ---- */
.ts-lg .feed-source b{font-size:calc(14px*var(--ts))}.ts-lg .feed-source small{font-size:calc(11px*var(--ts))}.ts-lg .feed-time{font-size:calc(11px*var(--ts))}
.ts-lg .feed-note-copy p{font-size:calc(16px*var(--ts));line-height:1.4}.ts-lg .feed-place{font-size:calc(11px*var(--ts))}
.ts-lg .feed-source .av{flex:0 0 44px}
.ts-lg .apphead .ttl b{font-size:calc(15px*var(--ts))}

/* ---- setup flow ---- */
.su{display:flex;flex-direction:column;height:852px;background:var(--cream);position:relative;--nf:var(--surface)}
.su .apphead{flex:none}
.su-scroll{flex:1;min-height:0;overflow:hidden;padding:0 16px}
.su-cap{font:600 calc(12px*var(--ts))/1.3 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:calc(2px*var(--ts)) 2px calc(8px*var(--ts))}
.su-prev{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:10px}
.su-prev .tk-main{padding:calc(12px*var(--ts)) calc(12px*var(--ts)) calc(12px*var(--ts)) calc(14px*var(--ts));gap:calc(7px*var(--ts))}
.su-prev .tk-title{font-size:calc(21px*var(--ts))}
.su-prev .tk-title.ph{color:var(--ink-3)}
.su-prev .tk-row.ph,.su-prev .tk-row.ph svg.i{color:var(--ink-3)}
.su-prev .tk-stub.ph .d,.su-prev .tk-stub.ph .m{color:var(--ink-3)}
.su-l{font:600 calc(13px*var(--ts))/1.3 var(--f-body);color:var(--ink-2);margin:calc(12px*var(--ts)) 2px calc(6px*var(--ts));display:flex;justify-content:space-between;align-items:baseline}
.su-l span{font-weight:500;font-size:calc(12px*var(--ts));color:var(--ink-3)}
.su-title{display:block;width:100%;box-sizing:border-box;min-height:48px;margin-top:calc(8px*var(--ts));padding:calc(8px*var(--ts)) 2px;border-bottom:1.5px solid var(--line);font:500 calc(26px*var(--ts))/1.18 var(--f-display);color:var(--ink);overflow-wrap:break-word;position:relative}
.su-title.ph{color:var(--ink-3)}
.su-title.focus{border-bottom:2px solid var(--brand-text)}
.su-title.focus:after{content:"";display:inline-block;width:2px;height:calc(28px*var(--ts));background:var(--brand-text);vertical-align:text-bottom;margin-left:1px;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.su-chips{display:flex;flex-wrap:wrap;gap:8px}
.su-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 calc(14px*var(--ts));border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface);font:600 calc(14px*var(--ts))/1.2 var(--f-body);color:var(--ink);box-sizing:border-box}
.su-chip svg.i{width:calc(16px*var(--ts));height:calc(16px*var(--ts));flex-basis:calc(16px*var(--ts))}
.su-chip[aria-pressed=true]{background:var(--cactus);border-color:var(--cactus-text);color:#fff}
.su-group{border:1.5px solid var(--line);border-radius:var(--r-m);background:var(--surface);overflow:hidden}
.su-row{display:flex;align-items:center;gap:calc(12px*var(--ts));min-height:calc(56px*var(--ts));padding:calc(6px*var(--ts)) calc(6px*var(--ts)) calc(6px*var(--ts)) calc(14px*var(--ts));box-sizing:border-box;width:100%;text-align:left}
.su-row>svg.i{color:var(--brand-ink);width:calc(20px*var(--ts));height:calc(20px*var(--ts));flex-basis:calc(20px*var(--ts))}
.su-row .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.su-row .tx b{font:600 calc(16px*var(--ts))/1.25 var(--f-body);color:var(--ink);overflow-wrap:break-word}
.su-row .tx small{font:400 calc(12.5px*var(--ts))/1.3 var(--f-body);color:var(--ink-2);overflow-wrap:break-word}
.su-row .go{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 calc(10px*var(--ts));font:600 calc(14px*var(--ts))/1 var(--f-body);color:var(--brand-text)}
.su-group .toggle{padding:calc(10px*var(--ts)) 14px;border-top:1px solid var(--line);box-sizing:border-box;min-height:calc(56px*var(--ts))}
.su-group .toggle b{font-size:calc(15px*var(--ts))}.su-group .toggle p{font-size:calc(12.5px*var(--ts));margin:1px 0 0;line-height:1.35}
.su-area{display:flex;align-items:flex-start;gap:calc(12px*var(--ts));padding:calc(14px*var(--ts));border-radius:var(--r-m);background:var(--brand-soft);color:var(--brand-ink)}
.su-area svg.i{width:calc(20px*var(--ts));height:calc(20px*var(--ts));flex-basis:calc(20px*var(--ts));margin-top:calc(2px*var(--ts))}
.su-area b{display:block;font:600 calc(16px*var(--ts))/1.25 var(--f-body);color:var(--ink)}
.su-area small{display:block;font:400 calc(13px*var(--ts))/1.35 var(--f-body);color:var(--ink-2);margin-top:2px}
.su .segs{margin:0}
.su .segs button{min-height:44px;font-size:calc(14px*var(--ts))}
.su-pills{display:flex;flex-wrap:wrap;gap:8px}
.su-pill{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 calc(12px*var(--ts));border-radius:var(--r-pill);border:1.5px dashed var(--line-strong);background:transparent;font:600 calc(14px*var(--ts))/1.2 var(--f-body);color:var(--ink-2);box-sizing:border-box}
.su-pill svg.i{width:calc(16px*var(--ts));height:calc(16px*var(--ts));flex-basis:calc(16px*var(--ts))}
.su-pill.on{border-style:solid;border-color:color-mix(in srgb,var(--brand-ink) 28%,transparent);background:var(--brand-soft);color:var(--brand-ink)}
.su-line{margin-top:calc(10px*var(--ts));min-height:48px;padding:calc(12px*var(--ts)) calc(14px*var(--ts));box-sizing:border-box;border:1.5px solid var(--line);border-radius:var(--r-m);background:var(--surface);font:400 calc(15px*var(--ts))/1.4 var(--f-body);color:var(--ink-3)}
.su-line.typed{color:var(--ink)}
.su-foot{flex:none;padding:10px 16px 26px;background:var(--surface);border-top:1px solid var(--line)}
.su-why{font:500 calc(13px*var(--ts))/1.35 var(--f-body);color:var(--ink-2);text-align:center;margin:0 0 8px;min-height:calc(18px*var(--ts))}
.su-why:empty{display:none}
.su-foot .eb{width:100%}
.ev-scrim{position:absolute;inset:0;background:var(--scrim);z-index:5}
.ev-sheet{position:absolute;left:0;right:0;bottom:0;z-index:6;background:var(--sheet-bg);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding:8px 16px 28px;box-shadow:var(--sh-3)}
.ev-sheet .ev-grab{width:36px;height:5px;border-radius:3px;background:var(--line-strong);margin:0 auto 10px}
.ev-sheet h2{margin:0 0 calc(6px*var(--ts));font:500 calc(22px*var(--ts))/1.2 var(--f-display);color:var(--ink)}
.ev-sheet .sub{font:500 calc(13px*var(--ts))/1.35 var(--f-body);color:var(--ink-2);margin:0 0 calc(10px*var(--ts))}
.wheel{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;position:relative;height:216px;margin:0 -4px 14px;-webkit-mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent)}
.wheel:before{content:"";position:absolute;left:0;right:0;top:50%;height:40px;transform:translateY(-50%);background:var(--sand-2);border-radius:10px}
.wheel .col{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.wheel .col span{height:40px;display:flex;align-items:center;font:500 20px/1 var(--f-body);color:var(--ink-3)}
.wheel .col span.s{color:var(--ink);font-weight:600}
.ev-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.ev-key{min-height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);font:500 26px/1 var(--f-body);color:var(--ink)}
.ev-key.fn{background:transparent;border-color:transparent}
.ev-key svg.i{width:26px;height:26px;flex-basis:26px}
.pricebig{display:flex;align-items:baseline;justify-content:center;gap:4px;margin:calc(8px*var(--ts)) 0 calc(12px*var(--ts));font:500 calc(52px*var(--ts))/1 var(--f-display);color:var(--ink)}
.pricebig i{display:inline-block;width:2px;height:calc(46px*var(--ts));background:var(--brand-text);align-self:center;animation:blink 1.1s steps(1) infinite}
.pricebig small{font:500 calc(24px*var(--ts))/1 var(--f-display);color:var(--ink-3)}
.tag-now{font:600 calc(12px*var(--ts))/1.3 var(--f-body);color:var(--ink-2)}

.nb{white-space:nowrap}
/* contrast: no opacity-dimming, real colour values (disabled >=4.5:1 text, off-switch track >=3:1) */
.eb[disabled],.eb.primary[disabled]{opacity:1;background:var(--muted);color:var(--ink-2);border-color:var(--ink-3)}
.su-group .toggle .sw,.toggle .sw{background:var(--ink-3)}
.su-group .toggle[aria-checked=true] .sw{background:var(--cactus)}
:root[data-theme=dark] .su-group .toggle[aria-checked=true] .sw{background:#5f9c83}
.su-pill{border-color:var(--ink-3)}
.su-pill.on{border-color:color-mix(in srgb,var(--brand-ink) 40%,transparent)}
.su-hint{display:flex;align-items:flex-start;gap:6px;margin:calc(10px*var(--ts)) 2px 0;font:500 calc(12.5px*var(--ts))/1.35 var(--f-body);color:var(--ink-2)}
.su-hint svg.i{width:calc(14px*var(--ts));height:calc(14px*var(--ts));flex-basis:calc(14px*var(--ts));margin-top:calc(2px*var(--ts));color:var(--brand-ink)}
.su-scroll{overflow-y:auto}
/* keyboard-up state: Post and the "what is missing" line stay above the keyboard */
.su.kb-up{padding-bottom:336px;box-sizing:border-box}
.su.kb-up .su-foot{padding-bottom:10px}
.kb{position:absolute;left:0;right:0;bottom:0;height:336px;background:color-mix(in srgb,var(--sand) 70%,var(--surface));border-top:1px solid var(--line);padding:6px 3px 0;box-sizing:border-box;z-index:7}
:root[data-theme=dark] .kb{background:#1b1f1d}
.ksug{display:flex;justify-content:space-around;align-items:center;height:42px;font:500 16px/1 var(--f-body);color:var(--ink);border-bottom:1px solid var(--line);margin-bottom:10px}
.ksug span{flex:1;text-align:center}
.kr{display:flex;justify-content:center;gap:6px;margin-bottom:12px}
.kr.r2{padding:0 18px}
.kr.r3{padding:0 3px;gap:8px}
.kr .k{flex:1;max-width:34px;height:44px;border-radius:6px;background:var(--surface);box-shadow:0 1px 0 var(--line-strong);display:flex;align-items:center;justify-content:center;font:400 22px/1 var(--f-body);color:var(--ink)}
.kr .k.fn{background:var(--sand);max-width:44px;font-size:16px}
.kr .k.fn svg.i{width:20px;height:20px;flex-basis:20px}
.kr.r4 .k{max-width:none}.kr.r4 .k.w2{flex:0 0 96px;font-size:16px}.kr.r4 .k.sp{flex:1;font-size:16px}
.kr.r4 .k.go{background:var(--brand);color:var(--on-brand)}

.tk.ghost2 .tk-title,.tk.ghost2 .ec,.tk.ghost2 .dtile>*,.tk.ghost3 .tk-title,.tk.ghost3 .ec,.tk.ghost3 .dtile>*{visibility:hidden}
.tk.ghost2 .nt,.tk.ghost2 .tk-stub:before{display:none!important}
.tk.ghost2 .tk-stub{background:none!important}

/* ---- site integration (the mock-up's Updated side) ---- */
.mstage.ev-stage{position:fixed;background:transparent;overflow:hidden;z-index:90;pointer-events:auto;touch-action:none}
.mlayer{width:100%;height:100%}
.mlayer .screen,.mlayer .u-app,.mlayer .around-route-surface,.mlayer .viewport{background:transparent!important}
.mlayer .screen{height:100%;width:100%;position:absolute;inset:0}
.mlayer .screen,.mlayer .screen *{box-sizing:border-box}
#fly{width:100%;height:100%}
.ev-vp{display:flex;flex-direction:column;overflow:hidden;padding:0}
.ev-vp .pg{flex:1;min-height:0;height:auto;width:100%}
.ev-vp .pg-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:auto;-webkit-overflow-scrolling:touch}
.ev-vp .pg-bar{flex:none}
.ev-su{overflow:hidden}
.ev-su .su{flex:1;min-height:0;height:auto;width:100%}
.ev-su .su-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:16px}
.cd b i{font-style:normal;font-size:.62em;font-weight:500;color:var(--ink-3);letter-spacing:0}
.su-as{display:flex;align-items:center;gap:10px;min-height:44px;margin:2px 0 4px;padding:0 4px;font:500 14px/1.2 var(--f-body);color:var(--ink-2);text-align:left}
.su-as b{font-weight:600;color:var(--ink)}
.su-as svg.i{width:16px;height:16px;flex-basis:16px;margin-left:auto;margin-right:6px;color:var(--ink-3)}
input.su-title{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-bottom:1.5px solid var(--line);border-radius:0;outline:0;margin-bottom:0;font-family:var(--f-display)}
input.su-title::placeholder{color:var(--ink-3);opacity:1}
input.su-title:focus{border-bottom:2px solid var(--brand-text)}
textarea.su-line{display:block;width:100%;resize:none;outline:0;font-family:var(--f-body);color:var(--ink)}
textarea.su-line:focus{border-color:var(--brand-text)}
textarea.su-line::placeholder{color:var(--ink-3);opacity:1}
.su-hint[hidden],#ev-details[hidden]{display:none}
.su-row.su-group{width:100%}
.ev-sheet .su-row{border-top:1px solid var(--line);padding-left:2px;padding-right:2px;width:100%}
.ev-sheet .su-row .tx{flex:1}
.ev-sheet .sub{margin:2px 0 8px}
.ev-sheet{max-height:92%;overflow-y:auto;animation:evup .26s var(--ease)}
.ev-scrim{animation:evfade .2s linear}
.ev-sheet.out{transform:translateY(105%);transition:transform .2s var(--ease)}
.ev-scrim.out{opacity:0;transition:opacity .2s linear}
@keyframes evup{from{transform:translateY(100%)}}
@keyframes evfade{from{opacity:0}}
.wheel .col{display:block;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;padding:88px 0;-webkit-overflow-scrolling:touch;outline:0;overscroll-behavior:contain}
.wheel .col::-webkit-scrollbar{display:none}
.wheel .col span{justify-content:center;scroll-snap-align:center;cursor:pointer;white-space:nowrap}
.wheel .col:focus-visible{outline:2px solid var(--brand-text);outline-offset:-2px;border-radius:8px}
.ev-key{appearance:none;-webkit-appearance:none;cursor:pointer}
.pricebig.zero #ev-ptxt{color:var(--ink-3)}
.ev-pop{animation:evpop .28s var(--ease)}
@keyframes evpop{40%{transform:scale(1.07)}}
.ev-drop{animation:evdrop .42s var(--ease)}
@keyframes evdrop{from{opacity:0;transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.ev-sheet,.ev-scrim,.ev-pop,.ev-drop{animation:none}.ev-sheet.out,.ev-scrim.out{transition:none}.ev-body a .tk-feed,.ev-body a:active .tk-feed{transition:none;transform:none}}
.mstage.mid #fly{display:block}

/* ===== Gino, Oct 23: edge-to-edge, media-forward posts (Updated feed only) =====
   No inner card border or side padding: photos, text panels and event tickets fill the feed width.
   The thin hairline between posts and the deep page behind them stay. Text keeps its own side margins. */
body[data-mk-side=updated] .feed-stream .feed-card{padding:0!important}
body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head{padding-left:14px;padding-right:8px}
body[data-mk-side=updated] .feed-stream .feed-card .feed-story{border-radius:0!important;margin-left:0;margin-right:0}
body[data-mk-side=updated] .feed-stream .feed-card :is(.feed-media,.editorial-title-card,.feed-media-item,.feed-media img){border-radius:0!important}
body[data-mk-side=updated] .feed-stream .feed-card .feed-copy{padding-left:18px;padding-right:18px}
body[data-mk-side=updated] .feed-stream .feed-card .feed-structured-summary{padding-left:18px;padding-right:18px}
body[data-mk-side=updated] .feed-stream .feed-card .editorial-title-card-title{left:18px;right:18px}
body[data-mk-side=updated] .feed-stream .feed-card .feed-footer{padding-left:14px;padding-right:6px}
body[data-mk-side=updated] .feed-stream .feed-card .feed-event-story{margin:0!important}
body[data-mk-side=updated] .feed-stream .feed-card .feed-event-panel{border-radius:0!important;border-left:0!important;border-right:0!important;padding-left:18px;padding-right:18px}
/* the event ticket spans the full width */
.feed-card.ev{--nf:var(--u-post,var(--surface))}
.feed-card.ev .ev-body{padding:calc(6px*var(--ts)) 0 0}
.feed-card.ev .tk-feed{border-radius:0}
.feed-card.ev .tk-feed:after{border-left:0;border-right:0}
.feed-card.ev .tk-feed .tk-main{padding-left:18px}

/* ===== optional background photo behind the ticket (host adds it with "+ Photo") =====
   Full width, behind a dark scrim, so the title, time, place and date read at 4.5:1 or more. Without a photo the ticket stays clean. */
.tk.has-bg{background:#151816}
.tk .tk-bg{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none}
.tk .tk-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,11,10,.76) 0%,rgba(9,11,10,.66) 62%,rgba(9,11,10,.68) 100%)}
.tk.has-bg>.tk-main,.tk.has-bg>.tk-stub{position:relative;z-index:1}
.tk.has-bg:after{border-color:rgba(255,255,255,.22)}
.tk.has-bg .tk-title,.tk.has-bg .tk-row b{color:#fff}
.tk.has-bg .tk-row{color:#ECEAE4}
.tk.has-bg .tk-row svg.i{color:#BDE6CC}
.tk.has-bg .tk-stub{background:rgba(0,0,0,.26);color:#BDE6CC}
.tk.has-bg .tk-stub .d{color:#fff}
.tk.has-bg .tk-stub:before{border-left-color:rgba(255,255,255,.45)}
.tk.has-bg .nt{border-color:rgba(255,255,255,.22)}
.su-prev .tk.has-bg .tk-title.ph,.su-prev .tk.has-bg .tk-row.ph,.su-prev .tk.has-bg .tk-row.ph svg.i,.su-prev .tk.has-bg .tk-stub.ph .d,.su-prev .tk.has-bg .tk-stub.ph .m{color:#C9C7C1}
.tk.has-bg.ghost-all .tk-bg{visibility:hidden}
/* morph flyer: the photo fades out while the text goes from white to the page ink */
#fly .mf .tk-bg{transition:none}
#fly .mt{transition:color .14s var(--ease)}
#fly .mt.onbg,#fly .mt.onbg b{color:#fff!important}
#fly .mt.onbg svg.i{color:#BDE6CC}
#fly .mt.onbg.tk-row{color:#ECEAE4!important}
#fly .mf.onbg:after{border-color:rgba(255,255,255,.22)}
@media (prefers-reduced-motion:reduce){#fly .mt{transition:none}}

/* ===== Council quick review, Oct 23 =====
   overlay never below .65 across the text (rows stay 4.5:1+ even on a pure white photo);
   Share is an icon inside the ticket (bottom-right of the main part, 44pt), no separate row;
   press = darken, not scale (the ticket is edge to edge) */
.feed-card.ev .ev-body{position:relative;padding-bottom:10px}
.feed-card.ev .tk-feed .tk-row:last-child{padding-right:40px}
.ev-share{position:absolute;bottom:14px;right:calc(84px*var(--ts) + 4px);width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:var(--ink-2);z-index:3;cursor:pointer;padding:0}
.ev-share svg.i{width:20px;height:20px}
.ev-share:active{background:color-mix(in srgb,var(--ink) 12%,transparent)}
.ev-body.on-bg .ev-share{color:#fff}
.ev-body.on-bg .ev-share:active{background:rgba(255,255,255,.16)}
.ev-body a .tk-feed,.ev-body a:active .tk-feed{transform:none!important}
.ev-body a .tk-feed:before{content:"";position:absolute;inset:0;z-index:4;background:#000;opacity:0;pointer-events:none;transition:opacity .12s var(--ease)}
.ev-body a:active .tk-feed:before{opacity:.10}
html:not([data-theme=light]) .ev-body a:active .tk-feed:before{opacity:.22}
.su-photo-warn{margin-top:8px}

/* ===================== v3 (Gino, Oct 23 4:48–4:54 PM) =====================
   1. Box-calendar date block, always on the left of every event: coral month band + big day number. Tap = flip to a countdown.
   2. One-screen opened page (no scrolling at 390x844; graceful at 375x667 and 430x932).
   3. Add to calendar (.ics) next to Share on the page. */
:root{--db-band:#C42E46} /* Council 22: one band red on feed, shelf and page (white on it 5.49:1) */
/* ---- the date block ---- */
.db{position:relative;display:block;width:60px;height:66px;padding:0;margin:0;border:0;background:none;cursor:inherit;flex:none;-webkit-tap-highlight-color:transparent;font:inherit;color:inherit}
span.db{cursor:default}
.db-in{position:absolute;inset:0;display:block}
.db-f{position:absolute;inset:0;display:flex;flex-direction:column;border-radius:11px;overflow:hidden;background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent),0 1px 2px rgba(0,0,0,.12);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.db-band{flex:none;height:19px;display:grid;place-items:center;background:var(--db-band);color:#fff;font:700 11px/1 var(--f-body);letter-spacing:.09em;white-space:nowrap}
.db-d{flex:1;display:grid;place-items:center;font:500 30px/1 var(--f-display);color:var(--ink);letter-spacing:-.01em;font-variant-numeric:lining-nums}
.db-d.rng{font-size:20px;letter-spacing:-.02em}

.db-w{display:inline-flex;align-items:center;gap:4px;font:700 11px/1 var(--f-body);letter-spacing:.08em;color:var(--brand-ink);white-space:nowrap}
.db-w.now{color:var(--db-band)}
.tk.has-bg .db-w{color:#fff}
.tk.has-bg .db-w.now{color:#FFD2D8}
@media (prefers-reduced-motion:reduce){
  .db-in{transition:none;transform:none!important}
}
/* ---- feed ticket: [date column | details] ---- */
.tk.tk3{grid-template-columns:calc(78px*var(--ts)) minmax(0,1fr)}
.tk3 .db-col{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 0;background:color-mix(in srgb,var(--brand-soft) 70%,transparent)}
.tk3 .db-col:before{content:"";position:absolute;right:0;top:14px;bottom:14px;border-right:1.5px dashed color-mix(in srgb,var(--brand-ink) 38%,transparent)}
.tk3 .db-col .nt.a{left:auto;right:-10px;top:-10px}.tk3 .db-col .nt.b{left:auto;right:-10px;bottom:-10px;top:auto}
.tk3.has-bg .db-col{background:rgba(0,0,0,.26)}
.tk3.has-bg .db-col:before{border-right-color:rgba(255,255,255,.45)}
.tk3 .tk-link{display:block;position:relative;z-index:1;min-width:0;color:inherit;text-decoration:none}
.tk3 .tk-link:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}
.feed-card.ev .tk-feed.tk3 .tk-main{padding:14px 14px 14px 14px}
.ev-share{right:6px}
.ev-body .tk3 .tk-link:active~*,.ev-body .tk3:has(.tk-link:active):before{opacity:.10}
.ev-body .tk3:before{content:"";position:absolute;inset:0;z-index:4;background:#000;opacity:0;pointer-events:none;transition:opacity .12s var(--ease)}
html:not([data-theme=light]) .ev-body .tk3:has(.tk-link:active):before{opacity:.22}
.su-prev .tk3 .db{pointer-events:none}
.su-prev.no-date .db-d{color:var(--ink-3)}.su-prev.no-date .db-band{background:var(--ink-3)}
/* ---- one-screen page ---- */
.pg.one{--nf:var(--cream)}
.pg.one .one-body{display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:2px 16px 8px}
.one-hero.tk{display:block;flex:none;border-radius:18px;margin:0;overflow:hidden}
.one-hero.tk:after{border-radius:inherit}
.one-top{position:relative;z-index:1;display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px 16px 12px}
.one-top .db-col{display:flex;flex-direction:column;align-items:center;gap:7px;padding-top:2px}
.one-top .db{width:66px;height:74px}
.one-top .db-band{height:21px;font-size:12px}
.one-top .db-d{font-size:34px}.one-top .db-d.rng{font-size:22px}
.one-tt{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.pg.one .one-tt .tk-title{font:500 26px/1.1 var(--f-display);color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;letter-spacing:-.01em}
.one-host{display:flex;align-items:center;gap:8px;font:500 13px/1.3 var(--f-body);color:var(--ink-2);min-width:0}
.one-host b{color:var(--ink);font-weight:600}
.one-host .av{width:24px;height:24px;border-radius:50%;background:var(--sand);display:grid;place-items:center;flex:none}
.one-host .av span{font:600 11px/1 var(--f-display);color:var(--cactus-ink)}
.one-cd{position:relative;z-index:1;margin:0 16px;padding:10px 0 13px;border-top:1.5px dashed color-mix(in srgb,var(--brand-ink) 30%,transparent);font:600 20px/1.1 var(--f-display);color:var(--ink)}
.one-cd b{font-weight:600;display:inline-flex;align-items:baseline;gap:2px}
.one-cd em{font-style:normal;font:600 13px/1 var(--f-body);color:var(--ink-2);margin-right:4px}
.one-cd i{font:500 13px/1 var(--f-body);font-style:normal;color:var(--ink-2)}
.one-cd .live-dot{margin-right:8px;align-self:center}
.one-hero.has-bg .tk-title,.one-hero.has-bg .one-cd,.one-hero.has-bg .one-cd b,.one-hero.has-bg .one-host b{color:#fff}
.one-hero.has-bg .one-host,.one-hero.has-bg .one-cd em,.one-hero.has-bg .one-cd i{color:#ECEAE4}
.one-hero.has-bg .one-cd{border-top-color:rgba(255,255,255,.4)}
.one-info{flex:none;display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:2px}
.one-row{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 0;border:0;border-bottom:1px solid var(--line);background:none;width:100%;text-align:left;color:var(--ink);font:inherit;cursor:default}
button.one-row{cursor:pointer}
.one-row>svg.i{flex:none;width:20px;height:20px;color:var(--brand-ink)}
.one-row .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.one-row .tx b{font:600 14px/1.3 var(--f-body);color:var(--ink)}
.one-row .tx small{font:500 12.5px/1.3 var(--f-body);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.one-map{position:relative;flex:none;width:76px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.one-map svg{position:absolute;left:50%;top:50%;width:300px;height:auto;transform:translate(-50%,-50%) scale(.6)}
.one-map .pinm{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--db-band);box-shadow:0 0 0 3px #fff,0 1px 4px rgba(0,0,0,.3)}
.one-desc{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;align-items:flex-start}
.one-desc p{margin:0;font:400 14.5px/1.45 var(--f-body);color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.one-more{min-height:44px;margin-top:-6px;padding:0;border:0;background:none;color:var(--brand-ink);font:600 14px/1 var(--f-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.one-more[hidden]{display:none}
.pg-bar.one-bar{gap:10px;padding:10px 16px 22px}
.pg-bar.one-bar .eb.lg:not(.grow){flex:0 0 auto}
.one-banner{flex:none;margin:0!important;aspect-ratio:auto;height:120px}
.one-sheetwrap{position:absolute;inset:0;z-index:60}
.one-scrim{position:absolute;inset:0;background:rgba(0,0,0,.4);animation:evfade .2s ease}
.one-sheet{position:absolute;left:0;right:0;bottom:0;max-height:78%;overflow:auto;background:var(--surface);border-radius:20px 20px 0 0;padding:10px 20px 28px;animation:evup .26s cubic-bezier(.2,.8,.2,1)}
.one-sheet .grab{width:36px;height:5px;border-radius:3px;background:var(--line-strong);margin:0 auto 14px}
.one-sheet h2{margin:0 0 10px;font:500 22px/1.15 var(--f-display);color:var(--ink)}
.one-sheet p{margin:0 0 18px;font:400 15px/1.5 var(--f-body);color:var(--ink-2)}
.one-sheet .eb{width:100%}
@media (prefers-reduced-motion:reduce){.one-sheet,.one-scrim{animation:none}}
/* small phones (SE 375x667) */
@media (max-height:720px){
  .one-top{padding:12px 14px 10px;gap:12px;grid-template-columns:64px minmax(0,1fr)}
  .one-top .db{width:60px;height:66px}.one-top .db-d{font-size:30px}
  .pg.one .one-tt .tk-title{font-size:21px;-webkit-line-clamp:2}
  .one-tt{gap:5px}
  .one-cd{padding:8px 0 10px;font-size:17px;margin:0 14px}
  .one-row{min-height:44px;padding:4px 0}.one-map{width:64px;height:44px}
  .one-desc p{-webkit-line-clamp:2;font-size:14px}
  .pg.one .one-body{gap:8px}
  .pg-bar.one-bar{padding:8px 16px 14px}
  .one-banner{height:84px}
}
/* big phones (430x932) */
@media (min-height:900px){
  .one-top{padding:20px 18px 14px}
  .pg.one .one-tt .tk-title{font-size:28px}
  .one-desc p{-webkit-line-clamp:5}
  .pg.one .one-body{gap:14px}
}
/* morph v3 */
#fly .v3-box{overflow:hidden;z-index:1}
#fly .v3-bgonly .one-top>*,#fly .v3-bgonly .one-cd{visibility:hidden}
#fly .v3-db,#fly .v3-title,#fly .ec{z-index:3}
#fly .v3-title{white-space:normal;display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;font-family:var(--f-display);font-weight:500;line-height:1.12;color:var(--ink)}
#fly .v3-title.onbg{color:#fff}
.one-hero.v3-hide .db,.one-hero.v3-hide .tk-title,.one-hero.v3-hide .ec,.one-hero.v3-hide .tk-bg{visibility:hidden}
.one-hero.v3-hide{background:transparent!important}.one-hero.v3-hide:after{opacity:0}
.pg.one .one-hero.has-bg .one-tt .tk-title{color:#fff}
.one-map svg{left:0;top:0;width:100%;height:100%;transform:scale(2.1)}
.one-more{min-width:44px;text-align:left}
.one-map .pinm{display:none}
.one-map svg{transform:translateY(16%) scale(1.5);transform-origin:50% 26%}
/* date-block review options (not the winner): ?db=inset — the tile sits inside the ticket, no stub column */
html[data-db=inset] .tk.tk3{grid-template-columns:calc(74px*var(--ts)) minmax(0,1fr)}
html[data-db=inset] .tk3 .db-col{background:none;justify-content:flex-start;padding:16px 0 12px 14px;align-items:flex-start}
html[data-db=inset] .tk3 .db-col:before,html[data-db=inset] .tk3 .db-col .nt{display:none}
/* ?db=stub — the whole stub is the calendar: coral column, month and day printed on it */
html[data-db=stub] .tk3 .db-col{background:var(--db-band)}
html[data-db=stub] .tk3.has-bg .db-col{background:var(--db-band)}
html[data-db=stub] .tk3 .db-col:before{border-right-color:rgba(255,255,255,.55)}
html[data-db=stub] .tk3 .db-col .db .db-f,html[data-db=stub] .tk3 .db-col .db .db-b{background:none;box-shadow:none;border:0;color:#fff}
html[data-db=stub] .tk3 .db-col .db-band{background:none;color:#fff;opacity:.92}
html[data-db=stub] .tk3 .db-col .db-d{color:#fff}
html[data-db=stub] .tk3 .db-col .db-w{color:#fff}

/* ---- Oct 23, 6:07 PM live review: the date tile is a plain date (no flip); the hero is edge to edge and bright ---- */
.tk3 .db-col[data-ev=open]{cursor:pointer}
.pg.one .one-body{padding:0 0 8px;gap:0}
.pg.one .one-body>*:not(.one-hero){margin-left:16px;margin-right:16px}
.one-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;flex:none;margin:0;border-radius:0;overflow:hidden;background:none}
.one-hero.has-bg{flex:1 1 auto;min-height:240px;max-height:60vh;background:#1b1e1c}
.one-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* the fade: clear at the top, 0.70 or darker everywhere behind the words */
.one-ov{position:relative;z-index:1}
.one-hero.has-bg .one-ov{padding-top:56px;background:linear-gradient(180deg,rgba(9,11,10,0) 0,rgba(9,11,10,.70) 56px,rgba(9,11,10,.80) 100%)}
.one-hero.no-bg{border-bottom:1px solid var(--line)}
.one-hero .one-top{padding:14px 16px 10px}
.one-hero .one-cd{margin:0 16px}
.one-hero.has-bg .db-w{color:#fff}.one-hero.has-bg .db-w.now{color:#FFD2D8}
.one-hero.has-bg .ec{box-shadow:none}
.one-info{border-top:0;margin-top:2px}
.one-desc{margin-top:8px}
.one-desc p{-webkit-line-clamp:4}
/* no photo + a shown place: the map grows into a full-width card that opens Maps */
.one-mapcard{position:relative;flex:1 1 auto;min-height:110px;margin-top:10px;margin-bottom:4px;border:0;padding:0;border-radius:16px;overflow:hidden;cursor:pointer;background:var(--surface);box-shadow:0 0 0 1px var(--line)}
.one-mapcard svg.map-svg,.one-mapcard>svg{position:absolute;inset:0;width:100%;height:100%}
.one-mapcap{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:var(--surface);color:var(--ink);font:600 13px/1 var(--f-body);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.one-mapcap svg.i{width:15px;height:15px;color:var(--brand-ink)}
.one-row.place>svg.i:last-child{width:18px;height:18px;opacity:.55}
#fly .v3-bgonly .one-ov>*{visibility:hidden}
#fly .v3-bgonly .one-ov{background:none!important}
.one-hero.v3-hide .one-ph{visibility:hidden}
/* the mark-up (feedback) pencil moves up into the empty right side of the event header, off the content */
body[data-mk-side=updated][data-mk-screen=event] .mk-fab{bottom:auto;top:calc(6px + env(safe-area-inset-top))}
@media (max-height:720px){
  .one-hero .one-top{padding:10px 14px 8px}
  .one-hero.has-bg{min-height:220px}
  .one-hero.has-bg .one-ov{padding-top:44px;background:linear-gradient(180deg,rgba(9,11,10,0) 0,rgba(9,11,10,.70) 44px,rgba(9,11,10,.80) 100%)}
}
/* ---- recurring, multi-night, ongoing and seasonal things to do (Oct 23 6:06 PM; Council 22, Oct 24: the tile is date-only, the big slot is
   always a day number, one red band, grey only for "not open yet" (and "ended", below). The green open band and the word styles are gone) ---- */
.db.rec.opens .db-band{background:#5B6660}
.db-rep{position:absolute;right:-6px;bottom:-6px;width:20px;height:20px;border-radius:50%;background:var(--db-band);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 2px var(--surface);z-index:2}
.db-rep svg{display:block}
.rec-dots{display:inline-flex;gap:4px;align-items:center;min-height:11px}
.rec-dots i{display:block;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--db-band);box-sizing:border-box;flex:none}
.rec-dots i.on{background:var(--db-band);width:10px;height:10px}
.rec-dots i.past{border-color:transparent;background:color-mix(in srgb,var(--ink) 28%,transparent)}
.tk.has-bg .rec-dots i,.one-hero.has-bg .rec-dots i{border-color:#fff}.tk.has-bg .rec-dots i.on{background:#fff}
.rec-dots.lab{gap:12px;vertical-align:middle}
.rec-dots.lab span{display:inline-flex;align-items:center;gap:4px;font:600 12px/1 var(--f-body);color:var(--ink-2)}
.rec-dots.lab span.on{color:var(--ink)}.rec-dots.lab span.past{color:var(--ink-3)}
.rec-on{color:var(--u-open,#1F7A4A)!important}
.tk.has-bg .rec-on{color:#9BE3B5!important}
.one-row.rec-when .tx small{display:flex;align-items:center;min-height:16px}
/* Discover: Things to do shelf (B, C) and the feed roll-up (C).
   Council 22 (Oct 24), the peek rule: the shelf's scroller bleeds into Discover's 12px gutter (set in assets/index-*.css, not edited) so the
   next card shows exactly its stub column + 6px of tint (A: 82px at every width) and never a cut word. WebKit drops the end padding of an
   overflowing flex row, so a 2px spacer stands in for it. Card width = 100cqi − K: the container is .discover-results (named discover-result,
   100cqi = viewport − 24), so A is 271/286/326 at 375/390/430; B (72px stub) 275/290/330; C (64px stub) 283/298/338. */
.rec-shelf{margin:2px 0 16px;align-self:stretch;width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.rec-h h2{margin:0 0 2px;font:500 21px/1.2 var(--f-display);color:var(--ink)}
.rec-h p{margin:0 0 10px;font:500 13px/1.3 var(--f-body);color:var(--ink-2)}
.rec-scroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;scrollbar-width:none;overscroll-behavior-x:contain}
.rec-scroll::-webkit-scrollbar{display:none}
.rec-scroll>div{flex:0 0 auto;display:flex;scroll-snap-align:start} /* display:flex: every card stretches to the row's height, so cards in a row are equal */
.rec-shelf .rec-scroll{margin-inline:-12px;padding:2px 12px 8px;scroll-padding-inline:12px;gap:10px}
.rec-shelf .rec-scroll::after{content:"";flex:0 0 2px}
.rec-mini{display:grid;grid-template-columns:76px minmax(0,1fr);width:276px;min-height:100px;border-radius:16px;background:var(--surface);box-shadow:0 0 0 1px var(--line);text-decoration:none;color:var(--ink);overflow:hidden;-webkit-tap-highlight-color:transparent}
.rec-shelf .rec-mini{width:276px;width:calc(100cqi - 80px)}
html[data-tile=B] .rec-shelf .rec-mini{grid-template-columns:72px minmax(0,1fr);width:calc(100cqi - 76px)}
html[data-tile=C] .rec-shelf .rec-mini{grid-template-columns:64px minmax(0,1fr);width:calc(100cqi - 68px)}
@container discover-result (max-width:335px){html[data-tile] .rec-shelf .rec-mini{width:calc(100cqi - 6px)}} /* phones of 359px and narrower: an 8px tint-only peek, never a cut tile */
.rec-mini .db-col{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 0;background:color-mix(in srgb,var(--brand-soft) 70%,transparent)}
.rec-mini .db-col:before{content:"";position:absolute;right:0;top:12px;bottom:12px;width:1.5px;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--brand-ink) 32%,transparent) 0 4px,transparent 4px 8px)} /* the feed's inset perforation (cards.css), not a full-height border: the tile sits 8px from each side */
.rec-mini .db-f{backface-visibility:visible;-webkit-backface-visibility:visible} /* no compositing layer inside the snap scroller (the smear in Gino's screenshot, Council 22 cause 8) */
.rec-mx{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 12px;min-width:0}
.rec-mx>b{font:500 16px/1.2 var(--f-display);color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rec-mx small{font:500 12.5px/1.3 var(--f-body);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-mx small.s1{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:clip} /* the status line wraps to 2 lines, never an ellipsis; the place line below stays 1 line */
.rec-mx small b{font-weight:600;color:var(--ink)}
.rec-roll .rec-scroll{padding:4px 16px 14px;margin:0}
.rec-av{width:44px;height:44px;border-radius:50%;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand-ink);flex:0 0 auto}
.rec-av svg.i{width:22px;height:22px}
/* setup: Repeats */
.su-chip[aria-checked=true]{background:var(--cactus);border-color:var(--cactus-text);color:#fff}
.su-chip.sm{padding:0 12px;font-size:13.5px}
.su-ropt{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--brand-soft) 45%,transparent)}
.su-days{display:flex;gap:4px;justify-content:space-between}
.su-day{flex:1 1 0;min-width:40px;max-width:48px;height:44px;border-radius:22px;border:1.5px solid var(--line);background:var(--surface);font:700 14px/1 var(--f-body);color:var(--ink);padding:0;cursor:pointer}
.su-day[aria-pressed=true]{background:var(--cactus);border-color:var(--cactus-text);color:#fff}
.su-rep{flex-wrap:nowrap;gap:6px}
.su-rep .su-chip{flex:1 1 auto;justify-content:center;padding:0 9px;font-size:13.5px;white-space:nowrap}
/* ---- Council round (Oct 23, 7:14 PM): exceptions, the host's update post, the followers-only page, setup ---- */
.db.rec.off .db-band{background:#5B6660}
.db.rec.off .db-d{color:var(--ink-2)}
.rec-off{color:#B3261E!important;font-weight:700}
html:not([data-theme=light]) .rec-off{color:#FF8A80!important}
.tk.has-bg .rec-off,.one-hero.has-bg .rec-off{color:#FFB4AB!important}
.rec-chg{font-weight:600;color:var(--ink)}
.rec-dots i.off{border-color:var(--ink-3);background:none;position:relative}
.rec-dots i.off:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1.5px;background:var(--ink-2);transform:rotate(-45deg)}
.rec-dots.lab span.off{color:var(--ink-3);text-decoration:line-through}
.rec-upd-tx{padding:2px 16px 12px}
.rec-upd-tx h3{margin:0 0 4px;font:500 20px/1.2 var(--f-display);color:var(--ink)}
.rec-upd-tx p{margin:0;font:400 15px/1.4 var(--f-body);color:var(--ink-2)}
.rec-upd .rec-mini{margin:0 16px 14px;width:auto}
.rec-lock{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:40px 32px;min-height:50vh;color:var(--ink-2)}
.rec-lock svg.i{width:28px;height:28px;color:var(--ink-2)}
.rec-lock h2{margin:4px 0 0;font:500 22px/1.2 var(--f-display);color:var(--ink)}
.rec-lock p{margin:0;font:400 15px/1.4 var(--f-body);max-width:280px}
.su-circh{width:100%;border:1.5px solid var(--line)!important;background:var(--surface)}
.su-xopts{display:flex;flex-direction:column;gap:10px;margin:10px 0 4px}
.su-xopts .eb{width:100%}
.su-xopts .su-l{margin:6px 0 0}
.one-row.rec-when .tx small{flex-wrap:wrap;column-gap:.3em}
/* nights: one row at 375 pt, 7 included (Council: "7 nights" wrapped) */
.su-chips.su-n{flex-wrap:nowrap;gap:6px}
.su-chips.su-n .su-chip{flex:1 1 0;min-width:0;padding:0 4px;justify-content:center;white-space:nowrap;font-size:13px}
.rec-lock svg.i,.rec-lock .i{width:28px!important;height:28px!important}

/* ===== EVENT W3b (Nov 5 2026): compact month/day/time wheels + Photos & posters + kb-hide Post ===== */
.su.w3b .su-prev, .su.w3b .w3-prev { zoom: .72; margin: 0 0 2px; }
.su.w3b .w3-eyebrow { font: 500 11px/1 var(--f-body); color: var(--ink-3); letter-spacing: .35px; margin: 4px 0 2px; }
.su.w3b input.su-title { font-size: 22px; font-weight: 600; min-height: 36px; margin-bottom: 8px; }
.su.w3b .apphead .su-as.w3-as { gap: 6px; min-height: 36px; padding: 0 4px; font: 500 13px/1 var(--f-body); color: var(--ink); }
.su.w3b .w3-av { width: 22px !important; height: 22px !important; border-radius: 50%; background: var(--sand); color: var(--cactus-ink); display: grid; place-items: center; font: 700 9px/1 var(--f-body); flex: none; }
.su.w3b .w3-as-mut { color: var(--ink-3); font-weight: 500; }
.su.w3b .apphead .su-as.w3-as b { font-weight: 600; }
.w3-rowhead { display: flex; justify-content: space-between; align-items: center; margin: 2px 0 6px; }
.w3-sec { font: 600 13px/1 var(--f-body); color: var(--ink); }
.w3-autoday { font: 500 12px/1 var(--f-body); color: var(--ink-2); }
.w3-autoday span { font-size: 10px; color: var(--ink-3); margin-left: 4px; }
.w3-paired { display: flex; gap: 8px; }
.w3-wg { flex: 1; min-width: 0; }
.w3-wg.grow { flex: 1; }
.w3-lab { font: 500 10px/1 var(--f-body); color: var(--ink-3); letter-spacing: .3px; margin: 0 0 3px 2px; }
.w3-wheel { height: 90px; position: relative; overflow: hidden; display: flex; flex-direction: column; text-align: center; justify-content: center; background: color-mix(in srgb, var(--ink) 6%, var(--surface)); border-radius: 10px; border: 1px solid var(--line); outline: 0; }
.w3-wheel:before { content: ""; position: absolute; left: 5px; right: 5px; top: 30px; height: 30px; border-top: 1px solid color-mix(in srgb, var(--ink) 18%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--ink) 18%, transparent); background: color-mix(in srgb, var(--brand-soft, #D93350) 8%, transparent); pointer-events: none; }
.w3-wheel { touch-action: none; overscroll-behavior: contain; -webkit-user-select: none; user-select: none; cursor: grab; }
.w3-wheel.dragging { cursor: grabbing; }
.w3-wheel .w3-row { height: 30px; line-height: 30px; color: var(--ink-3); font: 500 15px/30px var(--f-body); z-index: 1; cursor: pointer; user-select: none; }
.w3-wheel .w3-row.selected { font-size: 18px; font-weight: 600; color: var(--ink); }
.w3-quick { display: flex; gap: 5px; margin-top: 6px; }
.w3-quick.col { width: 108px; flex: none; flex-direction: column; margin-top: 18px; gap: 5px; }
.w3-quick button { border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: transparent; font: 500 11px/1 var(--f-body); padding: 0 8px; height: 28px; flex: 1; cursor: pointer; }
.w3-quick.col button { width: 100%; flex: none; }
.w3-quick button[aria-pressed=true] { background: var(--pf-peach, #D93350); border-color: var(--pf-peach, #D93350); color: #fff; }
.w3-div { border-top: 1px solid var(--line); margin: 10px 0; }
.w3-timerow { display: flex; gap: 8px; align-items: flex-start; }
.w3-opts { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.w3-opts button { font: 500 11px/1 var(--f-body); border: 1px dashed color-mix(in srgb, var(--ink) 28%, transparent); border-radius: 8px; color: var(--ink-2); background: transparent; padding: 7px 10px; cursor: pointer; }
.w3-weekly, .w3-ends { margin-top: 8px; padding: 8px 10px; background: color-mix(in srgb, var(--brand-soft, #D93350) 18%, transparent); border-radius: 9px; font: 500 13px/1.3 var(--f-body); position: relative; }
.w3-weekly small, .w3-ends .w3-sec { display: block; margin-top: 2px; color: var(--ink-2); font-size: 11px; }
.w3-weekly .w3-link, .w3-ends .w3-link { position: absolute; right: 10px; top: 10px; border: 0; background: none; color: var(--pf-peach, #D93350); font: 500 12px/1 var(--f-body); cursor: pointer; padding: 4px; }
.w3-endsrow { display: flex; gap: 8px; align-items: center; margin-top: 6px; }
.w3-media { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line); }
.w3-media-hd { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 7px; }
.w3-media-hd .w3-sec { margin: 0; }
.w3-media-hd span { font: 500 11px/1 var(--f-body); color: var(--ink-3); }
.w3-strip { display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.w3-strip::-webkit-scrollbar { display: none; }
.w3-th { width: 56px; flex: none; display: flex; flex-direction: column; align-items: center; gap: 3px; background: none; border: 0; padding: 0; color: inherit; cursor: pointer; font: inherit; }
.w3-th .im { width: 56px; height: 70px; border-radius: 8px; overflow: hidden; position: relative; background: color-mix(in srgb, var(--ink) 8%, var(--surface)); display: grid; place-items: center; border: 1.5px solid transparent; color: var(--ink-3); font-size: 22px; font-weight: 300; }
.w3-th .im img { width: 100%; height: 100%; object-fit: cover; display: block; }
.w3-th .lab { font: 500 10px/1 var(--f-body); color: var(--ink-3); max-width: 56px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.w3-th.add .im { border: 1.5px dashed color-mix(in srgb, var(--ink) 28%, transparent); background: transparent; }
.w3-th .badge { position: absolute; left: 3px; top: 3px; background: rgba(14,12,10,.82); color: #fff; font: 700 9px/1 var(--f-body); padding: 2px 4px; border-radius: 4px; }
.w3-th .play { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(0,0,0,.28); color: #fff; font-size: 16px; }
.w3-media-hint { font: 400 11px/1.35 var(--f-body); color: var(--ink-3); margin-top: 6px; }
/* Post event hidden while keyboard / field focus (W3b Soft-foot keyboard rule) */
.su.w3b.kb-up { padding-bottom: var(--w3-kb, 280px); box-sizing: border-box; }
.su.w3b.kb-up .su-foot, .su.w3b .su-foot[hidden] { display: none !important; }
.su.w3b .su-foot .eb { border-radius: 11px; }
.su.w3b .pf-pn { min-height: 0; margin-top: 4px; }
.su.w3b .pf-pn-where .su-l { display: block; margin-top: 10px; }
html[data-theme=dark] .w3-wheel { background: #151a17; border-color: #2a322c; }
html[data-theme=dark] .w3-wheel:before { border-color: #435047; }
/* ---------- W3c super-simple Event compose (Gino Nov 5 2026 ~4:28 PM) ---------- */
.su.w3c .apphead .ttl { flex: 1; }
.su.w3c .apphead .grp.w3c-asg { flex: none; width: auto; min-width: 0; justify-content: flex-end; }
.su.w3c .apphead .su-as.w3-as { flex-direction: row-reverse; gap: 6px; padding: 0 2px 0 8px; }
.su.w3c .apphead .su-as.w3-as .w3-as-mut { order: 3; }
.su.w3c .apphead .su-as.w3-as b { order: 2; }
.su.w3c .w3-av { width: 26px !important; height: 26px !important; font-size: 9.5px; }
.su.w3c input.su-title { font-size: 23px; font-weight: 600; min-height: 40px; margin: 6px 0 10px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.su.w3c input.su-title:focus { border-bottom: 2px solid var(--pf-peach, #D93350); }
.su.w3c .w3-autoday { color: var(--ink); font-weight: 600; }
.su.w3c .w3-wheel { height: 96px; }
.su.w3c .w3-wheel:before { top: 32px; height: 32px; border-radius: 6px; }
.su.w3c .w3-wheel .w3-row { height: 32px; line-height: 32px; flex: none; }
.su.w3c .w3-wheel .w3-row.selected { font-size: 19px; }
.su.w3c .w3-wheel .w3-row:empty { cursor: default; }
.su.w3c .w3-tlab { margin-top: 12px; }
.su.w3c .w3-roll { color: var(--pf-peach, #D93350); letter-spacing: 0; }
.su.w3c .w3-timebox { position: relative; display: flex; align-items: stretch; height: 96px; background: color-mix(in srgb, var(--ink) 6%, var(--surface)); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.su.w3c .w3-timebox:before { content: ""; position: absolute; left: 6px; right: 6px; top: 32px; height: 32px; border-top: 1px solid color-mix(in srgb, var(--ink) 18%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--ink) 18%, transparent); background: color-mix(in srgb, var(--brand-soft, #D93350) 8%, transparent); border-radius: 6px; pointer-events: none; }
.su.w3c .w3-timebox .w3-wheel { flex: 1; height: auto; background: transparent !important; border: 0; border-radius: 0; }
.su.w3c .w3-timebox .w3-wheel:before { display: none; }
.su.w3c .w3-timebox .w3-wheel[data-w3="ampm"] { flex: 1.15; }
.su.w3c .w3-timebox .w3-wheel:focus-visible, .su.w3c .w3-wheel:focus-visible { box-shadow: inset 0 0 0 2px var(--pf-peach, #D93350); }
.su.w3c .w3-colon { flex: none; width: 10px; display: grid; place-items: center; font: 600 19px/1 var(--f-body); color: var(--ink); z-index: 1; }
.su.w3c .w3-timebox.unset .w3-row.selected, .su.w3c .w3-timebox.unset .w3-colon { color: var(--ink-3); font-weight: 500; }
.su.w3c .pf-pn-where { margin-top: 12px; padding-top: 2px; border-top: 1px solid var(--line); }
.su.w3c .pf-pn-where .su-l:first-child { margin-top: 10px; }
.su.w3c .w3c-desc { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.su.w3c .w3c-desc .su-l { display: block; margin: 0 0 4px; }
.su.w3c .w3c-desc .su-l small { font-weight: 400; color: var(--ink-3); margin-left: 4px; }
.su.w3c .w3c-desc textarea { min-height: 44px; }
.su.w3c .w3-media { margin-top: 12px; }
.su.w3c .w3-th { width: 58px; }
.su.w3c .w3-th .im { width: 58px; height: 72px; border-radius: 9px; }
.su.w3c .w3c-pills { margin-top: 10px; }
.ev-su .su.w3c .su-foot { border-top: 0; }
.su.w3c .su-foot .eb.primary:disabled { opacity: .55; }
/* confirm popup */
.su.w3c .ev-sheet .w3c-cf h2 { font: 700 calc(19px*var(--ts))/1.2 var(--f-body); margin-top: 2px; }
.su.w3c .ev-sheet .w3c-cf .sub { margin-bottom: 8px; }
.w3c-cf-when { margin: 0 0 10px; font: 700 calc(17px*var(--ts))/1.25 var(--f-body); color: var(--ink); }
.w3c-cf-card { pointer-events: none; border-radius: 14px; overflow: hidden; }
.w3c-cf-card .tk { margin: 0; }
.w3c-cf-desc { margin: 8px 2px 0; font: 400 calc(13px*var(--ts))/1.4 var(--f-body); color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.w3c-cf-btns { display: flex; gap: 8px; margin-top: 14px; }
.w3c-cf-btns .eb { flex: 1; border-radius: 12px; }
.w3c-cf-btns .eb.primary { flex: 2; }
.w3c-cf-note { margin: 10px 0 0; text-align: center; font: 400 calc(11.5px*var(--ts))/1.35 var(--f-body); color: var(--ink-3); }
.su.w3c #c37-open, .su.w3c #c33-open { display: none; } /* W3c: the Photos & posters strip is the one door (Video tile opens the C37 clip composer) */
.su.w3c .w3-th:not(.add) .im { color: var(--ink); font-size: 18px; }
.su.w3c input.su-title:focus, .su.w3c input.su-title:focus-visible { outline: none; box-shadow: none; }
/* ---------- W3d Event compose cleanup (Gino Nov 5 2026 ~5:22–5:32 PM): smaller buttery wheels · this + next year · one Where · quiet Show to · Soft-foot ---------- */
.su.w3d .apphead { min-height: 48px; }
.ev-su .su.w3d .pf-tabs { margin-bottom: 4px; }
.su.w3d input.su-title { font-size: 23px; min-height: 40px; margin: 4px 0 8px; padding-bottom: 6px; }
.su.w3d .w3-rowhead { margin: 2px 0 4px; }
.su.w3d .w3-sec { font: 600 14px/18px var(--f-body); }
.su.w3d .w3-autoday { font: 600 13px/18px var(--f-body); color: var(--ink); font-variant-numeric: tabular-nums; }
.su.w3d .w3-lab { font: 500 10px/12px var(--f-body); letter-spacing: .4px; margin: 0 0 3px 2px; color: var(--ink-3); }
.su.w3d .w3-paired { gap: 8px; }
.su.w3d .w3-wg-mo { flex: 1.15; }
/* the wheel: 3 rows of 24 px, one track, a soft fade top and bottom, one selection band */
.su.w3d .w3-wheel { height: 72px; display: block; position: relative; overflow: hidden; border-radius: 10px; border: 1px solid var(--line); background: color-mix(in srgb, var(--ink) 5%, var(--surface)); touch-action: none; overscroll-behavior: contain; -webkit-user-select: none; user-select: none; cursor: grab;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.28) 0, #000 36%, #000 64%, rgba(0,0,0,.28) 100%); mask-image: linear-gradient(to bottom, rgba(0,0,0,.28) 0, #000 36%, #000 64%, rgba(0,0,0,.28) 100%); }
.su.w3d .w3-wheel.dragging { cursor: grabbing; }
.su.w3d .w3-wheel:before { content: ""; position: absolute; left: 4px; right: 4px; top: 24px; height: 24px; border-radius: 6px; border: 0; background: color-mix(in srgb, var(--ink) 9%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent); pointer-events: none; z-index: 0; }
.su.w3d .w3-track { position: absolute; left: 0; right: 0; top: 0; will-change: transform; z-index: 1; }
.su.w3d .w3-wheel .w3-row { height: 24px; line-height: 24px; flex: none; font: 500 14px/24px var(--f-body); color: var(--ink-3); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 6px; transition: color .12s, font-size .12s; font-variant-numeric: tabular-nums; }
.su.w3d .w3-wheel .w3-row.selected { font-size: 17px; font-weight: 600; color: var(--ink); }
.su.w3d .w3-tlab { margin-top: 10px; }
.su.w3d .w3-timebox { height: 72px; border-radius: 10px; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.28) 0, #000 36%, #000 64%, rgba(0,0,0,.28) 100%); mask-image: linear-gradient(to bottom, rgba(0,0,0,.28) 0, #000 36%, #000 64%, rgba(0,0,0,.28) 100%); }
.su.w3d .w3-timebox:before { top: 24px; height: 24px; left: 4px; right: 4px; border: 0; border-radius: 6px; background: color-mix(in srgb, var(--ink) 9%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent); }
.su.w3d .w3-timebox .w3-wheel { height: 72px; -webkit-mask-image: none; mask-image: none; background: transparent !important; border: 0; border-radius: 0; }
.su.w3d .w3-timebox .w3-wheel:before { display: none; }
.su.w3d .w3-colon { font: 600 17px/1 var(--f-body); }
.su.w3d .w3-timebox.unset .w3-row.selected, .su.w3d .w3-timebox.unset .w3-colon { color: var(--ink-3); font-weight: 500; }
.su.w3d .w3-wheel:focus-visible { box-shadow: inset 0 0 0 2px var(--pf-peach, #D93350); }
html[data-theme=dark] .su.w3d .w3-wheel { background: #141816; border-color: #262d28; }
html[data-theme=dark] .su.w3d .w3-timebox .w3-wheel { background: transparent !important; }
html[data-theme=dark] .su.w3d .w3-timebox { background: #141816; border-color: #262d28; }
/* one Where: the meet spot, one quiet privacy line, then Show to */
.su.w3d .pf-pn-where { margin-top: 12px; padding-top: 12px; }
.su.w3d .w3d-wh { margin: 0 0 6px; }
.su.w3d .w3d-wh label { font: inherit; color: inherit; }
.su.w3d input.w3d-spot { width: 100%; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 12px; border-radius: 10px; font: 400 16px/22px var(--f-body); }
.su.w3d .w3d-hint { display: flex; align-items: flex-start; gap: 6px; margin: 6px 2px 0; font: 400 12px/16px var(--f-body); color: var(--ink-3); }
.su.w3d .w3d-hint svg { width: 13px; height: 13px; flex: none; margin-top: 1px; }
.su.w3d .w3d-show { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.su.w3d .w3d-showl { flex: none; font: 500 13px/1 var(--f-body); color: var(--ink-2); }
.su.w3d .w3d-segs { flex: 1; display: flex; gap: 0; padding: 3px; margin: 0; border-radius: 10px; background: color-mix(in srgb, var(--ink) 6%, transparent); border: 0; }
.su.w3d .w3d-segs button { flex: 1; min-height: 36px; padding: 0 6px; border: 0; border-radius: 8px; background: none; color: var(--ink-2); font: 500 13px/1 var(--f-body); box-shadow: none; }
.su.w3d .w3d-segs button[aria-checked=true] { background: var(--surface, #fff); color: var(--ink); font-weight: 600; box-shadow: 0 1px 2px rgba(0,0,0,.18), inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent); }
html[data-theme=dark] .su.w3d .w3d-segs button[aria-checked=true] { background: #2a302c; }
.su.w3d .w3c-desc { margin-top: 14px; padding-top: 12px; }
.su.w3d .w3-media { margin-top: 12px; }
/* confirm: the spot is only for guests you approve; the feed card keeps the area */
.w3d-cf-spot { display: flex; gap: 6px; align-items: flex-start; margin: 8px 2px 0; font: 400 calc(12.5px*var(--ts, 1))/1.4 var(--f-body); color: var(--ink-2); }
.w3d-cf-spot svg { width: 13px; height: 13px; flex: none; margin-top: 2px; }
.w3d-cf-spot b { color: var(--ink); font-weight: 600; }
/* Soft-foot: the screen already ends at the keyboard (no second keyboard-height pad) */
.su.w3d.kb-up { padding-bottom: 0 !important; }
@media (prefers-reduced-motion: reduce) { .su.w3d .w3-wheel .w3-row { transition: none; } }
.su.w3d input.w3d-spot:focus, .su.w3d input.w3d-spot:focus-visible { outline: none; border-color: #D93350; box-shadow: 0 0 0 3px rgba(217,51,80,.18); }

/* ---------- Event E1a2 typing-first (Gino Nov 5 2026 ~7:56 PM) ---------- */
.su.e1a2 .e1-scroll { padding: 6px 16px 12px; display: flex; flex-direction: column; }
.su.e1a2 input.e1-title { font-size: 21px; font-weight: 650; min-height: 36px; margin: 2px 0 6px; padding: 0 0 8px; border: 0; border-bottom: 1px solid var(--line); background: transparent; }
.su.e1a2 input.e1-title:focus { border-bottom: 2px solid #D93350; outline: none; box-shadow: none; }
.su.e1a2 .e1-lab { font: 650 11px/1 var(--f-body); letter-spacing: .3px; color: var(--ink-3); margin: 8px 0 4px; flex: none; }
.su.e1a2 .e1-field, .su.e1a2 textarea.e1-multi { width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--ink) 5%, var(--surface)); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; font: 400 14.5px/1.4 var(--f-body); color: var(--ink); }
.su.e1a2 textarea.e1-multi { min-height: 72px; flex: 1; resize: none; }
.su.e1a2 .e1-field:focus, .su.e1a2 textarea.e1-multi:focus { outline: none; border-color: #D93350; box-shadow: inset 0 0 0 1px #D93350; }
.su.e1a2 .e1-hint { margin: 4px 2px 0; }
.su.e1a2 .e1-segs { display: flex; gap: 2px; padding: 2px; border-radius: 9px; background: color-mix(in srgb, var(--ink) 6%, transparent); }
.su.e1a2 .e1-segs button { flex: 1; min-height: 36px; border: 0; border-radius: 7px; background: none; color: var(--ink-3); font: 500 12.5px/1 var(--f-body); }
.su.e1a2 .e1-segs button[aria-checked=true] { background: color-mix(in srgb, var(--ink) 14%, var(--surface)); color: var(--ink); font-weight: 650; }
html[data-theme=dark] .su.e1a2 .e1-segs button[aria-checked=true] { background: #354038; }
.su.e1a2 .e1-amt { margin-top: 6px; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--ink) 5%, var(--surface)); border: 1px solid var(--line); border-radius: 10px; padding: 9px 12px; font: 400 14px/1.3 var(--f-body); color: var(--ink); }
.su.e1a2 .e1-tap { display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--ink) 5%, var(--surface)); border: 1px solid var(--line); border-radius: 10px; padding: 11px 12px; font: 600 14.5px/1.3 var(--f-body); color: var(--ink); text-align: left; }
.su.e1a2 .e1-tap.ph { color: var(--ink-3); font-weight: 500; }
.su.e1a2 .e1-tap .chev { color: var(--ink-3); font-weight: 400; }
.su.e1a2 .e1-media { display: flex; align-items: center; gap: 8px; margin-top: 10px; flex: none; }
.su.e1a2 .e1-medlab { font: 650 12.5px/1 var(--f-body); flex: none; }
.su.e1a2 .e1-icons { display: flex; gap: 6px; flex: 1; flex-wrap: wrap; }
.su.e1a2 .e1-ic { width: 40px; height: 40px; border-radius: 8px; overflow: hidden; background: color-mix(in srgb, var(--ink) 8%, var(--surface)); border: 0; padding: 0; position: relative; flex: none; color: #D93350; font-size: 18px; font-weight: 700; display: grid; place-items: center; }
.su.e1a2 .e1-ic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.su.e1a2 .e1-ic.add { border: 1.5px dashed color-mix(in srgb, var(--ink) 28%, transparent); background: transparent; }
.su.e1a2 .e1-ic .cov { position: absolute; left: 2px; bottom: 2px; background: #D93350; color: #fff; font: 700 8px/1 var(--f-body); padding: 1px 3px; border-radius: 3px; }
.su.e1a2:not(.e1e) .su-foot .eb .e1-need { display: block; font-size: 11.5px; font-weight: 500; margin-top: 1px; opacity: .95; }
.su.e1e #ev-post .e1-need { display: inline !important; font-size: 12.5px !important; font-weight: 500; margin: 0 !important; opacity: .85; }
.su.e1a2 .su-foot .eb:disabled { opacity: .4; }
.su.e1a2.kb-up .su-foot, .su.e1a2 .su-foot[hidden] { display: none !important; }
.su.e1a2.kb-up { padding-bottom: 0 !important; }
/* When sheet */
.e1-when h2 { font: 700 17px/1.2 var(--f-body); margin: 0; }
.e1-when .sub { font: 400 12.5px/1.35 var(--f-body); color: var(--ink-3); margin: 3px 0 10px; }
.e1-monrow { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.e1-monrow b { font: 700 15px/1 var(--f-body); }
.e1-arr { width: 32px; height: 32px; border-radius: 8px; border: 0; background: color-mix(in srgb, var(--ink) 6%, var(--surface)); color: var(--ink-3); font-size: 16px; }
.e1-arr:disabled { opacity: .35; }
.e1-cal { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; text-align: center; margin-bottom: 10px; }
.e1-cd { font: 650 10px/1 var(--f-body); color: var(--ink-3); padding: 3px 0; }
.e1-cn { font: 500 13px/1 var(--f-body); padding: 7px 0; border-radius: 8px; border: 0; background: transparent; color: var(--ink); }
.e1-cn.mut { color: var(--ink-3); opacity: .55; }
.e1-cn.on { background: #D93350; color: #fff; font-weight: 700; }
.e1-cn.today:not(.on) { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 28%, transparent); }
.e1-timelab { font: 650 11px/1 var(--f-body); letter-spacing: .3px; color: var(--ink-3); margin: 0 0 6px; }
.e1-timebox { height: 72px !important; margin-bottom: 8px; }
.su.e1a2 .e1-timebox .w3-wheel, .e1-when .w3-wheel { height: 72px; }
.e1-whendone { width: 100%; margin-top: 6px; border-radius: 12px; }
.e1-whendone:disabled { opacity: .4; }
/* media popup */
.e1-mpop h2 { font: 700 17px/1.2 var(--f-body); margin: 0; }
.e1-mpop .sub { font: 400 12.5px/1.35 var(--f-body); color: var(--ink-3); margin: 3px 0 10px; }
.e1-optrow { display: flex; flex-direction: column; gap: 8px; }
.e1-opt { display: flex; align-items: center; gap: 12px; padding: 14px 12px; border-radius: 12px; border: 0; background: color-mix(in srgb, var(--ink) 6%, var(--surface)); color: var(--ink); font: 600 15px/1.2 var(--f-body); text-align: left; width: 100%; }
.e1-opt .ico { width: 36px; height: 36px; border-radius: 10px; background: color-mix(in srgb, var(--ink) 4%, var(--surface)); border: 1px solid var(--line); display: grid; place-items: center; flex: none; }
.e1-opt .ico svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.e1-opt small { display: block; font: 500 11.5px/1.3 var(--f-body); color: var(--ink-3); margin-top: 2px; }
.e1-cancel { margin-top: 10px; height: 42px; width: 100%; border-radius: 12px; border: 1px solid var(--line); background: transparent; color: var(--ink-3); font: 600 15px/1 var(--f-body); }
.e1-cf-aud { margin: 4px 2px 0; font: 400 calc(12.5px*var(--ts,1))/1.4 var(--f-body); color: var(--ink-2); }
/* drop tall main-page wheels for E1a2 — When is a sheet */
.su.e1a2 .w3-paired, .su.e1a2 .w3-rowhead, .su.e1a2 .w3-tlab { display: none; }
html[data-theme=dark] .su.e1a2 .e1-field, html[data-theme=dark] .su.e1a2 textarea.e1-multi, html[data-theme=dark] .su.e1a2 .e1-tap, html[data-theme=dark] .su.e1a2 .e1-amt { background: #151a17; border-color: #2a322c; }

/* ---------- Event E1c+E1d (Gino Nov 5 2026 ~9:06 PM) ---------- */
.su.e1c .e1-scroll { padding: 4px 16px 8px; gap: 0; }
.su.e1c .e1-lab { font: 650 11px/1 var(--f-body); letter-spacing: .3px; color: var(--ink-3); margin: 7px 0 4px; display: flex; align-items: center; justify-content: space-between; }
.su.e1c .e1-labr { display: flex; align-items: center; gap: 6px; }
.su.e1c .e1-twrap { position: relative; flex: none; }
.su.e1c textarea.e1-titlebox { display: block; width: 100%; box-sizing: border-box; min-height: 42px; max-height: 58px; resize: none; overflow: hidden; background: color-mix(in srgb, var(--ink) 5%, var(--surface)); border: 1px solid var(--line); border-radius: 10px; padding: 9px 36px 9px 12px; font: 600 15px/1.28 var(--f-body); color: var(--ink); }
.su.e1c textarea.e1-titlebox.two { min-height: 58px; }
.su.e1c textarea.e1-titlebox:focus { outline: none; border-color: #D93350; box-shadow: inset 0 0 0 1px #D93350; }
.su.e1c textarea.e1-titlebox::placeholder { color: var(--ink-3); font-weight: 600; opacity: 1; }
.su.e1c .e1-tclr { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 11px; border: 0; background: color-mix(in srgb, var(--ink) 14%, var(--surface)); color: var(--ink); font: 700 13px/1 var(--f-body); display: grid; place-items: center; padding: 0; }
.su.e1c .e1-tcnt { position: absolute; right: 34px; top: 50%; transform: translateY(-50%); font: 500 10.5px/1 var(--f-body); color: var(--ink-3); }
.su.e1c textarea.e1-multi { min-height: 100px; line-height: 1.38; font-weight: 500; }
.su.e1c .e1-where { display: flex; align-items: stretch; background: color-mix(in srgb, var(--ink) 5%, var(--surface)); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.su.e1c .e1-ain { flex: 1; min-width: 0; border: 0; background: transparent; padding: 10px 12px; font: 400 14.5px/1.3 var(--f-body); color: var(--ink); outline: none; }
.su.e1c .e1-ain::placeholder { color: var(--ink-3); opacity: 1; }
.su.e1c .e1-pin { flex: none; width: 46px; border: 0; border-left: 1px solid var(--line); background: transparent; color: #D93350; display: grid; place-items: center; }
.su.e1c .e1-pin svg.i { width: 20px; height: 20px; }
.su.e1c .e1-hint { white-space: nowrap; font-size: 10.5px; margin-top: 4px; }
.su.e1c .e1-cost { display: flex; background: color-mix(in srgb, var(--ink) 6%, transparent); border-radius: 8px; padding: 2px; gap: 2px; border: 1px solid var(--line); }
.su.e1c .e1-cost button { font: 600 11.5px/1 var(--f-body); padding: 5px 9px; border-radius: 6px; border: 0; background: none; color: var(--ink-3); min-width: 32px; }
.su.e1c .e1-cost button[aria-checked=true] { background: color-mix(in srgb, var(--ink) 14%, var(--surface)); color: var(--ink); font-weight: 700; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 25%, transparent); }
html[data-theme=dark] .su.e1c .e1-cost button[aria-checked=true] { background: #354038; }
.su.e1c .e1-cost .dol { font-weight: 700; }
.su.e1c .e1-amt { margin-top: 6px; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--ink) 5%, var(--surface)); border: 1px solid var(--line); border-radius: 10px; padding: 9px 12px; font: 400 14px/1.3 var(--f-body); color: var(--ink); }
.su.e1c .e1-whenrow { display: flex; gap: 8px; }
.su.e1c .e1-tapfld { flex: 1; min-width: 0; background: color-mix(in srgb, var(--ink) 5%, var(--surface)); border: 1px solid var(--line); border-radius: 10px; padding: 11px 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; position: relative; color: var(--ink); }
.su.e1c .e1-tapfld .eyebrow { font: 650 10px/1 var(--f-body); letter-spacing: .3px; color: var(--ink-3); }
.su.e1c .e1-tapfld .val { font: 650 13.5px/1.2 var(--f-body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; padding-right: 14px; }
.su.e1c .e1-tapfld.ph .val { color: var(--ink-3); font-weight: 500; font-size: 14.5px; }
.su.e1c .e1-tapfld .chev { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--ink-3); font-size: 16px; font-weight: 400; }
.su.e1c .e1-segs button[aria-checked=true] { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 25%, transparent); }
html[data-theme=light] .su.e1c .e1-segs button[aria-checked=true],
html:not([data-theme=dark]) .su.e1c .e1-segs button[aria-checked=true] { background: #e8e4db; color: #1d1f1c; }
.su.e1c .e1-media { margin-top: 8px; flex: none; }
.su.e1c .e1-mediahd { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 6px; }
.su.e1c .e1-medlab { font: 650 12.5px/1 var(--f-body); text-transform: uppercase; letter-spacing: .2px; }
.su.e1c .e1-mcnt { font: 600 11.5px/1 var(--f-body); color: var(--ink-3); }
.su.e1c .e1-thumbs { display: flex; gap: 8px; flex-wrap: wrap; }
.su.e1c .e1-th { width: 72px; height: 72px; border-radius: 10px; overflow: hidden; position: relative; background: color-mix(in srgb, var(--ink) 8%, var(--surface)); flex: none; border: 0; padding: 0; }
.su.e1c .e1-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.su.e1c .e1-th.add { border: 1.5px dashed color-mix(in srgb, var(--ink) 35%, transparent); background: transparent; color: #D93350; display: grid; place-items: center; }
.su.e1c .e1-th.add .plus { font-size: 22px; font-weight: 700; line-height: 1; }
.su.e1c .e1-thx { position: absolute; top: 0; right: 0; width: 44px; height: 44px; border: 0; background: transparent; display: grid; place-items: start end; padding: 3px; color: #fff; }
.su.e1c .e1-thx span { width: 22px; height: 22px; border-radius: 11px; background: rgba(14,16,15,.78); display: grid; place-items: center; font: 700 12px/1 var(--f-body); }
.su.e1c .e1-vb { position: absolute; left: 5px; bottom: 5px; background: rgba(14,16,15,.78); color: #fff; font: 700 11px/1 var(--f-body); padding: 3px 6px; border-radius: 4px; }
/* Date / Time popups as centered cards */
.su .ev-sheet.e1-cardsheet { left: 18px; right: 18px; bottom: auto; top: 100px; border-radius: 18px; padding: 14px; max-height: calc(100% - 140px); overflow: auto; border: 1px solid var(--line); box-shadow: 0 18px 48px rgba(0,0,0,.55); }
.su .ev-sheet.e1-cardsheet .ev-grab { display: none; }
.e1-sheethd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.e1-sheethd h2 { font: 700 16.5px/1.2 var(--f-body); margin: 0; }
.e1-sheetx { width: 28px; height: 28px; border-radius: 14px; border: 0; background: color-mix(in srgb, var(--ink) 10%, var(--surface)); color: var(--ink); font-size: 16px; }
.e1-modes { display: flex; gap: 2px; padding: 2px; border-radius: 9px; background: color-mix(in srgb, var(--ink) 6%, transparent); margin-bottom: 10px; }
.e1-modes button { flex: 1; min-height: 34px; border: 0; border-radius: 7px; background: none; color: var(--ink-3); font: 500 12.5px/1 var(--f-body); }
.e1-modes button[aria-selected=true] { background: color-mix(in srgb, var(--ink) 14%, var(--surface)); color: var(--ink); font-weight: 700; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 25%, transparent); }
html[data-theme=dark] .e1-modes button[aria-selected=true] { background: #354038; }
.e1-cn.band { background: color-mix(in srgb, #D93350 28%, transparent); color: var(--ink); border-radius: 0; }
.e1-cn.band + .e1-cn.band { /* contiguous band */ }
.e1-cn.on { border-radius: 8px; }
.e1-cn.pick.on { border-radius: 50%; }
.e1-datenote, .e1-timenote { font: 500 12.5px/1.35 var(--f-body); color: var(--ink-3); margin: 4px 2px 0; min-height: 18px; }
.e1-sheetactions { display: flex; gap: 8px; margin-top: 12px; align-items: center; }
.e1-sheetactions .e1-save { flex: 1; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; gap: 7px; font: 650 15px/1 var(--f-body); }
.e1-sheetactions .e1-save:disabled { opacity: .4; }
.e1-sheetactions .e1-save .chk { font-size: 16px; font-weight: 700; }
.e1-cancelbtn { flex: none; height: 44px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--line); background: transparent; color: var(--ink-3); font: 600 14px/1 var(--f-body); }
.e1-wheelwrap { position: relative; height: 168px; overflow: hidden; border-radius: 14px; border: 1px solid var(--line); background: color-mix(in srgb, var(--ink) 5%, var(--surface)); margin-top: 2px; }
.e1-wheelwrap:before { content: ""; position: absolute; left: 8px; right: 8px; top: 64px; height: 40px; border-top: 1px solid color-mix(in srgb, var(--ink) 14%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--ink) 14%, transparent); background: rgba(217,51,80,.08); border-radius: 8px; pointer-events: none; z-index: 2; }
.e1-timebox.tall { height: 168px !important; margin: 0; background: transparent; border: 0; }
.e1-timebox.tall .w3-wheel { height: 168px; }
.e1-mappop .e1-mapfake { position: relative; height: 180px; border-radius: 14px; background: linear-gradient(160deg, #1a3a2e, #0e2218 60%, #152018); margin-bottom: 10px; overflow: hidden; }
.e1-mapring { position: absolute; left: 50%; top: 48%; width: 120px; height: 80px; transform: translate(-50%,-50%); border: 2px dashed color-mix(in srgb, #D93350 70%, #fff); border-radius: 50%; opacity: .85; }
.e1-mappin { position: absolute; left: 50%; top: 48%; transform: translate(-50%,-80%); color: #D93350; }
.e1-mappin svg.i { width: 28px; height: 28px; }
.e1-mapcap { position: absolute; left: 12px; bottom: 10px; font: 600 11px/1 var(--f-body); color: #c8dece; background: rgba(0,0,0,.35); padding: 4px 8px; border-radius: 6px; }
.e1-discard h2 { margin: 0 0 4px; font: 700 17px/1.2 var(--f-body); }
.e1-disc-btns { display: flex; gap: 8px; margin-top: 14px; }
.e1-disc-btns .eb { flex: 1; }
.su.e1c.kb-up .su-foot { display: none; }
html[data-theme=dark] .su.e1c .e1-titlebox,
html[data-theme=dark] .su.e1c .e1-where,
html[data-theme=dark] .su.e1c .e1-tapfld,
html[data-theme=dark] .su.e1c textarea.e1-multi { background: #151a17; border-color: #2a322c; }

/* E1d fit: keep filled state on one screen at 390×844 */
.su.e1c textarea.e1-multi { min-height: 88px; max-height: 88px; }
.su.e1c .e1-th { width: 64px; height: 64px; }
.su.e1c .e1-lab { margin: 5px 0 3px; }
.su.e1c .e1-scroll { padding: 2px 16px 4px; }
.su.e1c .e1-media { margin-top: 4px; }
.su.e1c .su-foot { padding: 8px 16px 22px; }
.su.e1c .e1-hint { margin-top: 2px; }

/* E1d fit pass 2 */
.su.e1c textarea.e1-multi { min-height: 72px !important; max-height: 72px !important; }
.su.e1c .e1-th { width: 56px !important; height: 56px !important; }
.su.e1c .e1-tapfld { padding: 8px 10px; }
.su.e1c textarea.e1-titlebox { min-height: 36px; padding-top: 7px; padding-bottom: 7px; }
.su.e1c .su-foot { padding: 6px 16px 18px; }
.su.e1c .e1-lab { margin: 4px 0 2px; }
.su.e1c .e1-mediahd { margin-bottom: 4px; }
.su.e1c .e1-hint { font-size: 10px; }


/* ===== Event E1e (Gino Nov 5 2026 ~9:23–9:24 PM America/Phoenix) =====
   Drop FULL SCREEN/+Poster · taller iOS time wheel · Free/$ clean on WHEN · slim Post foot */
.su.e1e .c32c, .su.e1c .c32c { display: none !important; }

/* Free/$ on WHEN label — never clip, never overlap Time */
.su.e1e .e1-lab { overflow: visible; position: relative; z-index: 1; }
.su.e1e .e1-labr { flex: none; overflow: visible; margin-left: 8px; }
.su.e1e .e1-lab:has(#ev-costr) { margin-bottom: 6px; min-height: 28px; align-items: center; }
.su.e1e .e1-cost { height: 26px; align-items: center; } /* e1e-when-clearance */
.su.e1e .e1-cost button { padding: 4px 10px; line-height: 1; height: 22px; display: inline-flex; align-items: center; }
.su.e1e .e1-cost { flex: none; }
.su.e1e .e1-cost button { padding: 6px 11px; min-width: 40px; font-size: 12px; }
.su.e1e #ev-cost { margin-top: 6px; }
.su.e1e #ev-cost:not([hidden]) { display: block; }
.su.e1e .e1-amt { margin-top: 0; width: 100%; }

/* Date/Time fields: no chevron, more room for the value */
.su.e1e .e1-tapfld .val { padding-right: 0; }
.su.e1e .e1-tapfld .chev { display: none; }

/* MEDIA label already includes "MEDIA N/4" */
.su.e1e .e1-mediahd { justify-content: flex-start; }
.su.e1e .e1-medlab { letter-spacing: .15px; }
.su.e1e .e1-mcnt { display: none; } /* count folded into medlab */
.su.e1e .e1-optrow { display: flex; flex-direction: row; gap: 8px; }
.su.e1e .e1-optrow .e1-opt { flex: 1; }

/* Time popup: iOS Clock-like wheel — ~5 rows × 44px = 220px */
.e1-wheelwrap { height: 220px !important; }
.e1-wheelwrap:before { top: 88px !important; height: 44px !important; border-radius: 10px; }
.e1-timebox.tall { height: 220px !important; display: flex; align-items: stretch; gap: 0; padding: 0 6px; background: transparent !important; border: 0 !important; -webkit-mask-image: none !important; mask-image: none !important; }
.e1-timebox.tall:before { display: none !important; }
.e1-timebox.tall .w3-wheel { height: 220px !important; flex: 1.15; min-width: 0; }
.e1-timebox.tall .w3-wheel[data-w3="ampm"] { flex: 1; }
.e1-timebox.tall .w3-colon { flex: none; width: 14px; display: flex; align-items: center; justify-content: center; font: 600 22px/1 var(--f-body); color: var(--ink); pointer-events: none; }
.e1-timebox.tall .w3-row { height: 44px !important; line-height: 44px !important; font: 500 18px/44px var(--f-body) !important; }
.e1-timebox.tall .w3-row.selected { font-size: 22px !important; font-weight: 700; color: var(--ink); }
.su .ev-sheet.e1-timesheet { overflow: hidden !important; touch-action: none; top: 72px; max-height: calc(100% - 100px); }
.su .ev-sheet.e1-timesheet .ev-grab { display: none; }
.e1-timepop .e1-sheetactions { margin-top: 10px; }
.e1-timepop .e1-timenote { margin-top: 8px; }

/* Slim Post foot — single ~48px button, short hint above, safe-area */
.su.e1e .su-foot { padding: 2px 16px max(8px, env(safe-area-inset-bottom, 0px)); border-top: 0; background: transparent; gap: 0; }
.su.e1e .su-foot .eb.lg { min-height: 48px; height: 48px; border-radius: 12px; font-size: 15px; padding: 0 16px; }
.su.e1e .su-foot .eb.lg .e1-need, .su.e1e.e1a2 .su-foot .eb .e1-need { display: inline !important; font-size: 12.5px; font-weight: 500; margin: 0 !important; opacity: .85; }
.su.e1e .su-foot .eb.lg { white-space: nowrap; flex-direction: row; align-items: center; }
.su.e1e .su-why { display: none !important; }
.su.e1e.kb-up .su-foot { display: none !important; }

/* One-screen fit: a little more air for content now that foot is slim */
.su.e1e textarea.e1-multi { min-height: 80px !important; max-height: 80px !important; }
.su.e1e .e1-th { width: 60px !important; height: 60px !important; }

/* E1f (Gino Nov 5 2026 ~9:37 PM): iOS-solid pop-ups. Look unchanged (5×44 rows, 220px, Cancel + ✓ Save). */
.su .ev-sheet.e1-cardsheet { overscroll-behavior: contain; }
.su .ev-sheet.e1-timesheet, .su .ev-sheet.e1-timesheet .e1-timepop, .e1-wheelwrap, .e1-timebox, .e1-timebox .w3-wheel { touch-action: none; overscroll-behavior: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }
.e1-timebox .w3-track { will-change: transform; transition: none !important; backface-visibility: hidden; }
.su .ev-scrim { touch-action: none; overscroll-behavior: none; }
.e1-mapfake { touch-action: none; }
html.e1-bglock, html.e1-bglock body { overscroll-behavior: none; }


/* ===== Event E1g (Gino Nov 6 2026 ~6:41 AM America/Phoenix) — multi-select library =====
   PHPicker-style: Choose from library selects mixed photos+videos up to remaining of 4.
   Take photo / Record video stay as live-capture. Bottom sheet keeps E1f pull + bg lock. */
.e1g-mpop .e1-sheethd { margin-bottom: 4px; }
.e1g-mpop .sub { margin: 0 0 12px; }
.e1g-mpop .e1-opt.e1g-primary { margin-bottom: 10px; padding: 16px 14px; background: color-mix(in srgb, #D93350 10%, var(--surface)); border: 1px solid color-mix(in srgb, #D93350 35%, transparent); }
.e1g-mpop .e1-opt.e1g-primary b { font-weight: 700; }
.e1g-mpop .e1-opt .ico.coral { background: color-mix(in srgb, #D93350 16%, var(--surface)); border-color: color-mix(in srgb, #D93350 40%, transparent); color: #D93350; }
.e1g-mpop .e1-opt .ico.coral svg { stroke: #D93350; }
.e1g-mpop .e1g-live { display: flex; flex-direction: row; gap: 8px; }
.e1g-mpop .e1g-live .e1-opt { flex: 1; flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; }
.e1g-mpop .e1g-live .e1-opt .ico { width: 32px; height: 32px; border-radius: 9px; }
.su.e1e .e1g-mpop .e1-optrow.e1g-live { display: flex; flex-direction: row; }

.su .ev-sheet.e1-libsheet { max-height: min(78vh, 640px); padding-bottom: max(10px, env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; overflow: hidden; }
.su .ev-sheet.e1-libsheet .e1g-lib { display: flex; flex-direction: column; min-height: 0; flex: 1; }
.e1g-lib .e1-sheethd { flex: none; margin-bottom: 6px; }
.e1g-libbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; flex: none; }
.e1g-cnt { font: 650 13.5px/1 var(--f-body); color: var(--ink); letter-spacing: .1px; }
.e1g-add { flex: none; height: 36px; min-width: 88px; padding: 0 16px; border-radius: 10px; font: 650 14px/1 var(--f-body); }
.e1g-add:disabled { opacity: .38; }
.e1g-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; flex: 1; min-height: 0; max-height: 52vh; border-radius: 10px; background: color-mix(in srgb, var(--ink) 4%, transparent); touch-action: pan-y; }
.e1g-cell { position: relative; aspect-ratio: 1; border: 0; padding: 0; background: #0e100f; overflow: hidden; border-radius: 2px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.e1g-cell img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
.e1g-cell.on img { filter: brightness(.72); }
.e1g-cell.dis { opacity: .38; pointer-events: none; }
.e1g-ring, .e1g-ord { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border-radius: 11px; box-sizing: border-box; }
.e1g-ring { border: 1.5px solid rgba(255,255,255,.92); background: rgba(0,0,0,.18); box-shadow: 0 0 0 1px rgba(0,0,0,.25); }
.e1g-ord { background: #D93350; color: #fff; font: 700 12px/22px var(--f-body); text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,.35); }
.e1g-vdur { position: absolute; left: 5px; bottom: 5px; background: rgba(14,16,15,.78); color: #fff; font: 700 10.5px/1 var(--f-body); padding: 3px 6px; border-radius: 4px; letter-spacing: .1px; pointer-events: none; }
.su.e1c .e1-th.e1-thv img { filter: brightness(.85); }
.su.e1c .e1-th .e1-vb { z-index: 1; }
html[data-theme=dark] .e1g-mpop .e1-opt.e1g-primary { background: color-mix(in srgb, #D93350 14%, #151a17); }

/* ---------- Event E1h (Gino Nov 6 2026): one calendar, no mode tabs ---------- */
.e1-datepop.e1h .e1-modes { display: none !important; }
.e1h-cal { column-gap: 0; row-gap: 4px; }
.e1h-cal .e1-cd { padding: 4px 0 2px; }
.e1h-cal .e1-cn { height: 36px; padding: 0; margin: 0 2px; border-radius: 18px; font: 600 13.5px/36px var(--f-body); background: transparent; color: var(--ink); }
.e1h-cal .e1-cn.mut { opacity: .4; }
.e1h-cal .e1-cn.on { background: #D93350; color: #fff; font-weight: 700; }
.e1h-cal .e1-cn.solo { border-radius: 50%; margin: 0 2px; }
.e1h-cal .e1-cn.rng-s { border-radius: 18px 0 0 18px; margin: 0 0 0 2px; }
.e1h-cal .e1-cn.rng-e { border-radius: 0 18px 18px 0; margin: 0 2px 0 0; }
.e1h-cal .e1-cn.rng-m { border-radius: 0; margin: 0; }
.e1h-cal .e1-cn.today:not(.on) { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 30%, transparent); }
.e1-datepop.e1h .e1-datenote { font: 500 13px/1.35 var(--f-body); color: var(--ink-2); margin: 8px 2px 0; min-height: 20px; text-align: center; }


/* ---------- E1i: Cover badge on first media thumb; tap another to make cover ---------- */
.su.e1c .e1-th .e1-cov { position: absolute; left: 3px; bottom: 3px; z-index: 2; background: #D93350; color: #fff; font: 700 8px/1 var(--f-body); letter-spacing: .02em; text-transform: uppercase; padding: 2px 4px; border-radius: 3px; pointer-events: none; }
.su.e1c .e1-th .e1-thcov { position: absolute; inset: 0; z-index: 1; background: transparent; border: 0; padding: 0; cursor: pointer; }
.su.e1c .e1-th .e1-thx { z-index: 3; }
.su.e1c .e1-medhint { font: 500 11px/1 var(--f-body); color: var(--ink-3); margin-left: auto; }
.su.e1c .e1-mediahd { gap: 8px; }
/* E1i: keep a clean gap above the Post foot so the last field never lands on the divider */
.su.e1e .e1-scroll { padding-bottom: 16px; }
.su.e1e .su-foot { border-top: 1px solid var(--line); }


/* ---------- E1i COST: larger Free / Price segment (Gino Nov 6 2026 ~8:08 AM) ---------- */
.su.e1i .e1-costrow { margin: 0 0 2px; flex: none; }
.su.e1i .e1-costseg {
  display: flex; align-items: stretch; gap: 8px; width: 100%;
}
.su.e1i .e1-costbtn {
  flex: 1; min-width: 0; min-height: 48px; height: 48px;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  border-radius: 14px; border: 1.5px solid color-mix(in srgb, var(--ink) 16%, transparent);
  background: color-mix(in srgb, var(--ink) 5%, var(--surface));
  color: var(--ink-3); font: 650 16px/1 var(--f-body);
  box-sizing: border-box; padding: 0 14px; cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .12s ease;
  -webkit-tap-highlight-color: transparent;
}
.su.e1i .e1-costbtn .lab { pointer-events: none; }
.su.e1i .e1-costbtn.on {
  background: #D93350; border-color: #D93350; color: #fff;
  box-shadow: 0 6px 16px rgba(217, 51, 80, .28);
  font-weight: 700;
}
.su.e1i .e1-costbtn:active { transform: scale(.985); }
html[data-theme=dark] .su.e1i .e1-costbtn {
  background: #151a17; border-color: #2a322c; color: color-mix(in srgb, var(--ink) 55%, transparent);
}
html[data-theme=dark] .su.e1i .e1-costbtn.on {
  background: #D93350; border-color: #D93350; color: #fff;
}

/* A: Price button becomes the $ input */
.su.e1i .e1-costbtn.price.editing {
  justify-content: flex-start; gap: 4px; padding: 0 14px 0 16px;
  cursor: text;
}
.su.e1i .e1-costbtn .dol,
.su.e1i .e1-costchip .dol {
  font: 700 18px/1 var(--f-body); opacity: .95; flex: none;
}
.su.e1i .e1-costin {
  flex: 1; min-width: 0; width: 100%;
  border: 0; background: transparent; outline: none;
  color: inherit; font: 700 18px/1.1 var(--f-body);
  padding: 0; caret-color: currentColor;
}
.su.e1i .e1-costbtn.price.editing .e1-costin::placeholder { color: rgba(255,255,255,.55); font-weight: 600; }
.su.e1i .e1-costbtn:not(.on) .e1-costin { color: var(--ink); }

/* B: amount chip beside Price */
.su.e1i .e1-cost-b { gap: 8px; }
.su.e1i .e1-cost-b .e1-costbtn { flex: 1; }
.su.e1i .e1-costchip {
  flex: 1.15; min-width: 0; min-height: 48px; height: 48px;
  display: inline-flex; align-items: center; gap: 4px;
  border-radius: 14px; border: 1.5px solid #D93350;
  background: color-mix(in srgb, #D93350 16%, var(--surface));
  color: #D93350; padding: 0 14px; box-sizing: border-box;
}
html[data-theme=dark] .su.e1i .e1-costchip {
  background: color-mix(in srgb, #D93350 22%, #151a17);
  color: #ff7a90;
}
.su.e1i .e1-costchip .e1-costin { color: inherit; font-weight: 700; font-size: 18px; }
.su.e1i .e1-costchip .e1-costin::placeholder { color: color-mix(in srgb, currentColor 45%, transparent); }

/* Hide legacy WHEN-row mini cost + old full-width amt if any leftover */
.su.e1i .e1-labr #ev-costr, .su.e1i .e1-labr:empty { display: none; }
.su.e1i .e1-amt { display: none !important; }

/* Slight tighten so COST row still fits short phones with the 16px foot gap */
.su.e1i.e1e .e1-lab { margin: 6px 0 4px; }
.su.e1i.e1e .e1-desc textarea.e1-multi { min-height: 64px; }

/* Short phones: keep COST row + 16px foot gap without page scroll */
@media (max-height: 720px) {
  .su.e1i .e1-costbtn, .su.e1i .e1-costchip { min-height: 44px; height: 44px; border-radius: 12px; font-size: 15px; }
  .su.e1i .e1-costbtn.price.editing .e1-costin, .su.e1i .e1-costchip .e1-costin { font-size: 17px; }
  .su.e1i .e1-costbtn .dol, .su.e1i .e1-costchip .dol { font-size: 17px; }
  .su.e1i.e1e .e1-desc textarea.e1-multi { min-height: 44px !important; }
  .su.e1i.e1e .e1-lab { margin: 4px 0 2px; font-size: 10.5px; }
  .su.e1i.e1e .e1-tapfld { padding: 8px 12px; }
  .su.e1i.e1e .e1-scroll { padding-top: 2px; padding-bottom: 16px; }
  .su.e1i.e1e .e1-segs button { min-height: 34px; }
  .su.e1i.e1e .su-foot { padding-top: 8px; padding-bottom: 18px; }
  .su.e1i.e1e .su-foot .eb.lg { min-height: 46px; }
  .su.e1i.e1e .e1-media { margin-top: 2px; }
  .su.e1i.e1e .e1-hint, .su.e1i.e1e .w3d-hint { margin-top: 2px; font-size: 11px; }
}
@media (max-height: 680px) {
  .su.e1i.e1e .e1-desc textarea.e1-multi { min-height: 36px !important; }
  .su.e1i.e1e textarea.e1-titlebox { min-height: 36px; padding-top: 7px; padding-bottom: 7px; font-size: 14.5px; }
  .su.e1i .e1-costbtn, .su.e1i .e1-costchip { min-height: 42px; height: 42px; }
}


/* ================= E1j (Gino Nov 6 2026 ~8:22 AM): link button + "Repeat & more" (SAMPLES) ================= */
/* COST row: [Free | Price] joined pill (2) · gap · globe link button (1.3) */
.su.e1j .e1-costwrap { display: flex; align-items: stretch; gap: 9px; width: 100%; }
.su.e1j .e1-costseg.e1j-pill { flex: none; width: calc((100% - 9px) * 2 / 3.3); min-width: 0; gap: 0; border-radius: 14px; }
.su.e1j .e1j-pill .e1-costbtn { border-radius: 0; flex: 1 1 0; padding: 0 8px; }
.su.e1j .e1j-pill .e1-costbtn.free { border-radius: 14px 0 0 14px; border-right-width: .5px; }
.su.e1j .e1j-pill .e1-costbtn.price { border-radius: 0 14px 14px 0; border-left-width: .5px; }
.su.e1j .e1j-pill .e1-costbtn.on { position: relative; z-index: 1; }
.su.e1j .e1j-pill .e1-costbtn.price.editing { padding: 0 10px 0 12px; }
.su.e1j .e1j-link {
  flex: 1 1 0; min-width: 0; height: 48px; min-height: 48px; box-sizing: border-box;
  display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 10px;
  border-radius: 14px; border: 1.5px dashed color-mix(in srgb, var(--ink) 26%, transparent);
  background: transparent; color: var(--ink-3); font: 600 16px/1 var(--f-body); cursor: pointer;
  -webkit-tap-highlight-color: transparent; transition: border-color .18s ease, color .18s ease, transform .12s ease;
}
html[data-theme=dark] .su.e1j .e1j-link { border-color: #3a443d; color: color-mix(in srgb, var(--ink) 58%, transparent); }
.su.e1j .e1j-link:active { transform: scale(.985); }
.e1j-globe { width: 18px; height: 18px; flex: none; color: #D93350; }
.su.e1j .e1j-link .lab { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; }
.su.e1j .e1j-link.set { border-style: solid; border-color: #D93350; color: var(--ink); font-size: 14px; font-weight: 650; background: color-mix(in srgb, #D93350 7%, transparent); }
html[data-theme=dark] .su.e1j .e1j-link.set { color: #fff; }
@media (max-height: 720px) { .su.e1j .e1j-link { height: 44px; min-height: 44px; border-radius: 12px; font-size: 15px; } .su.e1j .e1j-link.set { font-size: 13.5px; } .su.e1j .e1-costseg.e1j-pill, .su.e1j .e1j-pill .e1-costbtn.free { border-radius: 12px 0 0 12px; } .su.e1j .e1j-pill .e1-costbtn.price { border-radius: 0 12px 12px 0; } }
@media (max-height: 680px) { .su.e1j .e1j-link { height: 42px; min-height: 42px; } }

/* WHEN label: "Repeat & more" entry on the label baseline (no added height; hit area grows upward) */
.su.e1j .e1-lab.e1j-whenlab { display: flex; align-items: center; justify-content: space-between; overflow: visible; }
.su.e1j .e1j-pwslot { display: flex; min-width: 0; margin-left: 10px; }
.su.e1j .e1j-pw {
  position: relative; display: inline-flex; align-items: center; gap: 5px; min-width: 0; max-width: 240px;
  height: 14px; padding: 0 2px 0 4px; margin: -2px -2px -2px 0; border: 0; background: none;
  color: #D93350; font: 650 13px/1 var(--f-body); letter-spacing: 0; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.su.e1j .e1j-pw::before { content: ""; position: absolute; left: -10px; right: -6px; top: -15px; bottom: 0; }
.su.e1j .e1j-pw .e1j-sl { width: 15px; height: 15px; flex: none; }
.su.e1j .e1j-pw .t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.su.e1j .e1j-pw.set { color: var(--ink); }
.su.e1j .e1j-pw.set .e1j-sl { color: #D93350; }
.su.e1j .e1j-pw:active { opacity: .6; }
html[data-theme=dark] .su.e1j .e1j-pw { color: #ff5c78; }
html[data-theme=dark] .su.e1j .e1j-pw.set { color: #fff; }
html[data-theme=dark] .su.e1j .e1j-pw.set .e1j-sl { color: #ff5c78; }

/* sheets */
.e1j-sublab { margin: 12px 0 6px !important; }
.e1j-seg { display: flex; gap: 0; border-radius: 12px; padding: 3px; background: color-mix(in srgb, var(--ink) 7%, var(--surface)); }
html[data-theme=dark] .e1j-seg { background: #1b211d; }
.e1j-seg button { flex: 1 1 0; min-width: 0; height: 38px; border: 0; border-radius: 9px; background: transparent; color: var(--ink-2); font: 600 14.5px/1 var(--f-body); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.e1j-seg button[aria-checked=true] { background: #D93350; color: #fff; font-weight: 700; box-shadow: 0 3px 10px rgba(217,51,80,.28); }
.e1j-seg button:disabled { opacity: .35; cursor: default; }
.e1j-pwnote { margin: 8px 2px 0; font: 500 13px/1.35 var(--f-body); color: var(--ink-3); }
.e1j-pwnote.on { color: var(--ink-2); }
.e1j-pwnote.on b { color: var(--ink); font-weight: 700; }
.e1j-chips { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.e1j-chips button { height: 32px; padding: 0 12px; border-radius: 16px; border: 1px solid var(--line); background: transparent; color: var(--ink-2); font: 600 13px/1 var(--f-body); cursor: pointer; }
.e1j-chips button[aria-checked=true] { border-color: #D93350; color: #fff; background: #D93350; }
.e1j-endfld { width: 100%; }
.e1j-endrow { display: flex; gap: 8px; align-items: stretch; }
.e1j-endrow .e1j-endfld { flex: 1; }
.e1j-clear, .e1j-remove { border: 0; background: none; color: #ff5c78; font: 650 14.5px/1 var(--f-body); padding: 0 12px; cursor: pointer; }
.e1j-done { width: 100%; margin-top: 16px; }
.e1j-pwsheet .e1-tapfld, .e1j-linksheet .e1-tapfld { background: color-mix(in srgb, var(--ink) 5%, var(--surface)); border: 1px solid var(--line); border-radius: 10px; padding: 9px 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; text-align: left; color: var(--ink); cursor: pointer; }
html[data-theme=dark] .e1j-pwsheet .e1-tapfld { background: #151a17; border-color: #2a322c; }
.e1j-pwsheet .e1-tapfld .eyebrow { font: 650 10px/1 var(--f-body); letter-spacing: .3px; color: var(--ink-3); }
.e1j-pwsheet .e1-tapfld .val { font: 650 15px/1.2 var(--f-body); }
.e1j-pwsheet .e1-tapfld.ph .val { color: var(--ink-3); font-weight: 500; }
.e1j-endnote b { color: var(--ink); }

/* link sheet */
.e1j-urlrow { display: flex; gap: 8px; align-items: stretch; margin-top: 4px; }
.e1j-url { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; height: 48px; padding: 0 6px 0 12px; border-radius: 12px; border: 1.5px solid var(--line); background: color-mix(in srgb, var(--ink) 5%, var(--surface)); box-sizing: border-box; }
html[data-theme=dark] .e1j-url { background: #151a17; border-color: #2a322c; }
.e1j-url:focus-within { border-color: #D93350; }
.e1j-url input { flex: 1; min-width: 0; border: 0; outline: none; background: transparent; color: var(--ink); font: 500 16px/1.2 var(--f-body); padding: 0; }
.e1j-url input::placeholder { color: var(--ink-3); }
.e1j-urlx { flex: none; width: 28px; height: 28px; border-radius: 50%; border: 0; background: color-mix(in srgb, var(--ink) 16%, transparent); color: var(--ink); font: 600 16px/1 var(--f-body); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.e1j-urlx[hidden] { display: none; }
.e1j-paste { flex: none; height: 48px; padding: 0 14px; border-radius: 12px; border: 1.5px solid var(--line); background: transparent; color: var(--ink); font: 650 14.5px/1 var(--f-body); cursor: pointer; }
.e1j-linknote { margin: 8px 2px 0; font: 500 13px/1.35 var(--f-body); color: var(--ink-3); min-height: 18px; }
.e1j-linknote b { color: var(--ink); }
.e1j-linknote.bad { color: #ff8a9c; }
.e1j-say { display: flex; gap: 6px; }
.e1j-say button { flex: 1 1 0; min-width: 0; height: 40px; border-radius: 12px; border: 1.5px solid var(--line); background: transparent; color: var(--ink-2); font: 600 14px/1 var(--f-body); cursor: pointer; }
.e1j-say button[aria-checked=true] { border-color: #D93350; background: #D93350; color: #fff; font-weight: 700; }
.e1j-acts { margin-top: 16px; }

/* confirm + feed */
.e1j-cflink { display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; margin: 10px 0 0; border-radius: 12px; border: 1.5px solid color-mix(in srgb, var(--ink) 24%, transparent); color: var(--ink); text-decoration: none; font: 650 15px/1 var(--f-body); }
.e1j-cflink small { font: 500 13px/1 var(--f-body); color: var(--ink-3); }
.e1j-chips-row { display: inline-flex; gap: 6px; align-items: center; }
.ec.e1j-age { background: rgba(0,0,0,.55); color: #fff; border: 1px solid rgba(255,255,255,.35); }
.e1j-rp { white-space: nowrap; } .e1j-rp svg { display: inline-block; vertical-align: -1px; margin-right: 3px; }
.e1j-agetag { display: inline-flex; align-items: center; height: 17px; padding: 0 6px; margin: 0 4px 0 5px; border-radius: 9px; border: 1px solid currentColor; font: 700 11px/1 var(--f-body); font-style: normal; vertical-align: 1px; opacity: .9; }
.feed-footer:has(.e1j-tix) { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.e1j-tix { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 34px; padding: 0 14px; margin-right: 12px; border-radius: 17px; border: 1.5px solid color-mix(in srgb, var(--ink) 26%, transparent); color: var(--ink); text-decoration: none; font: 650 14px/1 var(--f-body); white-space: nowrap; }
.e1j-tix span { color: #ff5c78; font-weight: 700; }

.su.e1j .e1j-link.set { gap: 6px; padding: 0 8px; }
.su.e1j .e1j-link.set .e1j-globe { width: 16px; height: 16px; }
.su.e1j .e1j-link.set.sm { font-size: 13px; gap: 5px; }
@media (max-height: 720px) { .su.e1j .e1j-link.set.sm { font-size: 12.5px; } }

/* ---- E1j must-fixes (Claude Opus post-build) ---- */
/* MF4: coral only for Save/Done; selections use the SHOW TO raised style */
.e1j-seg button[aria-checked=true], .e1j-chips button[aria-checked=true], .e1j-say button[aria-checked=true] { background: color-mix(in srgb, var(--ink) 14%, var(--surface)); color: var(--ink); border-color: transparent; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 25%, transparent); font-weight: 700; }
html[data-theme=dark] .e1j-seg button[aria-checked=true], html[data-theme=dark] .e1j-chips button[aria-checked=true], html[data-theme=dark] .e1j-say button[aria-checked=true] { background: #354038; color: #fff; }
html:not([data-theme=dark]) .e1j-seg button[aria-checked=true], html:not([data-theme=dark]) .e1j-chips button[aria-checked=true], html:not([data-theme=dark]) .e1j-say button[aria-checked=true] { background: #e8e4db; color: #1d1f1c; }
/* NTH: keep-for chips equal width, 40px */
.e1j-chips { flex-wrap: nowrap; }
.e1j-chips button { flex: 1 1 0; min-width: 0; height: 40px; padding: 0 6px; border-radius: 12px; white-space: nowrap; }
/* MF5: one set-link look in both modes: solid neutral border, white/ink domain, coral globe, no wash */
.su.e1j .e1j-link.set, html[data-theme=dark] .su.e1j .e1j-link.set { border-style: solid; border-color: color-mix(in srgb, var(--ink) 34%, transparent); background: transparent; color: var(--ink); }
html[data-theme=dark] .su.e1j .e1j-link.set { border-color: #5a665d; color: #fff; }
/* one coral in the composer */
html[data-theme=dark] .su.e1j .e1j-pw, html[data-theme=dark] .su.e1j .e1j-pw.set .e1j-sl { color: #D93350; }
html[data-theme=dark] .su.e1j .e1j-pw.set { color: #fff; }
/* MF1: ages chip */
.e1j-age { display: inline-flex; align-items: center; height: 24px; padding: 0 9px; margin-left: 6px; border-radius: 12px; border: 1.5px solid color-mix(in srgb, var(--ink) 40%, transparent); font: 700 12px/1 var(--f-body); color: var(--ink); vertical-align: top; }
.tk-feed .tk-main > .e1j-age { position: absolute; right: 12px; top: 10px; height: 20px; padding: 0 7px; margin: 0; font-size: 11.5px; border-width: 1px; }
.tk-feed .tk-main { position: relative; }
.e1j-rp svg { margin: 0 4px 0 1px !important; display: inline-block !important; }
/* MF2: second confirm line */
.e1j-cf2 { font-weight: 600; opacity: .8; font-size: .86em; }
/* MF3 */
.e1j-pwsheet .e1j-endfld { min-height: 44px; justify-content: center; }
.e1j-pwsheet .e1-tapfld .val small { font: 500 12px/1 var(--f-body); color: var(--ink-3); margin-left: 6px; }
/* Time sheet: quiet + End time */
.e1j-tend { display: block; margin: -2px auto 10px; border: 0; background: none; color: #D93350; font: 650 14px/1 var(--f-body); padding: 10px 12px; cursor: pointer; }
.e1j-tend b { font-weight: 700; }
/* $10 not "$ 10" */
.su.e1j .e1-costbtn.price.editing { gap: 1px; }
.tk-feed .tk-main:has(> .e1j-age) .tk-title { padding-right: 44px; }


/* ================= E1k (Gino Nov 6 2026 9:22 AM) ================= */
.feed-footer:has(.e1j-tix) { justify-content: flex-start; }
.e1j-tix { margin: 6px 0 6px 8px; height: 32px; padding: 0 12px; border-radius: 16px; font-size: .8125rem; }

/* ---- E1k part B (Claude Opus pre-build decisions) ---- */
/* compact COST: left-aligned, DATE-column width, SHOW TO height */
.su.e1k .e1-costwrap { gap: 0; }
.su.e1k .e1-costseg.e1j-pill { width: calc((100% - 8px) / 2); }
.su.e1k .e1j-pill .e1-costbtn { height: 40px; min-height: 40px; font-size: 15px; }
.su.e1k .e1j-pill .e1-costbtn.free { border-radius: 12px 0 0 12px; }
.su.e1k .e1j-pill .e1-costbtn.price { border-radius: 0 12px 12px 0; }
.su.e1k .e1-costbtn .dol, .su.e1k .e1-costin { font-size: 16px !important; }
@media (max-height: 720px) { .su.e1k .e1j-pill .e1-costbtn { height: 38px; min-height: 38px; } }
/* entry: neutral text, coral icon */
.su.e1k .e1j-pw, html[data-theme=dark] .su.e1k .e1j-pw { color: var(--ink-2); }
.su.e1k .e1j-pw .e1j-sl, html[data-theme=dark] .su.e1k .e1j-pw .e1j-sl { color: #D93350; }
html[data-theme=dark] .su.e1k .e1j-pw.set { color: #fff; }
/* "+ Ticket link" on the COST label line */
.su.e1k .e1k-costlab { display: flex; align-items: center; justify-content: space-between; overflow: visible; }
.e1k-tixhint { position: relative; border: 0; background: none; padding: 0 2px; height: 14px; margin: -2px 0; color: var(--ink-2); font: 600 13px/1 var(--f-body); cursor: pointer; }
.e1k-tixhint::before { content: ""; position: absolute; left: -14px; right: -8px; top: -15px; bottom: 0; }
/* link row in the sheet */
.e1k-linkfld .val { display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; }
.e1k-linkfld .e1j-globe { width: 17px; height: 17px; }
.e1k-linkfld.ph .e1j-globe { color: var(--ink-3); }
.e1k-linkfld .dom { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.e1k-linkfld .say { color: var(--ink-3); font-weight: 600; white-space: nowrap; }
.e1k-linkfld .chev { margin-left: auto; color: var(--ink-3); font-size: 20px; line-height: 1; }
/* feed: Get tickets = neutral tinted fill, no outline, grey ↗ (never a second Going) */
.e1j-tix { border: 0 !important; background: color-mix(in srgb, var(--ink) 10%, transparent); color: var(--ink); height: 32px; padding: 0 12px; margin: 6px 0 6px 8px; font: 600 .8125rem/1 var(--f-body); }
.e1j-tix span { color: var(--ink-3) !important; font-size: 12px; font-weight: 600; }
.feed-footer > .e1j-tix { margin-left: 0 !important; }

/* E1k-c: post-build Claude must-fixes */
/* MF1 confirm shows the real feed row: [+ Going][Get tickets ↗] … ♡ ⇧ */
.e1k-cfrow { display: flex; align-items: center; gap: 8px; margin: 8px 2px 0; }
.e1k-cfgo { display: inline-flex; align-items: center; gap: 5px; height: 32px; padding: 0 14px 0 11px; border-radius: 16px; border: 1.5px solid #D93350; color: var(--ink); font: 600 .8125rem/1 var(--f-body); }
.e1k-cfgo::before { content: "+"; color: #D93350; font: 700 17px/1 var(--f-body); }
.w3c-cf .e1j-cflink.e1k-cftix { display: inline-flex; height: 32px; margin: 0; padding: 0 12px; gap: 5px; border: 0; border-radius: 16px; background: color-mix(in srgb, var(--ink) 10%, transparent); font: 600 .8125rem/1 var(--f-body); }
.e1k-cftix span { color: var(--ink-3); font-size: 12px; }
.e1k-cfic { margin-left: auto; display: inline-flex; gap: 22px; padding-right: 6px; color: var(--ink-2); }
.e1k-cfhost { font-weight: 650; color: var(--ink); }
/* MF2 COST label hugs its pill; hint is an overlay, adds no height */
.su.e1k #ev-cost.e1-costrow { margin-top: 0; }
.su.e1k .e1k-costlab { position: relative; }
.su.e1k #ev-tixhint { position: absolute; right: 0; top: 50%; transform: translateY(-50%); line-height: 0; }
/* nice-to-have: coral selected stays, but flat (no glow) */
.su.e1k .e1-costbtn.on { box-shadow: none; }
/* nice-to-have: link Clear is secondary grey (Done stays the only coral) */
.su.e1k [data-ev="pw-link-clear"] { color: var(--ink-2); }
/* nice-to-have: set price centered when not editing */
.su.e1k .e1-costbtn.price:not(.editing) { justify-content: center; }

/* ===== E1l — power-tools button in the COST row (Gino pt951u; Claude claude-opus-5-5) ===== */
.su.e1l .e1l-costline { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px; align-items: stretch; flex: none; }
.su.e1l .e1l-costline #ev-cost { min-width: 0; margin: 0 !important; }
.su.e1l .e1-costseg.e1j-pill { width: 100%; }
.su.e1l .e1l-pwslot { display: flex; min-width: 0; }
.su.e1l .e1j-pw.e1l-pw {
  position: relative; flex: 1; width: 100%; min-width: 0; max-width: none; height: 40px; margin: 0; padding: 0 12px;
  display: flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box;
  border-radius: 12px; border: 1.5px solid color-mix(in srgb, var(--ink) 16%, transparent);
  background: color-mix(in srgb, var(--ink) 5%, var(--surface)); color: var(--ink-3);
  font: 600 15px/1 var(--f-body); cursor: pointer; transition: background .15s ease, color .15s ease;
}
html[data-theme=dark] .su.e1l .e1j-pw.e1l-pw { background: #151a17; border-color: #2a322c; color: color-mix(in srgb, var(--ink) 55%, transparent); }
.su.e1l .e1j-pw.e1l-pw::before { content: ""; position: absolute; left: 0; right: 0; top: -2px; bottom: -2px; }
.su.e1l .e1j-pw.e1l-pw .e1j-sl { width: 16px; height: 16px; flex: none; color: #D93350 !important; }
.su.e1l .e1j-pw.e1l-pw .t { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: clip; }
.su.e1l .e1j-pw.e1l-pw.set, html[data-theme=dark] .su.e1l .e1j-pw.e1l-pw.set { color: var(--ink); }
.su.e1l .e1j-pw.e1l-pw:active { opacity: 1; background: color-mix(in srgb, var(--ink) 10%, var(--surface)); }
html[data-theme=dark] .su.e1l .e1j-pw.e1l-pw:active { background: #1d241f; }
/* invisible 44px tap areas (vertical only; the 8px gap stays dead) */
.su.e1l .e1j-pill .e1-costbtn { position: relative; }
.su.e1l .e1j-pill .e1-costbtn::after { content: ""; position: absolute; left: 0; right: 0; top: -2px; bottom: -2px; }
/* polish: label rhythm 12px control→label, 4px label→control (8/3 on short screens) */
.su.e1l.e1i.e1e .e1-lab { margin: 12px 0 4px; }
.su.e1l.e1i.e1e .e1-lab:first-of-type { margin-top: 4px; }
.su.e1l .e1-media { margin-top: 12px; }
/* polish: Title same height as the other fields; Date/Time text on one left edge */
.su.e1l.e1c textarea.e1-titlebox:not(.two) { min-height: 40px; padding-top: 9px; padding-bottom: 9px; }
.su.e1l.e1c.e1e .e1-medlab, html[data-theme=dark] .su.e1l.e1c.e1e .e1-medlab { font: 650 11px/1 var(--f-body); letter-spacing: .3px; color: var(--ink-3); }
@media (max-height: 720px) {
  .su.e1l .e1j-pw.e1l-pw { height: 38px; }
  .su.e1l .e1j-pw.e1l-pw::before, .su.e1l .e1j-pill .e1-costbtn::after { top: -3px; bottom: -3px; }
  .su.e1l.e1i.e1e .e1-lab { margin: 6px 0 2px; font-size: 10.5px; line-height: 1; }
  .su.e1l.e1i.e1e .e1-lab:first-of-type { margin-top: 3px; }
  .su.e1l.e1e .e1-media { margin-top: 8px !important; }
  .su.e1l.e1e .e1-th { width: 54px !important; height: 54px !important; }
  .su.e1l.e1i.e1e.e1c textarea.e1-titlebox:not(.two) { min-height: 38px; padding-top: 8px; padding-bottom: 8px; }
}

/* ===== D4a6 — Event MEDIA row = Post's (one row of 4 equal slots) ===== */
.su.e1m .e1-media { display: block !important; }
.su.e1m .e1-mediahd { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; min-height: 11px; margin: 0 0 4px; }
.su.e1m .e1-medhint { margin-left: auto; font: 500 12px/1 var(--f-body); color: var(--ink-3); white-space: nowrap; }
.su.e1m .e1-thumbs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; flex-wrap: nowrap; }
.su.e1m .e1-thumbs .e1-th { width: auto !important; height: var(--e1m-h, 80px) !important; min-width: 0; border-radius: 12px; }
.su.e1m .e1-thumbs .e1-th.add { border: 1.5px dashed color-mix(in srgb, var(--ink) 24%, transparent); }
.su.e1m .e1-thumbs .e1-th.add .plus { font-size: 20px; }
.su.e1m .e1-th .e1-cov { left: 4px; top: 4px; bottom: auto; height: 16px; padding: 0 5px; font: 700 9px/16px var(--f-body); border-radius: 4px; }
.su.e1m .e1-th.first { box-shadow: inset 0 0 0 2px #D93350; }
.su.e1m .e1-th.first img { border-radius: 12px; }
.su.e1m .e1-th .e1-vb { left: auto; right: 4px; bottom: 4px; height: 16px; padding: 0 5px; font: 600 10px/16px var(--f-body); font-variant-numeric: tabular-nums; background: rgba(0,0,0,.6); }
.su.e1m .e1-thx { width: 32px; height: 32px; padding: 4px; }
.su.e1m .e1-thx span { width: 22px; height: 22px; background: rgba(0,0,0,.55); box-shadow: 0 0 0 1px rgba(255,255,255,.18); font-size: 10px; }
.su.e1m.e1m-dshort #ev-det:not(:focus) { height: 64px !important; min-height: 64px !important; max-height: 64px; }
@media (max-height: 720px) { .su.e1m .e1-mediahd { margin-bottom: 2px; } .su.e1m.e1m-dshort #ev-det:not(:focus) { height: 56px !important; min-height: 56px !important; max-height: 56px; } }

/* D4a6 post-build Claude must-fixes (shared with Post) */
.su.e1m .e1-thumbs .e1-th { overflow: visible; } .su.e1m .e1-thumbs .e1-th > img { border-radius: 12px; }
.su.e1m .e1-thx::after { content: ""; position: absolute; top: -8px; right: -8px; bottom: 0; left: 0; }
.su.e1m .e1-thx span { font: 600 15px/1 var(--f-body); }
.su.e1m .e1-thumbs .e1-th.first::after { content: ""; position: absolute; inset: 0; border-radius: 12px; box-shadow: inset 0 0 0 2px #D93350; pointer-events: none; z-index: 1; }
.su.e1m .e1-th .e1-cov, .su.e1m .e1-th .e1-thx, .su.e1m .e1-th .e1-vb { z-index: 2; }