.audience-join{--audience-primary:#006b5f;--audience-ink:#19332e;--audience-muted:#5d706a;--audience-outline:#c4d5ce;box-sizing:border-box;min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));color:var(--audience-ink);background:#f6faf8;flex-direction:column;align-items:center;gap:2.5rem;font-family:Google Sans,Noto Sans JP,system-ui,sans-serif;line-height:1.7;display:flex}.audience-join__header{justify-content:space-between;align-items:center;gap:1rem;width:min(100%,70rem);display:flex}.audience-join__brand{color:var(--audience-ink);letter-spacing:-.06em;align-items:baseline;gap:.75rem;font-size:1.75rem;font-weight:750;text-decoration:none;display:inline-flex}.audience-join__brand span{letter-spacing:.17em;color:var(--audience-muted);font-size:.625rem;font-weight:600}.audience-join__step{color:var(--audience-muted);letter-spacing:.06em;flex-shrink:0;font-size:.7rem;font-weight:550}.audience-join__card{box-sizing:border-box;overflow-wrap:anywhere;background:#fff;border:1px solid #e2ece6;border-radius:2rem;width:min(100%,29rem);min-width:0;margin:auto 0;padding:clamp(1.5rem,6vw,3rem);box-shadow:0 12px 48px #19332e06}.audience-join__symbol{width:3.5rem;height:3.5rem;color:var(--audience-primary);background:#d8f1e6;border-radius:1.25rem;place-items:center;margin-bottom:1.75rem;display:grid}.audience-join__symbol svg{width:2rem;height:2rem}.audience-join__eyebrow{color:var(--audience-primary);margin:0 0 .5rem;font-size:.75rem;font-weight:650}.audience-join__card h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.65rem,6vw,2rem);font-weight:600;line-height:1.45}.audience-join__intro{color:var(--audience-muted);margin:.75rem 0 2rem;font-size:.875rem}.audience-join__card label{margin:0 0 .5rem;font-size:.8rem;font-weight:600;display:block}.audience-join__card input{box-sizing:border-box;border:1px solid var(--audience-outline);width:100%;min-height:4rem;color:var(--audience-ink);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.13em;background:#f6faf8;border-radius:1rem;padding:.875rem 1rem;font-size:clamp(1.25rem,5vw,1.5rem);transition:border-color .16s,box-shadow .16s}.audience-join__card input::placeholder{color:#7c8e87;opacity:1}.audience-join__status{color:var(--audience-muted);align-items:center;gap:.5rem;min-height:1.3rem;margin:.75rem 0 1.5rem;font-size:.75rem;display:flex}.audience-join__notice{color:#53675f;background:#f0f5f1;border-radius:1rem;margin:0 0 1.25rem;padding:.75rem 1rem;font-size:.75rem}.audience-join__notice[role=alert]{color:#8c3426;background:#fff1ed}.audience-join__actions{flex-wrap:wrap;gap:.75rem;display:flex}.audience-join__actions button{min-height:3.5rem;font:inherit;background:var(--audience-primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;flex:auto;padding:.875rem 1.25rem;font-size:.95rem;font-weight:650;transition:background .16s}.audience-join__actions button:hover:not(:disabled){background:#00594f}.audience-join__actions button.audience-join__secondary{color:var(--audience-primary);border-color:var(--audience-outline);background:0 0}.audience-join__actions button.audience-join__secondary:hover{background:#edf5ef}.audience-join__actions button:disabled{color:#75867f;cursor:default;background:#e5ece7}.audience-join__card input:disabled{color:#75867f;cursor:default;background:#f2f6f3}.audience-join :focus-visible{outline:3px solid var(--audience-primary);outline-offset:4px}.audience-join__card input:focus-visible{outline-offset:2px;border-color:var(--audience-primary)}.audience-join__privacy{text-align:center;color:var(--audience-muted);margin:1.25rem 0 0;font-size:.7rem}.audience-join__footer{color:var(--audience-muted);text-align:center;font-size:.7rem}.audience-join__spinner{border:2px solid #c4d5ce;border-top-color:var(--audience-primary);border-radius:50%;flex-shrink:0;width:.875rem;height:.875rem;animation:.9s linear infinite audience-join-spin}@keyframes audience-join-spin{to{transform:rotate(360deg)}}.audience-development-links{color:#53675f;background:#f6faf8;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:.75rem 1.5rem 1.5rem;font:.75rem/1.5 system-ui,sans-serif;display:flex}.audience-development-links a{color:#006b5f;border:1px solid #c4d5ce;border-radius:999px;align-items:center;min-height:2.75rem;padding:0 1rem;text-decoration:none;display:inline-flex}.audience-development-links a:focus-visible{outline-offset:3px;outline:3px solid #006b5f}@media (width<=370px){.audience-join{padding-inline:1rem}.audience-join__brand{gap:.5rem;font-size:1.5rem}.audience-join__card{padding:1.5rem}}@media (prefers-reduced-motion:reduce){.audience-join__spinner{animation:none}.audience-join__card input,.audience-join__actions button{transition:none}}:root{color:#17352f;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f6faf8;font-family:Noto Sans JP,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button:disabled{opacity:.45;cursor:default}.audience-camera-view{isolation:isolate;background:#102822;min-height:100svh;position:relative}.camera{z-index:0;position:fixed;inset:0;width:100%!important;height:100%!important}.audience-camera-view>.audience-stage{z-index:1}