.jc-form-host{font-family:'Hanken Grotesk',sans-serif}
.jc-form-host *{box-sizing:border-box}
.jc-form-host .jc-window{--jc-bg:#211f1d;--jc-text:#eee1c8;--jc-muted:#b8ad9b;--jc-accent:var(--join);--jc-soft:color-mix(in srgb,var(--jc-accent) 24%,#211f1d);background:var(--jc-bg);color:var(--jc-text);border-radius:20px;overflow:hidden;min-height:640px;display:flex;flex-direction:column;border:1px solid var(--jc-accent)}
.jc-form-host .jc-window[data-flow="brand"]{--jc-accent:var(--roster)}
.jc-form-host .jc-primary:hover{color:#fff4e4}
.jc-form-host .jc-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 32px}
.jc-form-host .jc-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600;letter-spacing:-.5px}
.jc-form-host .jc-capsule{display:flex;overflow:hidden;border-radius:40px;font-size:14px;color:#fff0d8;transform:rotate(-12deg)}
.jc-form-host .jc-capsule b{background:#cc844c;padding:5px 9px;font-weight:600}.jc-form-host .jc-capsule b+b{background:#548ba5}
.jc-form-host .jc-switch{display:flex;background:#171615;border:1px solid #eee1c81a;border-radius:30px;padding:4px;gap:2px}
.jc-form-host .jc-switch button{background:transparent;border:0;color:var(--jc-muted);padding:9px 15px;border-radius:30px;font:500 13px 'Hanken Grotesk',sans-serif;min-height:38px}
.jc-form-host .jc-switch button[aria-pressed="true"]{background:#eee1c8;color:#211f1d}
.jc-form-host .jc-track{height:3px;background:#eee1c812;margin:0 32px}.jc-form-host .jc-track>div{height:100%;width:0;background:var(--jc-accent);transition:width .25s ease}
.jc-form-host .jc-main{padding:45px 60px 36px;flex:1}
.jc-form-host .jc-kicker{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:1.8px;color:var(--jc-muted);margin-bottom:28px}
.jc-form-host .jc-dot{width:7px;height:7px;border-radius:100%;background:var(--jc-accent)}.jc-form-host [data-jc-id="jc-count"]{margin-left:auto;letter-spacing:.5px}
.jc-form-host h2{font-size:clamp(30px,5vw,46px);font-weight:600;line-height:1.12;letter-spacing:-1.5px;margin:0;max-width:570px;color:var(--jc-text)}
.jc-form-host [data-jc-id="jc-help"]{font-size:16px;line-height:1.6;color:var(--jc-muted);margin:16px 0 26px;max-width:500px}
.jc-form-host input,.jc-form-host textarea{font:400 24px/1.4 'Hanken Grotesk',sans-serif;display:block;width:100%;color:var(--jc-text);background:transparent;border:0;border-bottom:1px solid #eee1c840;padding:12px 0 15px;border-radius:0}
.jc-form-host textarea{font-size:19px;resize:vertical;min-height:110px}
.jc-form-host input::placeholder,.jc-form-host textarea::placeholder{color:#92897b;opacity:1}
.jc-form-host .jc-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px}
.jc-form-host .jc-option{display:flex;align-items:center;gap:12px;font:400 16px 'Hanken Grotesk',sans-serif;text-align:left;background:#282522;color:var(--jc-text);border:1px solid var(--jc-accent);padding:13px 16px;border-radius:9px;min-height:52px}
.jc-form-host .jc-option[aria-pressed="true"]{border-color:var(--jc-accent);background:var(--jc-soft)}.jc-form-host .jc-option span{font-size:11px;color:var(--jc-muted);border:1px solid #eee1c82a;padding:3px 6px;border-radius:4px}
.jc-form-host .jc-option:hover{border-color:var(--jc-accent)}
.jc-form-host [data-jc-id="jc-error"]{color:#ffbd9c;min-height:20px;margin:12px 0;font-size:13px}
.jc-form-host .jc-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:14px}
.jc-form-host .jc-primary{background:var(--jc-text);color:#211f1d;border:0;border-radius:999px;padding:15px 24px;min-height:50px;display:flex;gap:32px;align-items:center;font:600 16px 'Hanken Grotesk',sans-serif}
.jc-form-host .jc-primary:hover{background:var(--jc-accent)}.jc-form-host [data-jc-id="jc-keyhint"]{color:var(--jc-muted);font-size:12px}
.jc-form-host .jc-text{background:transparent;color:var(--jc-muted);border:0;font:400 13px 'Hanken Grotesk',sans-serif;padding:12px 8px;min-height:44px}
.jc-form-host .jc-text:disabled{opacity:.35}.jc-form-host [hidden]{display:none!important}
.jc-form-host .jc-bottom{padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #eee1c815;color:var(--jc-muted);font-size:12px;letter-spacing:.3px}
.jc-form-host .jc-review{margin:0;display:grid;gap:0}.jc-form-host .jc-review>div{padding:12px 0;border-bottom:1px solid #eee1c820;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px}.jc-form-host dt{font-size:12px;color:var(--jc-muted)}.jc-form-host dd{margin:0;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.jc-form-host .jc-edit{grid-column:2;grid-row:1/3}
@media(max-width:500px){.jc-form-host .jc-window{border-radius:12px;min-height:650px}.jc-form-host .jc-top{padding:20px;gap:14px}.jc-form-host .jc-main{padding:30px 24px}.jc-form-host .jc-track{margin:0 20px}.jc-form-host .jc-bottom{padding:12px 20px}.jc-form-host .jc-options{grid-template-columns:1fr}.jc-form-host input{font-size:21px}.jc-form-host .jc-brand{font-size:17px}.jc-form-host .jc-switch button{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.jc-form-host .jc-track>div{transition:none}}
.jc-form-host{max-width:560px;margin:0 auto}
.jc-form-host .jc-window{min-height:460px;border-radius:12px}
.jc-form-host .jc-top{padding:16px 22px;gap:12px}
.jc-form-host .jc-brand{font-size:16px;gap:8px}
.jc-form-host .jc-capsule{font-size:11px;transform:none}
.jc-form-host .jc-capsule b{padding:4px 7px}
.jc-form-host .jc-switch button{font-size:12px;padding:7px 11px;min-height:32px}
.jc-form-host .jc-track{margin:0;height:2px}
.jc-form-host .jc-main{padding:28px 34px 24px}
.jc-form-host .jc-kicker{margin-bottom:20px;font-size:11px;letter-spacing:1px}
.jc-form-host h2{font-size:30px;line-height:1.18;letter-spacing:-.8px}
.jc-form-host [data-jc-id="jc-help"]{font-size:14px;margin:12px 0 19px;line-height:1.5}
.jc-form-host input{font-size:21px;padding:8px 0 12px}
.jc-form-host textarea{font-size:17px;min-height:85px;padding:8px 0}
.jc-form-host .jc-options{gap:8px}
.jc-form-host .jc-option{min-height:44px;padding:10px 12px;font-size:14px;border-radius:5px}
.jc-form-host .jc-primary{min-height:44px;font-size:14px;border-radius:5px;padding:11px 18px;gap:18px}
.jc-form-host .jc-actions{gap:12px;margin-top:0}
.jc-form-host [data-jc-id="jc-error"]{margin:8px 0;min-height:17px;font-size:12px}
.jc-form-host .jc-bottom{padding:8px 22px;font-size:11px}
.jc-form-host [data-jc-id="jc-answer"]{transition:transform .18s ease}
@media(max-width:400px){.jc-form-host .jc-main{padding:24px}.jc-form-host h2{font-size:27px}.jc-form-host .jc-options{grid-template-columns:1fr}.jc-form-host .jc-top{padding:14px 20px}.jc-form-host .jc-window{min-height:470px}}
@media(prefers-reduced-motion:reduce){.jc-form-host [data-jc-id="jc-answer"]{transition:none}}
.jc-form-host h2 { font-family: "Britti Sans", "Hanken Grotesk", system-ui, sans-serif; }
.jc-form-host .jc-window { width: 100%; }
.jc-form-host .jc-switch button { min-height: 44px; }
.jc-form-host .jc-primary:disabled { opacity: .6; }
.jc-form-host .jc-main { overflow-wrap: anywhere; }
.jc-form-host :focus-visible { outline: 2px solid var(--jc-accent); outline-offset: 4px; }

/* Minimal question-only embed; paired navigation at lower right. */
.jc-form-host .jc-window { min-height: 400px; }
.jc-form-host .jc-kicker { justify-content: flex-start; margin-bottom: 18px; }
.jc-form-host [data-jc-id="jc-count"] { margin-left: 0; }
.jc-form-host .jc-main { padding-top: 30px; }
.jc-form-host .jc-bottom { justify-content: flex-end; border: 0; padding: 8px 18px 16px; }
.jc-form-host .jc-nav { display: flex; gap: 1px; overflow: hidden; border-radius: 5px; }
.jc-form-host .jc-nav-button { width: 44px; height: 44px; border: 0; background: var(--jc-text); color: var(--jc-bg); font: 24px/1 system-ui, sans-serif; }
.jc-form-host .jc-nav-button:disabled { opacity: .35; }
@media(max-width:400px) { .jc-form-host .jc-window { min-height: 420px; } }

.jc-form-host .jc-profile-preview { margin-top: 16px; font: 13px/1.5 "Hanken Grotesk", system-ui, sans-serif; color: var(--jc-muted); }
.jc-form-host .jc-profile-preview p { margin: 0 0 5px; }
.jc-form-host .jc-profile-preview a { color: var(--jc-text); overflow-wrap: anywhere; }
.jc-form-host .jc-profile-preview small { display: block; font-size: 11px; margin-top: 8px; }
.jc-form-host .jc-profile-confirm { display: flex; gap: 10px; align-items: center; min-height: 44px; color: var(--jc-text); }
.jc-form-host .jc-profile-confirm input { width: 18px; height: 18px; padding: 0; margin: 0; accent-color: var(--jc-accent); }
.jc-form-host .jc-thanks { display: block; width: auto; max-width: 100%; max-height: min(280px, 38vh); margin: 12px auto 0; }