.spatial-form-container{-webkit-backdrop-filter:blur(12px);color:#fff;pointer-events:auto;background:#0a0a0fd9;border:1px solid #ffffff1a;flex-direction:column;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;overflow:hidden;box-shadow:0 20px 40px #00000080}.spatial-form-container.closed{cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;width:auto;height:48px;padding:0 24px}@media (hover:hover){.spatial-form-container.closed:hover{background:#fff3;border-color:#0ffc;border-radius:999px;transform:scale(1.05);box-shadow:0 0 25px #0ff9}}.spatial-form-container.closed:active{background:#ffffff26;border-color:#0ff9;transform:scale(.97)}.spatial-form-pill-text{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:.9rem;font-weight:700}.spatial-form-container.open{cursor:default;border-radius:16px;gap:12px;width:320px;max-height:80vh;padding:20px;overflow-y:auto}.spatial-form-container{scrollbar-width:none}.spatial-form-container::-webkit-scrollbar{display:none}.spatial-form-header-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.spatial-form-header{text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;font-size:.8rem;font-weight:500}.spatial-form-close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;line-height:1;transition:background .2s,color .2s;display:flex}@media (hover:hover){.spatial-form-close-btn:hover{color:#fff;background:#ffffff1a}}.spatial-form-close-btn:active{color:#fff;background:#ffffff26}.spatial-form-success{text-align:center;color:#6fa;letter-spacing:.05em;border:1px dashed #6fa;border-radius:8px;padding:20px;font-weight:700}.spatial-form-body{flex-direction:column;gap:12px;display:flex}.spatial-form-row{gap:10px;display:flex}.spatial-form-input,.spatial-form-select,.spatial-form-textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;outline:none;padding:10px;font-family:inherit;font-size:.9rem;transition:border-color .2s,background .2s}.spatial-form-select{cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .7em top 50%;background-repeat:no-repeat;background-size:.65em;padding-right:1.5em}.spatial-form-select option{color:#fff;background:#14141e}.spatial-form-input:focus,.spatial-form-select:focus,.spatial-form-textarea:focus{background:#ffffff1a;border-color:#0ff}.spatial-form-textarea{resize:none;min-height:80px}.spatial-form-button{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:#fff;border:none;border-radius:4px;padding:12px;font-weight:700;transition:transform .1s,opacity .2s}.spatial-form-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.spatial-form-button:active:not(:disabled){opacity:.9;transform:translateY(1px)}.spatial-form-button:disabled{color:#ffffff80;cursor:wait;background:#ffffff1a}@media (max-width:768px){.spatial-form-container.open{z-index:10000;overscroll-behavior:contain;width:90vw;max-width:360px;max-height:85vh;position:fixed;overflow-y:auto;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.spatial-form-row{flex-direction:column;gap:12px}.spatial-form-input,.spatial-form-select,.spatial-form-textarea,.spatial-form-button{box-sizing:border-box;width:100%;margin:0;padding:12px;font-size:16px}:is(.spatial-form-container.open:has(input:focus),.spatial-form-container.open:has(textarea:focus)){top:45%!important}}