#member-dialog{--profile-bg:#edf5ff;--profile-accent:#8eb5e5;--profile-ink:#315987;--profile-soft:#daeafb;width:960px;max-width:calc(100vw - 32px);padding:0;border:1px solid #ffffffcc;border-radius:26px;background:var(--profile-bg);color:var(--profile-ink);box-shadow:0 22px 100px #122b5544;overflow:hidden}#member-dialog[data-theme=pink]{--profile-bg:#fff0f4;--profile-accent:#e6a5bb;--profile-ink:#854660;--profile-soft:#f8dce6}#member-dialog[data-theme=yellow]{--profile-bg:#fff9e6;--profile-accent:#d9bd68;--profile-ink:#7b642c;--profile-soft:#f6ebbf}#member-dialog[data-theme=green]{--profile-bg:#edf8ee;--profile-accent:#98c5a1;--profile-ink:#416c4c;--profile-soft:#d9eddb}#member-dialog[data-theme=purple]{--profile-bg:#f4efff;--profile-accent:#bba5df;--profile-ink:#685188;--profile-soft:#e8ddf8}#member-dialog::backdrop{background:#17284099;backdrop-filter:blur(10px)}.profile-topbar{display:flex;align-items:center;gap:16px;padding:19px 26px 16px;border-bottom:1px solid #ffffffb3}.profile-topbar>span{font-size:9px;letter-spacing:2px;white-space:nowrap;opacity:.7}.profile-tabs{display:flex;gap:5px;margin-left:auto;padding-right:28px;flex-wrap:wrap}.profile-tabs button{border:1px solid transparent;background:#ffffff55;color:var(--profile-ink);font-family:'Space Grotesk',sans-serif;font-size:11px;padding:9px 11px;border-radius:20px}.profile-tabs button[aria-selected=true]{background:#ffffffdc;border-color:var(--profile-accent);box-shadow:0 2px 8px #122b5506}#close-member{top:18px;right:12px;width:28px;height:28px;display:grid;place-items:center;font-size:25px;color:var(--profile-ink);z-index:2}.profile-sheet{display:grid;grid-template-columns:280px minmax(0,1fr);max-height:min(77dvh,720px);overflow:auto}.profile-photo-panel{padding:30px 25px 25px;position:relative;background:#ffffff25}#member-dialog-image{width:100%;max-width:none;height:auto;aspect-ratio:3/4;max-height:none;margin:0;object-fit:cover;object-position:center 20%;border-radius:110px 110px 16px 16px}.profile-identity{padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:10px}#member-dialog-name{font-family:'Space Grotesk',sans-serif;font-size:31px;font-weight:500;letter-spacing:-1px;margin:0}#member-dialog-korean{font-size:13px;opacity:.65;margin:5px 0 0;text-align:left}#profile-emoji{font-size:23px}.profile-photo-panel .profile-caption{font-size:9px;letter-spacing:1.5px;line-height:1.9;text-align:left;opacity:.6;margin-top:24px}#member-photo-credit{font-size:9px;line-height:1.7;text-align:left;margin-top:18px;opacity:.75}#member-photo-credit a{text-decoration:underline}.profile-details{padding:27px 30px 28px;overflow:auto;min-width:0}.birthday-clock{padding:20px 19px 17px;border-radius:17px;background:#ffffffb5;border:1px solid #fff}.birthday-clock .clock-eyebrow{font-size:9px;letter-spacing:2px;margin:0 0 10px;opacity:.6;text-align:left}#birthday-message{font-size:14px;font-weight:500;margin:0 0 15px;text-align:left}.clock-digits{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.clock-digits>div{display:flex;flex-direction:column;align-items:center;border:1px solid #ffffffbd;border-radius:11px;background:var(--profile-bg);padding:10px 3px 8px}.clock-digits strong{font-family:'Space Grotesk',sans-serif;font-size:31px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}.clock-digits span{font-size:9px;letter-spacing:1px;opacity:.65;margin-top:6px}#birthday-date{font-size:9px;margin:12px 0 0;opacity:.65;text-align:left}.birthday-today{background:linear-gradient(120deg,#fff,var(--profile-soft))}.profile-colors{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}.profile-colors>span{display:flex;align-items:center;gap:7px;background:#ffffff87;border:1px solid white;padding:8px 11px;border-radius:20px;font-size:10px}.representative-swatch{width:10px;height:10px;border-radius:50%;background:var(--profile-accent);box-shadow:0 0 0 3px #ffffff9c}.profile-section-title{font-size:14px;font-weight:500;margin:24px 0 12px;letter-spacing:.3px}.profile-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 22px;padding-bottom:21px;border-bottom:1px solid #ffffffcf}.profile-facts>div{min-width:0}.profile-facts dt,.profile-likes dt{font-size:10px;opacity:.6;margin-bottom:4px}.profile-facts dd{font-size:12px;margin:0;line-height:1.7;overflow-wrap:anywhere}.profile-likes{margin:0;display:grid;gap:13px}.profile-likes>div{border-radius:12px;background:#ffffff70;padding:11px 13px}.profile-likes dd{font-size:12px;margin:0;line-height:1.8}.profile-likes .unlisted{opacity:.45}.profile-social{margin-top:22px;display:grid;gap:8px}.profile-social a{display:flex;align-items:center;gap:10px;background:#ffffff77;border-radius:11px;padding:11px 12px;font-size:10px}.profile-social strong{font-weight:400;margin-left:auto;overflow-wrap:anywhere}.profile-social a:hover{background:white}.profile-source{font-size:9px;line-height:1.8;text-align:left;margin:22px 0 0;opacity:.6}.profile-source a{text-decoration:underline;text-underline-offset:3px}#member-dialog button:focus-visible,#member-dialog a:focus-visible{outline:2px solid var(--profile-ink);outline-offset:3px}
@media(max-width:700px){#member-dialog{max-width:calc(100vw - 24px);border-radius:22px}.profile-topbar{display:block;padding:18px 17px 12px}.profile-topbar>span{font-size:8px}.profile-tabs{margin-top:12px;margin-left:0;padding-right:0;gap:4px;justify-content:space-between}.profile-tabs button{padding:8px 9px;font-size:10px}.profile-sheet{grid-template-columns:1fr;max-height:75dvh}.profile-photo-panel{padding:22px 22px 0;display:grid;grid-template-columns:100px 1fr;gap:0 20px;align-items:center;background:none}#member-dialog-image{grid-row:1/3;width:100px;aspect-ratio:3/4;border-radius:50px 50px 10px 10px}.profile-identity{padding-top:0;align-self:end;padding-bottom:8px}#member-dialog-name{font-size:27px}#member-dialog-korean{font-size:12px}.profile-photo-panel .profile-caption{margin:0;font-size:8px;align-self:start}#member-photo-credit{grid-column:1/-1;font-size:8px;margin-top:12px}.profile-details{overflow:visible;padding:21px 20px 25px}.birthday-clock{padding:17px 14px 14px}.clock-digits{gap:6px}.clock-digits strong{font-size:29px}.profile-facts{gap:15px 16px}.profile-facts dd{font-size:11px}.profile-likes dd{font-size:11px}.profile-colors{margin-block:16px 20px}.profile-social a{align-items:flex-start;flex-wrap:wrap}.profile-social strong{max-width:70%}}
.profile-social[hidden]{display:none}