/* Figma 2279:23035. Only the Space-link dialog and success toast. */
.space-link-dialog { box-sizing: border-box; width: min(349px, calc(100vw - 42px)); height: 400px; max-height: calc(100dvh - 32px); margin: auto; padding: 23px 24px 23px 23px; overflow: auto; border: 1px solid #353637; border-radius: 15px; background: linear-gradient(to right, #171919, #111312); color: #f1e2c9; font: 300 12px/16px "Geologica Pilcrow", sans-serif; font-variation-settings: "CRSV" 0, "SHRP" 0; }
.space-link-dialog[open] { display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
.space-link-dialog::backdrop { background: #000000d4; }
.space-link-dialog *, .space-link-toast * { box-sizing: border-box; }
.space-link-dialog [hidden] { display: none !important; }
.space-link-dialog h2, .space-link-dialog h3, .space-link-dialog p { margin: 0; letter-spacing: normal; }
.space-link-dialog button, .space-link-dialog input { font: inherit; color: inherit; }
.space-link-dialog button { cursor: pointer; border: 0; margin: 0; padding: 0; background: transparent; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.space-link-dialog button:active { filter: brightness(.8); }
.space-link-dialog button:disabled { opacity: .45; cursor: wait; }
.space-link-dialog button:focus-visible { outline: 2px solid #ff6c4b; outline-offset: 2px; }
.space-link-dialog input:focus-visible { outline: none; }
.space-link-search:focus-within { border-color: #806342; }
.space-link-dialog img, .space-link-toast img { display: block; max-width: none; flex-shrink: 0; }
.space-link-header { display: grid; grid-template-columns: 24px minmax(0, 1fr) 24px; gap: 8px; height: 32px; flex: 0 0 32px; align-items: center; }
.space-link-header h2 { grid-column: 2; grid-row: 1; font-size: 24px; line-height: 32px; font-weight: 700; text-align: center; white-space: nowrap; }
.space-link-dialog .space-link-back, .space-link-dialog .space-link-close { position: relative; width: 24px; height: 32px; display: grid; place-items: center; }
.space-link-back { grid-column: 1; grid-row: 1; }
.space-link-back img { transform: translateX(-1px); }
.space-link-close { grid-column: 3; grid-row: 1; }
.space-link-back::before, .space-link-close::before { content: ''; position: absolute; inset: -6px -10px; }
.space-link-search { margin: 0; display: flex; align-items: center; gap: 12px; height: 36px; flex: 0 0 36px; padding: 0 11px; border-radius: 18px; background: #202121; border: 1px solid #353637; }
.space-link-search-icon { width: 20px; height: 20px; display: grid; place-items: center; flex: 0 0 20px; }
.space-link-search-icon img { transform: translate(.4167px, .4167px); }
.space-link-input-slot { flex: 1; min-width: 0; height: 20px; position: relative; }
/* Computed 16px avoids Safari focus zoom; rendered text retains Figma's 11px. */
.space-link-dialog input { position: absolute; left: 0; top: 50%; width: 145.45455%; height: 32px; transform: translateY(-50%) scale(.6875); transform-origin: left center; font-size: 16px; line-height: 20px; font-weight: 300; padding: 0; border: 0; border-radius: 0; background: transparent; appearance: none; -webkit-appearance: none; }
.space-link-dialog input::-webkit-search-cancel-button { display: none; }
.space-link-dialog input::placeholder { color: #969794; }
.space-link-body { min-height: 0; flex: 1 1 252px; }
.space-link-results { height: 100%; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.space-link-results::-webkit-scrollbar { display: none; }
.space-link-dialog .space-link-card { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; height: 84px; padding: 6px 0; text-align: left; }
.space-link-card:not(:last-child)::after { content: ''; position: absolute; inset: auto 0 0; height: 1px; background: #353637; }
.space-link-cover, .space-link-confirm-cover { position: relative; display: grid; place-items: center; overflow: hidden; border-radius: 4px; background: #202121; color: #cbc0ad; font-size: 28px; }
.space-link-cover { flex: 0 0 54px; width: 54px; height: 72px; }
.space-link-cover img, .space-link-confirm-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.space-link-copy { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.space-link-copy strong { font-size: 13px; line-height: 18px; font-weight: 600; color: #fafaf7; }
.space-link-copy > span { font-size: 10px; line-height: 17px; color: #bccbd9; }
.space-link-copy > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.space-link-dialog[data-state="confirm"] .space-link-body { display: flex; flex-direction: column; align-items: center; gap: 16px; flex: 0 0 auto; }
.space-link-confirm-cover { width: 104px; height: 144px; flex: 0 0 144px; font-size: 48px; }
.space-link-confirm-copy { width: 100%; height: 48px; display: flex; flex-direction: column; gap: 4px; text-align: center; }
.space-link-confirm-copy h3 { font-size: 19px; line-height: 26px; font-weight: 600; color: #fafaf7; }
.space-link-confirm-copy p { font-size: 10px; line-height: 17px; color: #bccbd9; }
.space-link-confirm-copy > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.space-link-actions { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.space-link-dialog .space-link-confirm, .space-link-dialog .space-link-secondary { display: flex; align-items: center; justify-content: center; height: 36px; padding: 7px 19px; border-radius: 18px; font-size: 15px; line-height: 20px; font-weight: 400; }
.space-link-dialog .space-link-confirm { background: #ff6c4b; color: #0b0c0a; }
.space-link-dialog .space-link-secondary { border: 1px solid #353637; }
.space-link-feedback { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 28px 0; min-height: 252px; text-align: center; }
.space-link-feedback-icon { flex: 0 0 40px; width: 40px; height: 40px; display: grid; place-items: center; }
.space-link-feedback-icon.is-empty img { transform: translate(.8333px, .8333px); }
.space-link-feedback-copy { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.space-link-feedback h3 { display: flex; align-items: center; justify-content: center; min-height: 32px; font-size: 19px; line-height: 26px; font-weight: 600; }
.space-link-feedback p { display: flex; align-items: center; justify-content: center; min-height: 48px; font-size: 12px; line-height: 16px; color: #cbc0ad; }
.space-link-retry { flex-shrink: 0; width: 160px; }
.space-link-retry.is-edit { width: 200px; }
.space-link-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.space-link-toast { box-sizing: border-box; position: fixed; z-index: 23000; bottom: calc(92px + env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); width: 270px; height: 40px; padding: 0 11px; display: flex; align-items: center; gap: 8px; border: 1px solid #ff6c4b; border-radius: 20px; background: linear-gradient(to right, #322016, #2c1d14 23.077%, #1a130f); color: #f1e2c9; font: 300 12px/16px "Geologica Pilcrow", sans-serif; pointer-events: none; }
.space-link-toast-mark { width: 20px; height: 20px; flex: 0 0 20px; display: grid; place-items: center; border-radius: 50%; background: #f1e2c9; }
@media (prefers-reduced-motion: no-preference) { .space-link-dialog[open] { animation: space-link-in 160ms ease-out; } .space-link-dialog button { transition: filter 120ms ease; } .space-link-toast { animation: space-link-toast-in 180ms ease-out; } @keyframes space-link-in { from { opacity: 0; translate: 0 4px; } to { opacity: 1; translate: 0 0; } } @keyframes space-link-toast-in { from { opacity: 0; margin-bottom: -4px; } to { opacity: 1; margin-bottom: 0; } } }