.qj{gap:10px;width:100%;max-width:560px;display:grid}.qj-label{color:var(--muted);font-size:13px;font-weight:600}.qj-row{gap:10px;display:flex}.qj-input{border:1px solid var(--field-border);background:var(--field);min-width:0;height:56px;color:var(--text);font:inherit;caret-color:var(--accent-text);border-radius:12px;flex:1;padding:0 16px;font-size:17px;transition:border-color .15s}.qj-input::placeholder{color:var(--muted);opacity:.7}.qj-input:focus{border-color:var(--accent-text);outline:2px solid var(--accent-text);outline-offset:1px}.qj-input[aria-invalid=true]{border-color:var(--danger)}.qj .key{flex:none}.qj-free{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;font-size:14px;line-height:1.4;display:flex}.qj-free-badge{background:var(--accent);height:24px;color:var(--accent-ink);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.qj-notice{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.qj-notice a{color:var(--text)}.qj-error{color:var(--danger);margin:0;font-size:14px}.qj-honey{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.qj-done{align-items:center;gap:10px;min-height:56px;margin:0;font-size:17px;font-weight:600;display:inline-flex}.qj-done svg{background:var(--accent);fill:none;width:22px;height:22px;stroke:var(--accent-ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;padding:3px}.qj-lbl-narrow{display:none}@media (max-width:560px){.qj-lbl-wide{display:none}.qj-lbl-narrow{display:inline}.qj-row{flex-direction:column}.qj-input{flex:none;width:100%}.qj .key,.qj .key-face{width:100%}}.join-sheet{border:1px solid var(--line);background:var(--bg);width:min(500px,100vw - 32px);max-width:none;max-height:min(760px,100dvh - 32px);color:var(--text);overscroll-behavior:contain;border-radius:20px;padding:0;overflow:auto;box-shadow:0 50px 120px -40px #000000b3}.join-sheet::backdrop{background:#0a0a099e}html:has(dialog[open]){overflow:hidden}.join-sheet-inner{padding:30px 28px 26px;position:relative}.join-close{border:1px solid var(--line);width:40px;height:40px;color:var(--text);background:0 0;border-radius:10px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.join-close:hover{border-color:var(--line-strong)}.join-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.join-title{font:600 clamp(24px, 3vw, 28px) / 1.15 var(--font-sans);letter-spacing:-.03em;margin:0 48px 0 0}.join-title:focus{outline:none}.join-sub{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 20px;font-size:15px}.join-sheet .qj{max-width:none}.join-mark{fill:none;width:52px;height:52px;stroke:var(--accent-text);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}.join-profile{border-top:1px solid var(--line);padding-top:18px}.join-profile h3{margin:0;font-size:16px;font-weight:600}.join-hint{color:var(--muted);margin:2px 0 0;font-size:13px}.join-chips{border:0;margin:16px 0 0;padding:0}.join-chips legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:600}.join-chips div{flex-wrap:wrap;gap:8px;display:flex}.join-chip{border:1px solid var(--line-strong);background:var(--surface);min-height:40px;color:var(--text);font:inherit;cursor:pointer;transition:background-color .15s ease, border-color .15s ease, transform var(--dur-snappy) var(--ease-snappy);border-radius:999px;padding:0 15px;font-size:15px}.join-chip:hover{border-color:var(--text)}.join-chip:active{transform:scale(.97)}.join-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.join-chip:focus-visible,.join-toggle input:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.join-toggle{cursor:pointer;align-items:flex-start;gap:10px;margin-top:18px;font-size:15px;display:flex}.join-toggle input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:1px 0 0}.join-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:22px;display:flex}.join-saving{color:var(--muted);margin:0;font-size:13px}@media (max-width:640px){.join-sheet{border-width:1px 0 0;border-radius:20px 20px 0 0;width:100%;max-height:92dvh;margin:auto 0 0}.join-sheet-inner{padding:26px 18px calc(22px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:no-preference){.join-sheet[open]{animation:join-in var(--dur-pop) var(--ease-pop)}@media (max-width:640px){.join-sheet[open]{animation-name:join-up}}}@keyframes join-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes join-up{0%{transform:translateY(100%)}}.mid-cta{border-block:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:center;gap:18px 40px;padding-block:34px;display:grid}.mid-cta h2{font:600 clamp(22px, 2.4vw, 28px) / 1.15 var(--font-sans);letter-spacing:-.03em;margin:0}.mid-cta p{color:var(--muted);margin:6px 0 0;font-size:15px}@media (max-width:860px){.mid-cta{grid-template-columns:1fr}}.article-join{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin-top:40px;padding:24px}.article-join h2{margin:0 0 6px;font-size:20px}.article-join>p{color:var(--muted);margin:0 0 16px}.founding-line{color:var(--text);align-items:baseline;gap:8px;font-weight:600;display:flex}.founding-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;transform:translateY(-1px)}.founding-line[data-state=full] .founding-dot{background:var(--muted)}.hero-founding,.plan-founding{margin-top:14px;font-size:14px;line-height:1.4}.founding-buy{flex:100%;gap:10px;display:grid}.founding-buy-row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.founding-buy-note{color:var(--muted);margin:0;font-size:14px}.founding-buy-error{color:var(--danger);margin:0;font-size:14px}.final-buy{margin-top:26px}@media (max-width:640px){.founding-buy-row{flex-direction:column;align-items:stretch}.founding-buy-row .key-face{width:100%}}