@font-face{font-family:Wanted;src:url('/networking/assets/WantedSansVariable.woff2') format('woff2');font-weight:100 950;font-display:swap}
:root{color-scheme:dark;font-family:Wanted,'Apple SD Gothic Neo',sans-serif;background:#0e0e0e;color:#efefef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}a{color:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:2px solid #ff9b85;outline-offset:4px}.phone{width:100%;max-width:480px;margin:auto;min-height:100svh;background:#161616;display:flex;flex-direction:column}header{height:112px;padding:24px 28px;display:flex;align-items:center}header>img{width:170px;height:auto}main{padding:25px 28px 28px;flex:1}footer{font-size:9px;letter-spacing:1px;color:#969696;padding:20px 28px 28px}.empty-title{white-space:pre-line;font-size:35px;line-height:1.25;margin:60px 0 24px;letter-spacing:-1.4px}.empty-copy{white-space:pre-line;font-size:15px;color:#b7b7b7;line-height:1.8}.loading{color:#b7b7b7}h1{font-size:32px;letter-spacing:-1.2px}.intro{color:#b7b7b7;font-size:14px;line-height:1.7}.form{display:grid;gap:20px}.form label{display:grid;gap:9px;color:#c0c0c0;font-size:14px}.form input:not([type=checkbox]),.form textarea{width:100%;border:1px solid #515151;background:#212121;color:#fff;border-radius:0;padding:13px;min-height:48px}.form textarea{resize:vertical;min-height:120px}.form fieldset{border:0;padding:0;margin:0;display:grid;gap:17px}.form legend{margin:16px 0;font-size:19px;font-weight:650}.form .consent{display:flex;align-items:flex-start;gap:12px;line-height:1.7}.consent input{width:21px;height:21px;accent-color:#e94b2b;flex-shrink:0;margin:2px 0 0}.primary,.secondary{display:block;width:100%;min-height:54px;padding:14px 18px;border:0;text-align:center;text-decoration:none;font-size:16px;font-weight:650;background:#ededed;color:#181818}.primary:active{background:#cccccc}.secondary{border:1px solid #515151;background:transparent;color:#ededed}.status{white-space:pre-line;line-height:1.6;color:#d9d9d9;min-height:24px}.error{color:#ffac98}[hidden]{display:none!important}.admin{max-width:1100px;padding:24px;margin:auto}.admin h1{margin-bottom:8px}.admin-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:24px 0}.admin-toolbar input{flex:1;min-width:200px;background:#212121;color:#fff;border:1px solid #515151;padding:13px}.admin-toolbar button{width:auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}td,th{padding:14px 12px;border-bottom:1px solid #424242;vertical-align:top}td .secondary{font-size:13px;min-height:40px;padding:9px;white-space:nowrap}td a{display:block;margin-bottom:8px}.source-note{display:block;color:#b0b0b0;font-size:12px;margin-top:6px}dialog{background:#1b1b1b;color:#efefef;border:1px solid #515151;max-width:450px;width:calc(100% - 32px);padding:24px}dialog::backdrop{background:#000b}.grant-qr{background:white;padding:12px;max-width:260px;margin:20px auto}.grant-qr svg{display:block;width:100%;height:auto}.dialog-actions{display:flex;gap:10px;margin-top:20px}@media(max-width:350px){main{padding:20px}}@media(min-width:600px){.phone{min-height:844px;margin:32px auto;border:1px solid #343434}.admin .phone{margin:0}}
.access-page h1{font-size:38px;line-height:1.2;margin:0 0 10px}.access-page>.intro{margin:0 0 28px}.access-page>.intro:last-child{margin:24px 0 0;font-size:13px}.access-page .primary span,.access-page .secondary span{display:block;font-size:12px;margin-top:4px}.access-page input{font-size:18px}.access-page #phone{letter-spacing:1px}.access-page .primary{background:#e94b2b;color:#fff}.access-page .primary:active{background:#bf3519}.access-page h2{font-size:20px;line-height:1.5}.access-page h2 small{display:block;font-size:14px;font-weight:400;color:#b7b7b7}.match-choice{text-align:left;margin:0 0 12px}.match-choice span{font-weight:400;color:#b7b7b7}.owner-link{display:block;margin:35px 0 0;font-size:13px;color:#b7b7b7;text-underline-offset:4px}.form label small,.form legend small{display:block;font-size:12px;font-weight:400;line-height:1.5}

/* 인증 화면은 한 가지 입력과 확인 동작에 집중합니다. */
.access-page:has(.scoped-form:not([hidden])) {
  display: flex;
  flex-direction: column;
  padding-bottom: max(24px, env(safe-area-inset-bottom));
}
.scoped-form { flex: 1; align-content: start; gap: 14px; }
.scoped-profile-name {
  margin: 0 0 8px;
  color: #c3c3c3;
  font-size: 15px;
  font-weight: 450;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.access-page .scoped-form h1 {
  margin: 3px 0 12px;
  font-size: clamp(25px, 7vw, 31px);
  font-weight: 550;
  line-height: 1.3;
  letter-spacing: -.025em;
  white-space: pre-line;
}
.access-page .scoped-form input {
  min-height: 56px;
  padding: 12px 16px;
  border-radius: 14px;
  font-size: 17px;
  font-weight: 450;
}
.scoped-field > p { margin: 9px 2px 0; color: #c3c3c3; font-size: 13px; line-height: 1.45; }
.scoped-form .status { min-height: 0; margin: 0; font-size: 14px; }
.scoped-form .status:empty { visibility: hidden; }
.scoped-form .primary { border-radius: 14px; font-weight: 550; }

.public-profile-page { --profile-gutter: clamp(20px, 6vw, 28px); }
.public-profile-page header {
  height: 64px;
  padding: 0 var(--profile-gutter);
  justify-content: space-between;
  gap: 12px;
}
.public-profile-page header > img { width: 108px; }
.public-profile-page .profile-edit-button {
  display: grid;
  place-items: center;
  flex: none;
  width: 44px;
  height: 44px;
  margin: 0;
  border-radius: 11px;
  background: #262626;
  color: #dedede;
}
.profile-edit-button:active { background: #383838; }
.profile-edit-button svg { display: block; width: 20px; height: 20px; }
.public-profile-page main { padding: 30px var(--profile-gutter) 32px; }
.profile-heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 14px;
}
.profile-mark {
  display: block;
  width: clamp(52px, 14vw, 60px);
  height: auto;
  border-radius: 12px;
}
.profile-photo { aspect-ratio: 1; border-radius: 50%; object-fit: cover; }
.profile-copy { align-self: center; overflow-wrap: anywhere; }
.profile-copy h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 550;
  line-height: 1.35;
  letter-spacing: -.025em;
  word-break: keep-all;
}
.profile-organization, .profile-role {
  margin: 4px 0 0;
  color: #c9c9c9;
  font-size: 15px;
  line-height: 1.45;
}
.profile-role { color: #b5b5b5; font-size: 13px; }
.profile-bio {
  margin: 22px 0 0;
  color: #c9c9c9;
  font-size: 15px;
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.profile-links { display: grid; gap: 8px; margin-top: 24px; }
.profile-links > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 50px;
  padding: 10px 15px;
  border-radius: 12px;
  background: #262626;
  font-size: 15px;
  text-decoration: none;
}
.profile-links > a:active { background: #383838; }
.profile-links > a > span { color: #b5b5b5; }

.network-tabs {
  position: sticky;
  bottom: 0;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: none;
  padding: 4px var(--profile-gutter) max(4px, env(safe-area-inset-bottom));
  border-top: 1px solid #343434;
  background: #1a1a1a;
}
.network-tabs a {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 3px;
  min-height: 52px;
  border-radius: 9px;
  color: #b5b5b5;
  font-size: 13px;
  text-decoration: none;
}
.network-tabs a[aria-current] { color: #ff9b85; }
.network-tabs a:active { background: #262626; }
.network-tabs svg { width: 21px; height: 21px; }

.directory-kicker {
  margin: 0 0 5px;
  color: #ff9b85;
  font-size: 13px;
  font-weight: 500;
}
.directory-heading { display: flex; align-items: baseline; gap: 8px; margin-bottom: 14px; }
.directory-heading h1 { margin: 0; font-size: 25px; font-weight: 550; letter-spacing: -.02em; }
.directory-count { color: #b5b5b5; font-size: 13px; }
.directory-search {
  display: block;
  width: 100%;
  min-height: 46px;
  padding: 10px 13px;
  border: 1px solid #434343;
  border-radius: 11px;
  background: #202020;
  color: inherit;
  font-size: 16px;
}
.directory-search::placeholder { color: #adadad; }
.directory-list { list-style: none; margin: 10px 0 0; padding: 0; }
.directory-list li + li { border-top: 1px solid #303030; }
.directory-person {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 60px;
  padding: 9px 8px;
  border-radius: 9px;
  text-decoration: none;
}
.directory-person:active { background: #262626; }
.directory-avatar {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #343434;
  color: #e1e1e1;
  font-size: 14px;
}
.directory-person-copy { display: grid; gap: 2px; overflow-wrap: anywhere; }
.directory-name { font-size: 15px; font-weight: 550; }
.directory-organization, .directory-empty { color: #b5b5b5; font-size: 13px; }
.directory-arrow { color: #b5b5b5; font-size: 21px; line-height: 1; }
.directory-empty { margin: 20px 0; }

.business-card-image { max-width: 100%; height: auto; border-radius: 8px; }
.public-profile-page .business-card-image { margin-top: 20px; }

.photo-picker { display: flex; align-items: center; gap: 14px; margin: 0 0 8px; }
.photo-picker > img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.photo-picker p { margin: 0; font-size: 15px; font-weight: 500; }
.photo-action {
  min-height: 44px;
  margin-right: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #ff9b85;
  font-size: 14px;
}
#form .photo-action + .photo-action { color: #b5b5b5; }

.profile-logout { margin-top: 32px; border-radius: 10px; }