/* Project Team (2026-10-20): the people on a project, confirmed by a work email at a
   firm on it. Built by tmw-team.js (window.tmwTeam). Design: /mockups/project-team/
   (screens 1-4). Every class is tmt-* so nothing collides with page CSS.
   Loaded by tmw-team.js itself; BUMP its ?v= (journal-chrome.js) and CSS_V there
   on any change. */

.tmt,.tmt-sheet,.tmt-scrim{--tmt-cream:#ECEAE5;--tmt-mute:#9AA39C;--tmt-mute2:#C2C9C3;--tmt-gold:#E6C574;--tmt-gold-soft:#F0D68A;--tmt-lav:#C4B5FD;--tmt-green:#42EB81;--tmt-red:#FF6961;
  --tmt-sans:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;--tmt-serif:Fraunces,Georgia,serif}
.tmt *,.tmt-sheet *{box-sizing:border-box}
.tmt [hidden],.tmt-sheet [hidden]{display:none!important}
.tmt button,.tmt-sheet button,.tmt-sheet input,.tmt-sheet textarea{font:inherit;color:inherit;margin:0}
.tmt button,.tmt-sheet button{appearance:none;-webkit-appearance:none;background:none;border:0;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;text-transform:none;letter-spacing:inherit}
.tmt a,.tmt-sheet a{color:inherit;text-decoration:none}

