/* 25 Oct 2026 (branding chat, owner "Deploy all now"): /join and /privacy in the Main design (D-042 phase 2).
   Cream paper, chunky press buttons, Joki mascot. Follows the phone light/dark (html[data-theme]). Pairs with tm-join.js + tm-joki.js. */
body.tm-join{--j-bg:#FFF7EC;--j-fg:#15192B;--j-mute:#565E78;--j-card:#FFFFFF;--j-edge:#15192B;--j-soft:#F3EADB;--j-yellow:#FFD000;--j-orange:#FF8A1F;--j-sell:#C4372F;
 background:var(--j-bg)!important;color:var(--j-fg)!important;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;color-scheme:light!important}
html[data-theme="dark"] body.tm-join{--j-bg:#121626;--j-fg:#F4F1EA;--j-mute:#A8AEC4;--j-card:#1D2338;--j-edge:#05060B;--j-soft:#1A2034;--j-sell:#FF8A80;color-scheme:dark!important}
body.tm-join a{color:var(--j-fg)!important;text-underline-offset:3px!important}
/* header */
body.tm-join>header{background:transparent!important;max-width:640px!important;padding:12px max(18px,env(safe-area-inset-right,0px)) 12px max(18px,env(safe-area-inset-left,0px))!important;border-bottom:0!important;gap:10px!important}
body.tm-join>header .brand{background:#fff!important;color:#15192B!important;font-weight:950!important;font-style:italic!important;font-size:15px!important;letter-spacing:-.02em!important;text-transform:uppercase!important;padding:4px 10px!important;border-radius:8px!important;transform:rotate(-3deg)!important;box-shadow:3px 3px 0 var(--j-edge)!important;border:2px solid #15192B!important;display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:36px!important}
body.tm-join>header .brand svg.mark{width:20px!important;height:20px!important;background:#FFD000!important;color:#15192B!important;border-radius:5px!important}
body.tm-join .hdr-actions{display:flex!important;align-items:center!important;gap:8px!important}
body.tm-join .theme-toggle{width:44px!important;height:44px!important;border-radius:14px!important;border:2.5px solid var(--j-edge)!important;border-bottom-width:4px!important;background:var(--j-card)!important;color:var(--j-fg)!important;display:grid!important;place-items:center!important;cursor:pointer!important}
body.tm-join .theme-toggle svg{width:20px!important;height:20px!important}
body.tm-join header .hdr-actions a[href="/join#signin"],body.tm-join>header>a[href="/join#signin"]{border:2.5px solid var(--j-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;background:var(--j-card)!important;color:var(--j-fg)!important;font-weight:850!important;text-decoration:none!important;padding:0 12px!important;min-height:44px!important;display:inline-flex!important;align-items:center!important}
body.tm-join>.install-entry{display:block!important;margin:0 auto 4px!important;max-width:604px!important;width:calc(100% - 36px)!important;min-height:44px!important;border-radius:14px!important;border:2.5px solid var(--j-edge)!important;border-bottom-width:4px!important;background:var(--j-card)!important;color:var(--j-fg)!important;font-weight:850!important;cursor:pointer!important}
/* main */
body.tm-join main{max-width:640px!important;margin:8px auto 30px!important;padding:0 max(18px,env(safe-area-inset-left,0px))!important}
body.tm-join .eyebrow{display:none!important}
.tm-head{display:flex!important;align-items:flex-start!important;gap:12px!important;margin:8px 0 4px!important}
.tm-head .tm-j{flex:0 0 auto!important;margin-top:-4px!important}
.tm-joki{display:block!important;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff)!important}
body.tm-join .tm-bub{position:relative!important;flex:1!important;min-width:0!important;margin:6px 0 0!important;background:var(--j-card)!important;color:var(--j-fg)!important;border:2.5px solid var(--j-edge)!important;border-bottom-width:5px!important;border-radius:18px!important;padding:10px 14px!important;font-weight:750!important;font-size:15.5px!important;line-height:1.35!important}
.tm-bub::before{content:""!important;position:absolute!important;left:-10px!important;top:18px!important;width:14px!important;height:14px!important;background:var(--j-card)!important;border-left:2.5px solid var(--j-edge)!important;border-bottom:2.5px solid var(--j-edge)!important;transform:rotate(45deg)!important}
body.tm-join h1{font-size:clamp(36px,10vw,50px)!important;line-height:.95!important;font-weight:950!important;font-style:italic!important;letter-spacing:-.04em!important;text-transform:uppercase!important;margin:16px 0 14px!important;color:var(--j-fg)!important}
body.tm-join h1 .tm-hl{display:inline-block!important;background:var(--j-yellow)!important;color:#15192B!important;padding:0 8px!important;transform:rotate(-1.5deg)!important}
body.tm-join h2{font-weight:900!important;letter-spacing:-.02em!important}
body.tm-join .intro,body.tm-join .hint,body.tm-join legend span,body.tm-join label span,body.tm-join summary span{color:var(--j-mute)!important}
body.tm-join .hint{font-size:13.5px!important}
body.tm-join label{font-weight:800!important;margin:16px 0 6px!important}
body.tm-join input:not([type=checkbox]):not([type=radio]),body.tm-join select{min-height:52px!important;border:2.5px solid var(--j-edge)!important;border-radius:14px!important;background:var(--j-card)!important;color:var(--j-fg)!important;font-size:17px!important;padding:10px 14px!important}
body.tm-join input:focus-visible,body.tm-join select:focus-visible{outline:3px solid var(--j-yellow)!important;outline-offset:2px!important}
body.tm-join input[type=checkbox],body.tm-join input[type=radio]{accent-color:#15192B!important;width:22px!important;height:22px!important;flex:0 0 22px!important}
html[data-theme="dark"] body.tm-join input[type=checkbox],html[data-theme="dark"] body.tm-join input[type=radio]{accent-color:#FFD000!important}
body.tm-join .choices label{border:2.5px solid var(--j-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;background:var(--j-card)!important;font-weight:800!important;padding:12px 16px!important}
body.tm-join .choices label:has(input:checked){background:var(--j-yellow)!important;color:#15192B!important}
body.tm-join .check{font-size:14.5px!important}
body.tm-join fieldset{border-top:2px dashed var(--j-soft)!important}
body.tm-join details{border-block:2px dashed var(--j-soft)!important}
body.tm-join summary{font-weight:800!important}
body.tm-join .notice{border:2.5px solid var(--j-edge)!important;border-bottom-width:5px!important;border-radius:16px!important;background:var(--j-card)!important;padding:14px!important;font-size:14.5px!important}
body.tm-join #delivery-note{background:var(--j-soft)!important;border:0!important;border-radius:14px!important;font-weight:650!important}
body.tm-join .button{min-height:56px!important;border-radius:16px!important;border:2.5px solid var(--j-edge)!important;border-bottom-width:6px!important;background:var(--j-yellow)!important;color:#15192B!important;font:900 18px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;cursor:pointer!important;text-decoration:none!important}
body.tm-join .button:active{border-bottom-width:2.5px!important;transform:translateY(3.5px)!important}
body.tm-join .button.secondary{background:var(--j-card)!important;color:var(--j-fg)!important;border-color:var(--j-edge)!important}
body.tm-join .button.danger{background:transparent!important;color:var(--j-sell)!important;border-color:var(--j-sell)!important;font-size:16px!important;min-height:48px!important;border-bottom-width:4px!important}
body.tm-join .text-button{color:var(--j-fg)!important;font-weight:850!important}
body.tm-join .market-options label{border:2px solid var(--j-edge)!important;border-radius:12px!important;background:var(--j-card)!important}
body.tm-join #transfer-help pre{background:var(--j-soft)!important;border:2px dashed var(--j-edge)!important;border-radius:10px!important;padding:10px!important;font-size:13.5px!important}
body.tm-join #application-status{font-weight:800!important;font-size:16px!important}
body.tm-join .danger-zone{border-left:3px solid var(--j-sell)!important}
body.tm-join footer{max-width:640px!important;border-top:2px dashed var(--j-soft)!important;color:var(--j-mute)!important}
body.tm-join #signup-message.form-error{color:#B42318!important;background:#FEF3F2!important;border:2.5px solid #B42318!important;border-radius:14px!important}
html[data-theme="dark"] body.tm-join #signup-message.form-error{color:#FF8A80!important;background:rgba(255,138,128,.1)!important;border-color:#FF8A80!important}
/* help button (floating) */
body.tm-join .founder-help summary{border:2.5px solid var(--j-edge)!important;border-bottom-width:4px!important;border-radius:14px!important;background:var(--j-yellow)!important;color:#15192B!important;font-weight:900!important;box-shadow:none!important}
body.tm-join .founder-help .help-card{border:2.5px solid var(--j-edge)!important;border-radius:16px!important;background:var(--j-card)!important;color:var(--j-fg)!important}
/* privacy page */
body.tm-join main.privacy h1{font-size:clamp(32px,9vw,44px)!important}
body.tm-join main.privacy h2{font-size:20px!important;font-style:italic!important;text-transform:uppercase!important}
@media (prefers-reduced-motion:reduce){body.tm-join .button:active{transform:none!important}}

body.tm-join>header a{color:var(--j-fg)!important}
body.tm-join .choices label:has(input:checked){color:#15192B!important}
body.tm-join .founder-help summary::before{color:#15192B!important}
body.tm-join .notice,body.tm-join .notice *{color:var(--j-fg)!important}
body.tm-join .notice a{text-decoration:underline!important}
html:has(> body.tm-join){background:#FFF7EC}
html[data-theme="dark"]:has(> body.tm-join){background:#121626}