.join{padding:26px 0 0}@media (min-width: 960px){.join{padding-top:44px}}.join .wrap{max-width:68rem}.join-head{display:grid;gap:4px;max-width:40rem}.join-head .eyebrow{margin-bottom:8px}.join-head .lede{margin-top:12px}.join-grid{display:grid;gap:18px;margin-top:26px;align-items:start}@media (min-width: 960px){.join-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px;margin-top:34px}}.stage-col{display:grid;gap:12px;min-width:0}@media (min-width: 960px){.stage-col{position:sticky;top:calc(var(--head-h) + 18px)}}.stage{position:relative;overflow:hidden;height:clamp(320px,88vw,420px);border:1px solid var(--line-strong);border-radius:var(--radius);background:radial-gradient(60% 46% at 50% 38%,#fffefb,#fffefb00),linear-gradient(#f6f4ee,#ece8de);box-shadow:var(--shadow-card);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}@media (min-width: 960px){.stage{height:clamp(440px,calc(100svh - var(--head-h) - 230px),600px)}}.stage.dragging{cursor:grabbing}.stage:focus-visible{outline:2px solid rgba(58,58,55,.55);outline-offset:3px}.tt-canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.stage-tools{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.stage-tools>*{pointer-events:auto}.stage-hint{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:color-mix(in oklab,var(--paper) 80%,transparent);font-size:11px;color:var(--ink-3)}.stage-fallback{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;text-align:center;color:var(--ink-2);font-size:14px}.stage-fallback p{margin:0;max-width:18rem}.tag{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in oklab,var(--paper) 70%,var(--white))}.tag-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.tag-top b{font:700 18px/1.2 var(--display);letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tag-creed{margin:8px 0 0;font:400 17px/1.4 var(--serif);letter-spacing:-.005em;color:var(--ink);overflow-wrap:anywhere}.tag-creed.ghost{color:var(--ink-3)}.tag-voice{margin:8px 0 0;font-size:11.5px;color:var(--ink-3)}@media (max-width: 959px){.tag-creed{font-size:16px}}.join-card{padding:0;overflow:hidden}.step{padding:22px 18px 24px;border-bottom:1px solid var(--line);display:grid;gap:20px;min-width:0}@media (min-width: 640px){.step{padding:26px 26px 28px}}.step-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:start}.step-n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--neon);font-size:13px;color:var(--ink)}.step-head h2{font:700 20px/1.2 var(--display);letter-spacing:-.025em;padding-top:1px}.step-head p{margin:3px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink-3)}.step-random{align-self:center}@media (max-width: 379px){.step-head{grid-template-columns:34px minmax(0,1fr)}.step-random{grid-column:2;justify-self:start}}.field{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}.label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0;font:500 13px/1.3 var(--display);color:var(--ink-2)}fieldset>legend.label{width:100%;margin-bottom:8px}.label small{font-size:11px;font-weight:400;color:var(--ink-3)}.input,.textarea{width:100%;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--white);font:400 16px/1.3 var(--sans);color:var(--ink);transition:border-color .15s var(--ease),box-shadow .15s var(--ease);-webkit-appearance:none;appearance:none}.textarea{min-height:96px;padding:12px 14px;resize:vertical;font:400 17px/1.45 var(--serif)}.input::placeholder,.textarea::placeholder{color:var(--ink-4)}.input:focus,.textarea:focus{outline:none;border-color:#3a3a37;box-shadow:0 0 0 4px #c9ff3f61}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--ask)}.help{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-3)}.err{margin:0;font-size:13px;line-height:1.45;color:var(--ask)}.err:empty{display:none}.schools{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}@media (min-width: 480px){.schools{grid-template-columns:repeat(2,minmax(0,1fr))}}.school{position:relative;display:grid;gap:3px;min-height:64px;padding:11px 14px 12px 40px;border:1px solid var(--line-strong);border-radius:12px;background:var(--paper);cursor:pointer;transition:border-color .15s var(--ease),background-color .15s var(--ease),box-shadow .15s var(--ease)}.school:hover{background:var(--surface-2)}.school input{position:absolute;left:14px;top:14px;width:16px;height:16px;margin:0;accent-color:var(--ink)}.s-name{font:600 14.5px/1.25 var(--display);letter-spacing:-.01em}.s-line{font-size:12.5px;line-height:1.4;color:var(--ink-3)}.school:has(input:checked){border-color:var(--ink);background:var(--white);box-shadow:0 0 0 1px var(--ink),var(--shadow-soft)}.school:has(input:focus-visible){outline:2px solid rgba(58,58,55,.55);outline-offset:2px}.voices,.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{position:relative;display:inline-flex;cursor:pointer}.chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.chip span{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--paper);font:500 13.5px/1 var(--display);color:var(--ink-2);transition:background-color .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.chip:hover span{background:var(--surface-2);color:var(--ink)}.chip input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--paper)}.chip input:focus-visible+span{outline:2px solid rgba(58,58,55,.55);outline-offset:2px}.chip.locked{cursor:not-allowed}.chip.locked span{border-style:dashed;color:var(--ink-4);background:transparent}.chip.locked .ico{width:12px;height:12px}.look{display:grid;gap:20px}.look-colors,.look-opts{display:grid;gap:18px}@media (min-width: 640px){.look-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}}.lg{margin:0;padding:0;border:0;min-width:0}.lg .label small{font-family:var(--mono)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px 0;max-width:376px;justify-items:center}.sw{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;cursor:pointer}.sw:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #14141329,inset 0 -3px 6px #14141314}.sw:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid transparent;transition:border-color .15s var(--ease)}.sw:hover:after{border-color:var(--line-strong)}.sw input{position:absolute;opacity:0;inset:0;margin:0;cursor:inherit}.sw:has(input:checked):after{border-color:var(--ink)}.sw:has(input:focus-visible):after{border-color:var(--ink);box-shadow:0 0 0 3px #c9ff3f99}.sw.locked{cursor:not-allowed}.sw.locked:before{opacity:.38}.sw-lock{position:relative;z-index:1;width:12px;height:12px;color:var(--ink-2)}.cover{display:grid;gap:8px;margin-top:12px}.cover .label{justify-content:flex-start}.lock-note{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:12px;color:var(--ink-3)}.lock-note .ico{width:13px;height:13px;flex:none}.mind{display:grid;gap:12px;min-width:0}.mind-row{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px dashed var(--line-strong);border-radius:14px}.mind-row b{display:block;font:600 14.5px/1.3 var(--display)}.mind-row .help{margin-top:3px}.mind-ico{width:18px;height:18px;color:var(--ink-3);margin-top:1px}.wallets{display:grid;gap:6px}.wallet-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--white);font:500 15px/1.2 var(--display);text-align:left;transition:background-color .15s var(--ease),transform .15s var(--ease)}.wallet-opt:hover{background:var(--surface)}.wallet-opt:active{transform:scale(.985)}.wallet-opt[disabled]{opacity:.6;cursor:progress}.wallet-opt img,.wallet-opt .wi{width:32px;height:32px;flex:none;padding:4px;border-radius:10px;border:1px solid var(--line);background:#fff;object-fit:contain;display:inline-grid;place-items:center}.wallet-opt .wn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-opt small{margin-left:auto;font:400 11.5px/1 var(--mono);color:var(--ink-3);white-space:nowrap}.acct{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;min-height:48px;padding:4px 4px 4px 14px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.acct-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #9de50033;flex:none}.acct-addr{font-size:13.5px}.acct-out{margin-left:auto;border-color:transparent;box-shadow:none;background:transparent}.badge.as-btn{border:0;min-height:28px;cursor:pointer;font-family:var(--display)}.key-ok{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;padding:12px 14px;border-radius:12px;background:var(--accent-tint);color:var(--accent)}.key-ok .ico{margin-top:2px}.key-ok b{display:block;font:600 14.5px/1.3 var(--display);color:var(--ink)}.key-ok .help{color:var(--ink-2)}.bal{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0;padding:4px 2px;font-size:14px;color:var(--ink-2)}.bal b{font-size:22px;font-weight:500;letter-spacing:-.03em;color:var(--ink)}p.bal{display:block}.linkish{padding:0;border:0;background:none;font:inherit;color:var(--ink);text-decoration:underline;text-decoration-color:var(--neon-2);text-decoration-thickness:2px;text-underline-offset:4px;min-height:40px}.note{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;padding:12px 14px;border-radius:12px;background:var(--surface-2);color:var(--ink-2);font-size:13.5px;line-height:1.5}.note .ico{margin-top:2px;color:var(--ink-3)}.note p{margin:0}.note .text-link{min-height:0}.enter{display:grid;gap:10px;padding:22px 18px 24px;background:color-mix(in oklab,var(--paper) 60%,var(--white))}@media (min-width: 640px){.enter{padding:24px 26px 26px}}.enter .btn-lg{min-height:52px;font-size:16px}.enter .btn.btn-neon.needs-wallet,.enter .btn.btn-neon.needs-wallet[aria-disabled=true]{background:var(--surface-2);color:var(--ink-2);border-color:var(--line-strong);box-shadow:none;opacity:1}.enter .btn.btn-neon.needs-wallet:hover{background:var(--surface-3);color:var(--ink)}.join-page .site-footer{margin-top:72px}