#darknet-prototype .dn-member{border:1px solid transparent;background:none;padding:4px 6px;border-radius:22px;cursor:pointer;max-width:100%;color:var(--dn-text)}
#darknet-prototype .dn-member:hover,#darknet-prototype .dn-member:focus-visible{background:#453443;border-color:#795571;outline:none}
#darknet-prototype .dn-member-name{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#darknet-prototype .dn-auth-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 24px));max-height:min(620px,calc(100dvh - 24px));margin:auto;padding:24px;border:2px solid #de8cc3;border-radius:16px;background:#2b232d;color:#f6e5f1;box-shadow:0 20px 70px #0009;overflow:auto;font-family:'Noto Sans KR',sans-serif;scrollbar-width:thin;scrollbar-color:#d786bf #2b232d}
#darknet-prototype .dn-auth-dialog::backdrop{background:#100b12c9;backdrop-filter:blur(4px)}
#darknet-prototype .dn-auth-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
#darknet-prototype .dn-auth-head h2{margin:0;font-size:19px;line-height:1.4}
#darknet-prototype .dn-auth-close{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #6d5268;border-radius:8px;background:#3c303c;color:#e8cade;font-size:24px;line-height:1;cursor:pointer}
#darknet-prototype .dn-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-bottom:18px;border:1px solid #61485c;border-radius:10px;background:#211c24}
#darknet-prototype .dn-auth-tabs button{min-height:38px;border:0;border-radius:7px;background:transparent;color:#c5a6ba;font-size:14px;font-weight:700;cursor:pointer}
#darknet-prototype .dn-auth-tabs button[aria-selected="true"]{background:#65465e;color:#ffe0f4}
#darknet-prototype .dn-auth-form{display:grid;gap:15px}
#darknet-prototype .dn-auth-form[hidden],#darknet-prototype .dn-auth-guest[hidden],#darknet-prototype .dn-auth-profile[hidden]{display:none}
#darknet-prototype .dn-auth-form label{display:grid;gap:7px;color:#e7c8dd;font-size:13px;font-weight:700}
#darknet-prototype .dn-auth-form input{box-sizing:border-box;width:100%;height:42px;padding:0 12px;border:1px solid #71546c;border-radius:8px;background:#211c24;color:#fff1fa;font-size:16px;outline:none}
#darknet-prototype .dn-auth-form input:focus{border-color:#f1a6d9;box-shadow:0 0 0 2px #ec99cf40}
#darknet-prototype .dn-auth-help{color:#c9adc0;font-size:12px;line-height:1.5}
#darknet-prototype .dn-auth-form button[type="submit"],#darknet-prototype .dn-auth-logout{min-height:42px;margin-top:4px;padding:9px 16px;border:0;border-radius:9px;background:#e995ce;color:#352331;font-size:14px;font-weight:800;white-space:nowrap;cursor:pointer}
#darknet-prototype .dn-auth-form button:disabled,#darknet-prototype .dn-auth-logout:disabled{opacity:.55;cursor:wait}
#darknet-prototype .dn-auth-feedback{min-height:1.4em;margin:12px 0 0;color:#ffb4c8;font-size:13px;line-height:1.5}
#darknet-prototype .dn-auth-feedback:empty{display:none}
#darknet-prototype .dn-auth-profile{display:grid;justify-items:center;gap:10px;padding:9px 0}
#darknet-prototype .dn-auth-profile-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#684966;color:#f9c6e8;font-size:28px}
#darknet-prototype .dn-auth-profile strong{max-width:100%;overflow-wrap:anywhere;font-size:19px}
#darknet-prototype .dn-auth-profile span{font-size:13px;color:#c9adc0}
#darknet-prototype .dn-auth-logout{width:100%;margin-top:14px}
@container(max-width:570px){#darknet-prototype .dn-header .dn-member{padding:3px;min-width:0;min-height:36px;gap:4px;justify-content:center}#darknet-prototype .dn-header .dn-member>.dn-member-name{display:block;max-width:clamp(40px,23vw,100px);font-size:10px}}