:root{--sq:clamp(14px, 2.5vw, 48px)}.form-page{width:100%;height:calc(100dvh - var(--header-h));background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.form-page>form{flex-direction:column;flex:1;min-height:0;display:flex}.form-wrap{box-sizing:border-box;flex-direction:column;width:100%;max-width:none;height:100%;display:flex}.form-header-row{border-bottom:1px solid var(--border);height:calc(var(--sq) * 3);flex-shrink:0;justify-content:space-between;align-items:center;padding:0;display:flex;overflow:hidden}.form-brand{padding:0 calc(var(--sq) * 2);border-right:1px solid var(--border);height:100%;min-width:calc(var(--sq) * 14);flex-direction:column;justify-content:center;display:flex}.form-eyebrow{letter-spacing:.28em;color:var(--accent);margin-bottom:3px;display:block}.form-title{font-size:calc(var(--sq) * 1.4);letter-spacing:-.02em;margin:0;font-family:Cormorant Garamond,serif;font-weight:300;line-height:1}.form-title em{color:var(--accent);font-style:italic}.form-header-center{padding:0 calc(var(--sq) * 2);flex:1;align-items:center;display:flex}.form-public-flag{font-family:DM Mono,monospace;font-size:clamp(11px, calc(var(--sq) * .5), 20px);color:var(--muted);letter-spacing:.12em}.form-header-right{padding:0 calc(var(--sq) * 2);border-left:1px solid var(--border);height:100%;width:calc(var(--sq) * 13);flex-shrink:0;align-items:center;display:flex}.form-app-title{font-family:Cormorant Garamond,serif;font-size:calc(var(--sq) * 1.1);letter-spacing:-.02em;color:var(--text);white-space:nowrap;font-weight:300;line-height:1}.form-body{grid-template-columns:calc(var(--sq) * 14) 1fr calc(var(--sq) * 13);flex:1;min-height:0;display:grid;overflow:hidden}.form-zone{padding:calc(var(--sq) * 1) calc(var(--sq) * 1.5);flex-direction:column;display:flex;overflow:hidden}.form-zone-a{border-right:1px solid var(--border);background:#11111099}.form-zone-b{border-right:1px solid var(--border);padding:calc(var(--sq) * 1) calc(var(--sq) * 2)}.form-zone-c{background:#0a0a0ab3}.form-zone-label{letter-spacing:.35em;color:var(--accent);opacity:.7;margin-bottom:calc(var(--sq) * .6);flex-shrink:0;font-size:11px}.field{padding-bottom:calc(var(--sq) * .55);flex-shrink:0;margin-bottom:0}.field-invite{flex-shrink:0}.field-label{letter-spacing:.22em;align-items:center;margin-bottom:5px;display:flex}.field-label .public-mark{color:var(--accent);margin-right:5px}.form-page input[type=text],.form-page textarea,.form-page select{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);appearance:none;box-sizing:border-box;caret-color:var(--accent);border-radius:0;outline:none;padding:7px 11px;font-family:Cormorant Garamond,serif;font-size:15px;font-weight:300;transition:border-color .18s,box-shadow .18s}.form-page input[type=text]:focus,.form-page textarea:focus,.form-page select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}.form-page input[type=text].field-error,.form-page textarea.field-error{border-color:#e07070;box-shadow:0 0 0 1px #e070704d}.field-error-text{color:#e07070;opacity:0;margin-top:4px;animation:.18s forwards fadeInError}@keyframes fadeInError{0%{opacity:0}to{opacity:1}}.form-page input[type=text]::placeholder,.form-page textarea::placeholder{color:var(--muted);opacity:.45;font-style:italic}.form-page textarea{resize:none;flex:1;min-height:0;line-height:1.55}.form-zone-b .field{min-height:0;padding-bottom:calc(var(--sq) * .5);flex-direction:column;flex:1;display:flex}.form-zone-b .field textarea{flex:1;min-height:0}.form-zone-b .submit-wrap{padding-top:calc(var(--sq) * .5);flex-shrink:0;align-items:center;gap:16px;display:flex}.discord-field-display{background:var(--input-bg);border:1px solid var(--border);color:var(--accent);letter-spacing:.08em;box-sizing:border-box;align-items:center;gap:10px;width:100%;padding:7px 11px;font-family:DM Mono,monospace;font-size:12px;display:flex}.discord-lock{color:var(--muted);letter-spacing:.08em;margin-left:auto;font-size:11px}.tag-group{border:1px solid #0000;flex-wrap:wrap;gap:4px;transition:border-color .18s,box-shadow .18s;display:flex}.tag-group.tag-group-error{border-color:#e07070;box-shadow:0 0 0 1px #e070704d}.tag{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 9px;font-family:DM Mono,monospace;font-size:11px;transition:all .14s;display:flex;position:relative}.tag-skill{color:inherit;transition:color .14s;display:block}.tag-covenant{color:var(--muted);opacity:.35;font-size:7px;transition:opacity .14s,color .14s;display:block}.tag:hover{color:var(--text);border-color:#c8a96e66}.tag:hover .tag-covenant{opacity:1}.tag.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);box-shadow:0 0 6px var(--accent-dim)}.tag.active .tag-skill{color:var(--accent)}.tag.active .tag-covenant{color:var(--accent);opacity:.8}.invite-hint{color:var(--muted);letter-spacing:.08em;margin-top:4px;font-family:DM Mono,monospace;font-size:11px}.invite-count{color:var(--accent);font-weight:400}.invite-fields input+input{margin-top:4px}.submit-error{color:#e07070}.btn-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.form-page.form-submitting input,.form-page.form-submitting textarea,.form-page.form-submitting .tag{pointer-events:none;opacity:.6}.form-page.form-submitting .btn-primary{transition:opacity .18s}.discord-preview{background:#1e1f22;border:1px solid #c8a96e26;flex-direction:column;height:100%;display:flex;overflow:hidden}.dp-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.dp-channel{color:#e3e5e8;letter-spacing:.04em;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.dp-badge{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);opacity:.7;font-family:DM Mono,monospace;font-size:11px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.dp-message{flex:1;gap:12px;min-height:0;padding:14px;display:flex}.dp-avatar{background:var(--accent);color:#141414;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:DM Mono,monospace;font-size:14px;font-weight:600;display:flex}.dp-content{flex:1;min-width:0}.dp-username{color:var(--accent);letter-spacing:.02em;margin-bottom:6px;font-family:DM Mono,monospace;font-size:13px;font-weight:600}.dp-text{color:#dcddde;font-family:DM Mono,monospace;font-size:12px;line-height:1.9}.dp-line{word-break:break-word;transition:opacity .2s}.dp-hl{color:var(--accent);font-weight:500}.dp-muted{color:#72767d;font-style:italic}.dp-quote{color:#dcddde;font-style:italic}.dp-footer{border-top:1px solid #ffffff0f;flex-shrink:0;padding:8px 14px}.dp-footer-note{color:#72767d;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:11px;line-height:1.5}@media (width<=767px){.form-page{height:auto;min-height:100dvh;overflow-y:auto}.form-header-row{height:auto;padding:calc(var(--sq) * .75) calc(var(--sq) * 1);gap:calc(var(--sq) * .5);flex-direction:column}.form-brand{min-width:unset;border-right:none;padding:0}.form-header-center{padding:0}.form-header-right{min-width:unset;border-left:none;padding:0}.form-body{grid-template-columns:1fr;overflow:visible}.form-zone-a,.form-zone-b{border-right:none;border-bottom:1px solid var(--border)}.form-zone-b .field{flex:unset;min-height:unset}.form-zone-b .field textarea{flex:unset;min-height:120px}.form-page input[type=text],.form-page textarea,.form-page select{min-height:44px;padding:12px;font-size:16px}.tag{align-items:center;min-height:44px;padding:8px 12px;font-size:11px;display:flex}.tag-group{gap:8px}.btn-primary{width:100%;min-height:44px}.form-zone{padding:calc(var(--sq) * 1) calc(var(--sq) * 1)}.invite-fields input+input{margin-top:8px}}