/* ── the section ──────────────────────────────────────────────────────── */
.tmt{position:relative;font-family:var(--tmt-sans);color:var(--tmt-cream);-webkit-font-smoothing:antialiased}
.tmt.tmt-page{background:#161618;border-radius:22px;padding:22px 22px 20px}
.tmt.tmt-map{margin:0 -6px 14px;background:#17171A;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px 16px 14px}
.tmt-load{min-height:212px}
.tmt.tmt-map.tmt-load{min-height:188px}
.tmt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.tmt-head>div:first-child{min-width:0}
.tmt-h{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff;font-weight:800;margin:0 0 8px;line-height:1.25}
.tmt-map .tmt-h{font-size:11px;margin-bottom:6px}
.tmt-ver{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:13px;color:var(--tmt-mute2);line-height:1.4}
.tmt-map .tmt-ver{font-size:12px}
.tmt-ver b{color:#fff;font-weight:600}
.tmt-ver.v b{color:var(--tmt-gold-soft)}
.tmt-ver .tmt-claim{font-size:inherit;font-weight:600;color:var(--tmt-lav)}
.tmt-ver .tmt-claim:hover{color:#E4DBFF}
.tmt-ver .tmt-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.3);flex:none}
.tmt-ver .tmt-mg{color:var(--tmt-mute)}
.tmt-ver .tmt-tv{display:inline-flex;align-items:center;gap:7px;min-width:0}
.tmt-ver .tmt-inv{color:var(--tmt-mute2)}
.tmt-nav{display:flex;align-items:center;gap:8px;flex:none}
.tmt-nav .tmt-n{font-size:12.5px;color:var(--tmt-mute);margin-right:4px;white-space:nowrap}
.tmt-arr{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:background .15s,opacity .15s}
.tmt-arr:hover{background:rgba(255,255,255,.1)!important}
.tmt-arr[disabled]{opacity:.35;cursor:default}
.tmt-arr svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tmt-filt{display:flex;gap:6px;margin:16px 0 4px;overflow-x:auto;scrollbar-width:none}
.tmt-filt::-webkit-scrollbar{display:none}
.tmt-filt button{flex:none;height:30px;padding:0 12px!important;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--tmt-mute2);background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.1)!important;white-space:nowrap}
.tmt-filt button span{color:var(--tmt-mute);font-weight:500;margin-left:4px}
.tmt-filt button.on{color:#fff;background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.2)!important}
.tmt-vp{margin:0 -22px;padding:12px 22px 6px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 22px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.tmt-vp::-webkit-scrollbar{display:none}
.tmt-map .tmt-filt{margin-left:-16px;margin-right:-16px;padding:0 16px}
.tmt-map .tmt-vp{margin:0 -16px;padding:12px 16px 4px;scroll-padding:0 16px}
.tmt-track{display:flex;gap:12px;width:max-content}
.tmt-track::after{content:"";flex:none;width:10px}
.tmt-foot{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--tmt-mute)}
.tmt-map .tmt-foot{font-size:11.5px}
.tmt-foot button{color:var(--tmt-lav);font-weight:600;font-size:inherit}
.tmt-foot button:hover{color:#E4DBFF}

/* seal (tmw-firm-badge.js look): hollow graphite = firm has not claimed, gold = verified */
.tmt-seal{display:inline-block;flex:none;vertical-align:middle;overflow:visible}
.tmt-seal .ring{fill:none;stroke:rgba(236,234,229,.4);stroke-width:1.5;stroke-linejoin:miter}
.tmt-seal .ck{stroke:rgba(236,234,229,.5)}
.tmt-seal.v{filter:drop-shadow(0 0 4px rgba(247,223,149,.85)) drop-shadow(0 0 10px rgba(230,197,116,.45))}
.tmt-seal.v .ring{fill:url(#tmtGold);stroke:none}
.tmt-seal.v .ck{stroke:#1b1406}

/* avatar: the member's photo, else gradient initials */
.tmt-av{position:relative;flex:none;display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:600;letter-spacing:-.01em;background:linear-gradient(135deg,var(--g1),var(--g2));background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 8px 24px -10px var(--g2);text-shadow:0 1px 8px rgba(0,0,0,.25);overflow:hidden;line-height:1}
.tmt-av::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.42),rgba(255,255,255,0) 52%)}
.tmt-av.ph::after{background:none}
.tmt-av.ring{box-shadow:0 0 0 2px #161618,0 0 0 3.5px rgba(230,197,116,.85),0 8px 24px -10px var(--g2)}
.tmt-fm{flex:none;display:inline-grid;place-items:center;border-radius:6px;font-weight:700;letter-spacing:-.02em;color:#fff;background:linear-gradient(180deg,#25252a,#18181b);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);line-height:1}
.tmt-fm.lv{background:linear-gradient(160deg,#2a2416,#15130d);color:var(--tmt-gold-soft);box-shadow:inset 0 0 0 1px rgba(230,197,116,.3)}

/* role chips */
.tmt-role{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font:700 9.5px/1 var(--tmt-sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--c);background:color-mix(in srgb,var(--c) 11%,transparent);border:1px solid color-mix(in srgb,var(--c) 38%,transparent)}
.tmt-role::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.tmt-r-sales{--c:#F0D68A}.tmt-r-developer{--c:#C4B5FD}.tmt-r-marketing{--c:#F9A8D4}.tmt-r-architect{--c:#93C5FD}.tmt-r-interior{--c:#86EFAC}
/* Studio test listing (is_test): only its owner gets this card */
.tmt-test{display:inline-flex;align-items:center;align-self:flex-start;max-width:100%;margin:8px 0 0;padding:4px 9px;border-radius:999px;font:600 10.5px/1.25 var(--tmt-sans);letter-spacing:.01em;color:#FDE68A;background:rgba(253,230,138,.08);border:1px dashed rgba(253,230,138,.45);white-space:normal;text-align:left}
.tmt-pf-chips .tmt-test{margin:0}
.tmt-lead{flex:none;display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 6px;border-radius:999px;font:700 9px/1 var(--tmt-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tmt-gold-soft);background:rgba(230,197,116,.1);border:1px solid rgba(230,197,116,.35)}
.tmt-bpro{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 7px;border-radius:999px;flex:none;font:700 9.5px/1 var(--tmt-sans);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(100deg,#1d1438,#2a1b52);border:1px solid rgba(167,139,250,.45);box-shadow:0 0 12px rgba(139,92,246,.28)}
.tmt-bpro svg{width:8px;height:8px;fill:#fff}

/* pearl (tmw-account.css .s-pearl) and glass buttons */
.tmt-pearl{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 22px!important;border-radius:999px;color:#0b0b0c!important;font:600 16px/1 var(--tmt-sans)!important;letter-spacing:-.012em;white-space:nowrap;text-decoration:none;
  background:linear-gradient(110deg,#F7F4FF,#FBEFFA 25%,#FFF1EA 45%,#EEF6FF 70%,#F7F4FF)!important;background-size:300% 100%!important;box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.6),0 10px 26px -12px rgba(240,171,252,.55);animation:tmtPearl 10s ease-in-out infinite;transition:filter .15s,transform .15s,opacity .15s}
.tmt-pearl:hover{filter:brightness(1.04)}.tmt-pearl:active{transform:scale(.98)}
.tmt-pearl.sm{height:38px;padding:0 16px!important;font-size:14px!important}
.tmt-pearl.full{width:100%}
.tmt-pearl[disabled]{opacity:.4;cursor:default;transform:none}
@keyframes tmtPearl{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.tmt .tmt-ghost,.tmt-sheet .tmt-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px!important;border-radius:999px;color:#fff;font:600 15px/1 var(--tmt-sans);letter-spacing:-.01em;background:rgba(255,255,255,.06)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);white-space:nowrap;transition:background .15s;text-decoration:none}
.tmt-ghost:hover{background:rgba(255,255,255,.1)!important}
.tmt-ghost.full{width:100%}
.tmt .tmt-ghost.sm,.tmt-sheet .tmt-ghost.sm{height:36px;padding:0 14px!important;font-size:13.5px}
.tmt-ghost svg,.tmt-pearl svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tmt .tmt-txt,.tmt-sheet .tmt-txt{color:var(--tmt-lav);font-weight:600;font-size:14px;line-height:1.3;padding:4px 6px!important}
.tmt-txt:hover{color:#E4DBFF}

/* the card */
.tmt-c{position:relative;flex:none;width:252px;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:20px;padding:16px 16px 14px;cursor:pointer;text-align:left;color:var(--tmt-cream);
  background:radial-gradient(120% 70% at 0% 0%,color-mix(in srgb,var(--g2) 16%,transparent),transparent 60%),#19191c;border:1px solid rgba(255,255,255,.08);transition:border-color .15s,transform .15s;outline:none}
.tmt-c:hover{border-color:rgba(255,255,255,.18);transform:translateY(-2px)}
.tmt-c:focus-visible{border-color:rgba(196,181,253,.6)}
.tmt-c-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.tmt-c-nm{margin-top:14px;display:flex;align-items:center;gap:7px;font:600 17px/1.2 var(--tmt-sans);letter-spacing:-.015em;color:#fff;white-space:nowrap;min-width:0}
.tmt-c-nm>span:first-child{overflow:hidden;text-overflow:ellipsis}
.tmt-c-ti{margin-top:3px;font-size:13px;color:var(--tmt-mute2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmt-c-firm{margin-top:12px;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#fff;min-width:0}
.tmt-c-firm .nm{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmt-c-ok{margin-top:6px;display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--tmt-mute)}
.tmt-c-ok svg{width:12px;height:12px;stroke:var(--tmt-green);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tmt-c-act{margin-top:14px;display:flex;gap:8px}
.tmt-c-act .tmt-pearl{flex:1}
.tmt-c-pro{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.tmt .tmt-lock,.tmt-sheet .tmt-lock{display:flex;align-items:center;gap:8px;width:100%;font-size:12.5px;color:var(--tmt-mute2);text-align:left}
.tmt-lock>svg{width:13px;height:13px;stroke:var(--tmt-lav);fill:none;stroke-width:2;flex:none}
.tmt-lock .tl{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmt-lock:hover .tl{color:#fff}
.tmt-lock .tmt-show{flex:none;font-weight:600;color:var(--tmt-lav)}
.tmt-dirs{display:flex;flex-direction:column;gap:6px}
.tmt-dirs a{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#fff;min-width:0}
.tmt-dirs a span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmt-dirs svg{width:13px;height:13px;stroke:var(--tmt-gold-soft);fill:none;stroke-width:1.9;flex:none;stroke-linecap:round;stroke-linejoin:round}
.tmt-join{flex:none;width:220px;min-height:200px;scroll-snap-align:start;border-radius:20px;border:1px dashed rgba(255,255,255,.18)!important;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px!important;gap:10px;text-align:left;background:rgba(255,255,255,.015)!important;transition:border-color .15s,background .15s;color:var(--tmt-cream)}
.tmt-join:hover{border-color:rgba(196,181,253,.5)!important;background:rgba(167,139,250,.05)!important}
.tmt-join .plus{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(167,139,250,.12);box-shadow:inset 0 0 0 1px rgba(167,139,250,.4)}
.tmt-join .plus svg{width:18px;height:18px;stroke:var(--tmt-lav);fill:none;stroke-width:2;stroke-linecap:round}
.tmt-join b{font-size:15.5px;color:#fff;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.tmt-join p{margin:0;font-size:12.5px;line-height:1.45;color:var(--tmt-mute);white-space:normal}
.tmt-join .go{font-size:13px;font-weight:600;color:var(--tmt-lav)}
/* compact (map modal) */
.tmt-c.cp{width:214px;padding:13px 13px 12px;border-radius:18px}
.tmt-c.cp .tmt-c-top{align-items:center;justify-content:flex-start;gap:10px}
.tmt-c.cp .tmt-who{min-width:0;flex:1}
.tmt-c.cp .tmt-c-nm{margin-top:0;font-size:14.5px}
.tmt-c.cp .tmt-c-ti{font-size:12px;margin-top:2px}
.tmt-c.cp .tmt-c-firm{margin-top:10px;font-size:12px}
.tmt-c.cp .tmt-role{margin-top:10px;align-self:flex-start}
.tmt-c.cp .tmt-c-act{margin-top:12px}
.tmt-c.cp .tmt-c-pro{margin-top:9px;padding-top:9px}
.tmt-join.cp{width:180px;min-height:0;padding:16px!important}
/* the card as a preview inside a sheet */
.tmt-prev{display:flex;justify-content:center;margin:18px 0 4px}
.tmt-prev .tmt-c{cursor:default}
.tmt-prev .tmt-c:hover{transform:none;border-color:rgba(255,255,255,.08)}
.tmt-prev.dim{opacity:.55;filter:saturate(.6)}

@media (max-width:720px){
  .tmt.tmt-page{padding:18px 16px 16px;border-radius:20px}
  .tmt-page .tmt-vp{margin:0 -16px;padding:12px 16px 6px;scroll-padding:0 16px}
  .tmt-page .tmt-arr{display:none}
  .tmt-page .tmt-ver .tmt-dot{display:none}
  .tmt-page .tmt-ver{flex-direction:column;align-items:flex-start;gap:6px}
  .tmt-page .tmt-ver .tmt-claim{padding-left:22px}
  .tmt-page .tmt-c{width:min(296px,76vw)}
  .tmt-page .tmt-filt{margin-left:-16px;margin-right:-16px;padding:0 16px}
  .tmt-page .tmt-filt::after{content:"";flex:none;width:6px}
  .tmt-map .tmt-c.cp{width:min(242px,62vw)}
}

/* ── sheets: profile, join, how listing works ─────────────────────────── */
html.tmt-lock,html.tmt-lock body{overflow:hidden!important;overscroll-behavior:none}
/* nudges that float over everything step aside while a sheet is open (toasts stay) */
html.tmt-lock .tmw-habit,html.tmt-lock .tmwx-nudge,html.tmt-lock .tl-pb,html.tmt-lock .tpf,html.tmt-lock .tm-isl{visibility:hidden!important}
.tmt-scrim{position:fixed;inset:0;z-index:99000;background:rgba(5,5,7,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .22s ease;touch-action:none}
.tmt-scrim.on{opacity:1}
.tmt-sheet{position:fixed;z-index:99001;left:50%;top:50%;transform:translate(-50%,calc(-50% + 14px));opacity:0;width:min(520px,calc(100vw - 40px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;border-radius:28px;background:#111113;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 120px rgba(0,0,0,.7);color:var(--tmt-cream);font-family:var(--tmt-sans);-webkit-font-smoothing:antialiased;text-align:left;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1);outline:none}
.tmt-sheet::-webkit-scrollbar{display:none}
.tmt-sheet.on{opacity:1;transform:translate(-50%,-50%)}
.tmt-grab{display:none;width:38px;height:5px;border-radius:3px;background:rgba(255,255,255,.25);margin:8px auto 0}
.tmt-sh-top{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:14px 14px 0;pointer-events:none}
.tmt-sh-top>*{pointer-events:auto}
.tmt-x{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08)!important}
.tmt-x:hover{background:rgba(255,255,255,.14)!important}
.tmt-x svg{width:13px;height:13px;stroke:#fff;stroke-width:2.2;fill:none;stroke-linecap:round}
.tmt-x.sh svg{width:15px;height:15px;stroke-width:2;stroke-linejoin:round}
.tmt-sh-in{position:relative;padding:0 24px 24px}
@media (max-width:640px){
  .tmt-sheet{left:0;right:0;top:auto;bottom:0;transform:translateY(100%);opacity:1;width:auto;max-height:calc(100vh - env(safe-area-inset-top,0px) - 18px);max-height:calc(100dvh - var(--tmw-sa-top,env(safe-area-inset-top,0px)) - 18px);border-radius:28px 28px 0 0;border-bottom:0;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
  .tmt-sheet.on{transform:translateY(0)}
  .tmt-grab{display:block}
  .tmt-sh-in{padding:0 18px calc(34px + env(safe-area-inset-bottom,0px))}
}
.tmt-glow{position:absolute;inset:0 0 auto 0;height:220px;pointer-events:none;background:radial-gradient(70% 100% at 50% 0%,color-mix(in srgb,var(--g2) 30%,transparent),transparent 70%)}
/* profile */
.tmt-pf-hd{position:relative;text-align:center;padding-top:2px}
.tmt-pf-hd .tmt-av{margin:0 auto}
.tmt-pf-nm{margin:14px 0 0;font:600 30px/1.1 var(--tmt-serif);letter-spacing:-.015em;color:#fff}
.tmt-pf-ti{margin-top:6px;font-size:14.5px;color:var(--tmt-mute2)}
.tmt-pf-firm{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff}
.tmt-pf-chips{margin-top:12px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.tmt-pf-chips .tmt-lead{height:22px;padding:0 9px}
.tmt-pf-bio{margin:16px 0 0;font-size:15px;line-height:1.55;color:rgba(236,234,229,.85);text-align:center;text-wrap:balance}
.tmt-pf-ver{margin-top:16px;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);font-size:12.5px;line-height:1.4;color:var(--tmt-mute2);text-align:left}
.tmt-pf-ver b{color:#fff;font-weight:600}
.tmt-pf-ver.v{border-color:rgba(230,197,116,.25);background:rgba(230,197,116,.05)}
.tmt-lbl{margin:22px 0 10px;font:700 11px/1 var(--tmt-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tmt-mute)}
.tmt-pchips{display:flex;flex-wrap:wrap;gap:8px}
.tmt-pchip{display:inline-flex;align-items:center;gap:8px;height:40px;max-width:100%;padding:0 14px 0 4px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:600;color:#fff!important;white-space:nowrap}
.tmt-pchip>span{overflow:hidden;text-overflow:ellipsis}
.tmt-pchip i{width:32px;height:32px;border-radius:50%;background:#26262a center/cover no-repeat;flex:none}
.tmt-pchip.cur{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.09)}
.tmt-pchip small{color:var(--tmt-mute);font-weight:500;font-size:inherit}
a.tmt-pchip:hover{border-color:rgba(255,255,255,.24)}
.tmt-dir{position:relative;border-radius:18px;background:#171719;border:1px solid rgba(255,255,255,.08);overflow:hidden}
.tmt-dir-row{display:flex;align-items:center;gap:12px;padding:13px 14px;font-size:15px;color:#fff}
.tmt-dir-row+.tmt-dir-row{border-top:1px solid rgba(255,255,255,.07)}
.tmt-dir-row .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(230,197,116,.12);flex:none}
.tmt-dir-row .ic svg{width:15px;height:15px;stroke:var(--tmt-gold-soft);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tmt-dir-row .t{flex:1;min-width:0}
.tmt-dir-row .t small{display:block;font-size:12px;color:var(--tmt-mute);margin-bottom:2px}
.tmt-dir-row .t span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmt-dir-row .a{font-size:13.5px;font-weight:600;color:var(--tmt-lav)!important;flex:none}
.tmt-dir.locked .tmt-dir-row .t span{filter:blur(6px);opacity:.6;user-select:none;-webkit-user-select:none}
.tmt-dir-lock{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,rgba(17,17,19,.2),rgba(17,17,19,.55))}
.tmt-dir-lock .tpg-pill{margin:0}
.tmt-pfoot{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--tmt-mute)}
/* the Pro pill (fallback when tmw-progate.js has not loaded) */
.tmt-sheet .tpg-pill svg{stroke:#C4B5FD}
.tmt-sheet button.tpg-pill{display:inline-flex;align-items:center;gap:12px;height:46px;font:600 14px/1 var(--tmt-sans);color:#fff;padding:0 5px 0 18px!important;border-radius:999px;white-space:nowrap;background:linear-gradient(100deg,#120d22 0%,#1d1438 45%,#2a1b52 100%)!important;border:1px solid rgba(167,139,250,.38)!important;box-shadow:0 0 0 1px rgba(167,139,250,.06) inset,0 14px 36px rgba(0,0,0,.4),0 0 34px rgba(139,92,246,.28)}
.tmt-sheet button.tpg-pill>b{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;color:#fff;font:700 13px/1 var(--tmt-sans);background:linear-gradient(135deg,#8B5CF6,#6366F1);box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 8px 22px rgba(139,92,246,.5)}
/* forms */
.tmt-fld{display:block;margin-top:10px}
.tmt-fld>span{display:block;font-size:12.5px;color:var(--tmt-mute);margin:0 0 6px 4px}
.tmt-fld>span em{font-style:normal;float:right;margin-right:4px}
.tmt-inp{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:0 15px;border-radius:14px;background:#19191c!important;border:1px solid rgba(255,255,255,.1)!important;font-size:16px;color:#fff;outline:none;transition:border-color .15s,box-shadow .15s;box-shadow:none}
.tmt-inp:focus,.tmt-inp:focus-within{border-color:rgba(196,181,253,.6)!important;box-shadow:0 0 0 3px rgba(167,139,250,.15)}
.tmt-inp.ok{border-color:rgba(66,235,129,.45)!important}
.tmt-inp.bad{border-color:rgba(255,105,97,.6)!important;box-shadow:0 0 0 3px rgba(255,105,97,.12)}
textarea.tmt-inp{display:block;padding:13px 15px;min-height:96px;resize:none;line-height:1.5}
.tmt-inp input{flex:1;min-width:0;background:none!important;border:0!important;outline:none;height:48px;padding:0;font-size:16px;color:#fff;box-shadow:none!important}
input.tmt-inp{display:block;height:50px}
.tmt-inp::placeholder,.tmt-inp input::placeholder{color:#6f7570}
.tmt-inp>svg{width:17px;height:17px;stroke:var(--tmt-mute);fill:none;stroke-width:1.8;flex:none;stroke-linecap:round;stroke-linejoin:round}
.tmt-hint{display:flex;align-items:flex-start;gap:7px;margin:8px 4px 0;font-size:12.5px;line-height:1.45;color:var(--tmt-mute)}
.tmt-hint svg{width:14px;height:14px;flex:none;margin-top:1px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tmt-hint.ok{color:var(--tmt-green)}
.tmt-hint.bad{color:#FF8A84}
.tmt-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:420px){.tmt-two{grid-template-columns:1fr;gap:0}}
.tmt-pills{display:flex;flex-wrap:wrap;gap:8px}
.tmt-pills button{height:36px;padding:0 14px!important;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--tmt-mute2);background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.12)!important}
.tmt-pills button.on{color:#0b0b0c;background:#ECEAE5!important;border-color:#ECEAE5!important}
.tmt-done{text-align:center;padding:12px 0 4px}
.tmt-done .ok{width:64px;height:64px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:rgba(66,235,129,.12);box-shadow:inset 0 0 0 1px rgba(66,235,129,.4)}
.tmt-done .ok svg{width:28px;height:28px;stroke:var(--tmt-green);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tmt-done h3{margin:16px 0 0;font:600 26px/1.15 var(--tmt-serif);color:#fff;letter-spacing:0;text-transform:none}
.tmt-done p{margin:8px auto 0;max-width:360px;font-size:14.5px;line-height:1.55;color:var(--tmt-mute2)}
.tmt-done p b{color:#fff;font-weight:600}
/* join */
.tmt-step{font:700 11px/1 var(--tmt-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tmt-lav)}
.tmt-jh{margin:10px 0 0;font:600 28px/1.12 var(--tmt-serif);letter-spacing:-.012em;color:#fff;text-wrap:balance}
.tmt-js{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:var(--tmt-mute2)}
.tmt-jp{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);margin-bottom:18px}
.tmt-jp i{width:46px;height:46px;border-radius:12px;background:#26262a center/cover no-repeat;flex:none}
.tmt-jp>div{min-width:0}
.tmt-jp b{display:block;color:#fff;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmt-jp small{display:block;color:var(--tmt-mute);font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmt-dots{display:flex;gap:5px;margin-left:auto;flex:none}
.tmt-dots i{width:18px;height:4px;border-radius:2px;background:rgba(255,255,255,.14)}
.tmt-dots i.on{background:var(--tmt-lav)}
.tmt-opts{margin-top:18px;border-radius:18px;background:#171719;border:1px solid rgba(255,255,255,.08);overflow:hidden}
.tmt-opt{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px!important;text-align:left;color:#fff;position:relative}
.tmt-opt+.tmt-opt{border-top:1px solid rgba(255,255,255,.07)}
button.tmt-opt:hover{background:rgba(255,255,255,.03)!important}
.tmt-opt .t{flex:1;min-width:0}
.tmt-opt .t b{display:flex;align-items:center;gap:6px;font-size:15.5px;font-weight:600}
.tmt-opt .t b span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tmt-opt .t small{display:block;font-size:12.5px;color:var(--tmt-mute);margin-top:3px}
.tmt-radio{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);flex:none;display:grid;place-items:center}
.tmt-opt.on .tmt-radio{border-color:var(--tmt-lav);background:var(--tmt-lav)}
.tmt-opt.on .tmt-radio::after{content:"";width:8px;height:8px;border-radius:50%;background:#111113}
.tmt-opt.dis{opacity:.45;cursor:default}
.tmt-jf{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:10px}
.tmt-jf>.tmt-pearl,.tmt-jf>.tmt-ghost{width:100%}
.tmt-note{margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);font-size:12.5px;line-height:1.5;color:var(--tmt-mute2)}
.tmt-note b{color:#fff;font-weight:600}
.tmt-note.warn{background:rgba(255,105,97,.06);border-color:rgba(255,105,97,.25)}
/* "Add a photo to your card" after a join (2026-10-20): opens Account settings > Profile */
.tmt-photo{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(196,181,253,.06);border:1px solid rgba(196,181,253,.22);color:inherit;text-decoration:none;font-size:12.5px;line-height:1.45;color:var(--tmt-mute2)}
.tmt-photo:hover{background:rgba(196,181,253,.1)}
.tmt-photo>span:not(.tmt-av){flex:1;min-width:0}
.tmt-photo b{display:block;color:#fff;font-weight:600;font-size:13.5px;margin-bottom:1px}
.tmt-photo>svg{flex:none;width:16px;height:16px;fill:none;stroke:#C4B5FD;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tmt-sheet .tmt-note .tmt-txt{font-size:12.5px;padding:0 2px!important}
.tmt-art{width:76px;height:76px;margin:6px auto 0;border-radius:22px;display:grid;place-items:center;background:linear-gradient(160deg,rgba(167,139,250,.22),rgba(99,102,241,.08));box-shadow:inset 0 0 0 1px rgba(167,139,250,.35),0 0 40px rgba(139,92,246,.2)}
.tmt-art svg{width:34px;height:34px;stroke:var(--tmt-lav);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tmt-art.warn{background:linear-gradient(160deg,rgba(255,105,97,.18),rgba(255,105,97,.04));box-shadow:inset 0 0 0 1px rgba(255,105,97,.35)}
.tmt-art.warn svg{stroke:#FF8A84}
.tmt-art.gold{background:linear-gradient(160deg,rgba(230,197,116,.2),rgba(230,197,116,.04));box-shadow:inset 0 0 0 1px rgba(230,197,116,.4)}
.tmt-meter{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:#171719;border:1px solid rgba(255,255,255,.08);margin-top:16px;text-align:left}
.tmt-meter .rg{position:relative;width:54px;height:54px;flex:none}
.tmt-meter .rg svg{transform:rotate(-90deg);display:block}
.tmt-meter .rg i{position:absolute;inset:0;display:grid;place-items:center;font:700 13px/1 var(--tmt-sans);font-style:normal;color:#fff}
.tmt-meter b{color:#fff;font-size:15px;font-weight:600}
.tmt-meter small{display:block;color:var(--tmt-mute);font-size:12.5px;margin-top:3px;line-height:1.4}
.tmt-ml{margin-top:12px;border-radius:16px;background:#171719;border:1px solid rgba(255,255,255,.08);overflow:hidden}
.tmt-ml-row{display:flex;align-items:center;gap:11px;padding:10px 12px}
.tmt-ml-row+.tmt-ml-row{border-top:1px solid rgba(255,255,255,.07)}
.tmt-ml-row i{width:36px;height:36px;border-radius:10px;background:#26262a center/cover no-repeat;flex:none}
.tmt-ml-row .t{flex:1;min-width:0}
.tmt-ml-row .t b{display:block;color:#fff;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmt-ml-row .t small{display:block;color:var(--tmt-mute);font-size:12px;margin-top:2px}
.tmt-ml-row .rm{font-size:13px;font-weight:600;color:var(--tmt-red);flex:none}
.tmt-ml-row .rm[disabled]{opacity:.5}
.tmt-how{margin-top:16px;border-radius:16px;background:#171719;border:1px solid rgba(255,255,255,.08);overflow:hidden}
.tmt-how div{padding:12px 14px;font-size:14.5px;color:#fff;font-weight:600}
.tmt-how div+div{border-top:1px solid rgba(255,255,255,.07)}
.tmt-how small{display:block;margin-top:3px;font-size:12.5px;line-height:1.45;color:var(--tmt-mute);font-weight:400}
/* the Pro card inside the join sheet (tmw-progate.css look) */
.tmt-sheet .tpg{margin:0;border-radius:22px}
.tmt-sheet .tpg .tpg-tp{padding:30px 22px 26px}
.tmt-sheet .tpg .tpg-h{margin:14px 0 10px;font-size:28px;line-height:1.15}
.tmt-sheet .tpg .tpg-sub{margin:0 0 20px;max-width:380px;font-size:14px}
.tmt-sheet .tpg ul{list-style:none;text-align:left;margin:0 0 22px;padding:0;display:grid;gap:9px;font-size:13.5px;color:#D9D6E8}
.tmt-sheet .tpg li{display:flex;gap:9px;align-items:flex-start;margin:0}
.tmt-sheet .tpg li svg{width:15px;height:15px;stroke:#C4B5FD;fill:none;stroke-width:2.2;flex:none;margin-top:2px;stroke-linecap:round;stroke-linejoin:round}
.tmt-sheet .tpg .tpg-tp>.tpg-go{margin:0}
.tmt-sheet .tpg .tmt-alt{margin-top:14px;font-size:13px;font-weight:600;color:#C4B5FD;padding:4px 6px!important}
.tmt-sheet .tpg .tmt-alt:hover{color:#E4DBFF}
.tmt-spin{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid rgba(11,11,12,.25);border-top-color:#0b0b0c;animation:tmtSpin .7s linear infinite}
@keyframes tmtSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.tmt-pearl,.tmt-sheet .tpg-au b,.tmt-sheet .tpg-gr{animation:none}.tmt-sheet,.tmt-scrim{transition:none}}