.social-page{--sp-bg:#f5f6fb;--sp-card:#fff;--sp-ink:#20283e;--sp-muted:#616c82;--sp-line:#dce1ed;--sp-soft:#eeebff;background:var(--sp-bg);color:var(--sp-ink);font:15px/1.65 system-ui,sans-serif;margin:0}.social-page *{box-sizing:border-box}html[data-site-theme=dark] .social-page{--sp-bg:#0e1726;--sp-card:#182437;--sp-ink:#f0f3fc;--sp-muted:#b4c0d4;--sp-line:#35435b;--sp-soft:#302c50}.social-nav,.social-main{max-width:960px;margin:auto;padding:20px}.social-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--sp-line)}.social-page a{color:inherit;text-decoration:none}.social-page a:hover{text-decoration:underline}.social-page h1{font-size:clamp(25px,5vw,36px);margin:12px 0}.social-page h2{font-size:20px}.social-page p{color:var(--sp-muted)}.social-eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#7863c4}.social-card{background:var(--sp-card);border:1px solid var(--sp-line);border-radius:22px;padding:26px;margin-bottom:20px;min-width:0}.social-hero{background:linear-gradient(130deg,var(--sp-soft),var(--sp-card) 65%)}.social-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.social-head>div{min-width:0;flex:1}.social-head h1{overflow-wrap:anywhere}.social-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#e6edf5;color:#324465;font-weight:800;vertical-align:middle;position:relative;box-sizing:border-box;border:3px solid transparent}.social-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.social-avatar.large{width:88px;height:88px;font-size:30px}.social-avatar[data-frame=expert]{border-color:#dba441;box-shadow:0 0 0 2px #fff0cc,0 0 0 4px #ac741e}.social-avatar[data-frame=premium]{border-color:#9c7bf5;box-shadow:0 0 0 2px #e6e6ff,0 0 0 4px #5682e8}.social-badges{display:flex;gap:8px;flex-wrap:wrap}.social-badge{font-size:11px;font-weight:750;border-radius:20px;padding:4px 10px;background:var(--sp-soft);color:var(--sp-ink)}.social-badge.expert{background:#fff0cf;color:#775015}.social-badge.premium{background:#eee6ff;color:#6740a2}.social-actions,.social-counts,.social-channels{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.social-page button,.social-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:12px;border:1px solid var(--sp-line);background:var(--sp-card);color:var(--sp-ink);font:inherit;cursor:pointer}.social-page button.primary,.social-button.primary{background:#7155bf;color:#fff;border-color:#7155bf}.social-page button:disabled{opacity:.55;cursor:default}.social-counts button{flex:1;gap:8px;min-width:105px}.social-channels a{padding:8px 13px;border:1px solid var(--sp-line);border-radius:24px;overflow-wrap:anywhere}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.social-grid .social-card{margin:0}.social-summary{display:flex;gap:14px;align-items:center}.social-summary strong{overflow-wrap:anywhere}.social-page small{color:var(--sp-muted)}.social-page label{display:block;margin:18px 0 6px;font-weight:700}.social-page input,.social-page textarea,.social-page select{display:block;width:100%;padding:12px;border:1px solid var(--sp-line);border-radius:10px;background:var(--sp-bg);color:var(--sp-ink);font:inherit;font-size:16px}.social-channel-edit{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin:10px 0}.social-post{display:block;padding:16px 0;border-bottom:1px solid var(--sp-line)}.social-post small{display:block}.social-author-link{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;min-width:0}.social-author-link .social-avatar{width:28px;height:28px;border-width:2px;margin:4px}.social-entry{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0;padding:18px;border:1px solid #a594cc;border-radius:16px}.social-entry a{color:inherit;font-weight:700}.social-page :focus-visible{outline:3px solid #9981e5;outline-offset:3px}.social-note{padding:14px;border-radius:12px;background:var(--sp-soft);font-size:13px}@media(max-width:600px){.social-grid{grid-template-columns:1fr}.social-card{padding:20px;border-radius:18px}.social-main,.social-nav{padding:16px}.social-avatar.large{width:70px;height:70px}.social-head{gap:16px}.social-channel-edit{grid-template-columns:1fr}.social-page .social-counts button{padding:8px;min-width:80px}.social-page .social-actions>*{flex:1}.social-page .social-actions{gap:8px}}

@media(max-width:760px){.coin-board .cb-row .cb-author{display:flex!important;grid-column:1/-1;overflow:visible;white-space:normal;margin-left:4px}.coin-board .cb-row{row-gap:5px}}

.my-avatar.social-avatar{width:64px;height:64px}.social-home-posts{display:grid;gap:10px;flex:1;min-width:160px}.social-home-posts a{display:block;overflow-wrap:anywhere}#cn-free-expert-posts{margin:16px 0;padding:20px;background:linear-gradient(120deg,#aa7d2110,#8871d510)}#cn-free-expert-posts p{font-size:12px}

.social-nav{align-items:center;gap:10px}.social-nav button{min-height:36px;font-size:12px;padding:6px 10px}.social-frame-samples{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px}.social-frame-samples>span{display:grid;justify-items:center;gap:12px}

.social-page button,.social-button{word-break:keep-all}@media(max-width:600px){.social-page .social-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.social-page .social-actions>:last-child:nth-child(odd){grid-column:1/-1}.social-page .social-actions>*{font-size:13px;padding:10px;min-width:0}}

.social-activity-tabs{display:flex;gap:6px;border-bottom:1px solid var(--sp-line);padding-bottom:10px}.social-activity-tabs a{padding:10px 18px;border-radius:12px;font-weight:700}.social-activity-tabs a[aria-current=page]{background:var(--sp-soft);color:var(--sp-ink)}.social-comment p{color:var(--sp-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.social-comment small{overflow-wrap:anywhere}.social-page-number{padding:10px;text-align:center}.social-activity-count{font-size:13px}

.social-page nav[aria-label="활동 페이지"]{display:flex;align-items:center;justify-content:space-between;gap:10px}#member-activity{scroll-margin-top:16px}

/* Fine jewelry-like rings: keep the photo prominent, with one small identity mark. */
.social-avatar[data-frame=expert],.social-avatar[data-frame=premium]{border:0;padding:3px;box-shadow:none;isolation:isolate;overflow:visible;background:#e7edf5}
.social-avatar[data-frame=expert]{--frame-gradient:linear-gradient(135deg,#a86b20 0%,#edce89 28%,#fff3cd 43%,#d5a655 65%,#936125 100%);--frame-badge:linear-gradient(145deg,#f5dfac,#c08b36);--frame-symbol:#533710}
.social-avatar[data-frame=premium]{--frame-gradient:linear-gradient(135deg,#7187e8 0%,#b2a6ec 28%,#e4d8ff 44%,#9272d1 68%,#5779cf 100%);--frame-badge:linear-gradient(145deg,#a99ae7,#6558ae);--frame-symbol:#fff}
.social-avatar[data-frame=expert]::before,.social-avatar[data-frame=premium]::before{content:"";position:absolute;inset:-1px;border-radius:50%;padding:2px;background:var(--frame-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.social-avatar[data-frame=expert]::after,.social-avatar[data-frame=premium]::after{position:absolute;right:-2px;bottom:-1px;display:grid;place-items:center;width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:var(--frame-badge);color:var(--frame-symbol);font:700 10px/1 system-ui;box-shadow:0 2px 4px #1c23451a;pointer-events:none}
.social-avatar[data-frame=expert]::after{content:"✦"}.social-avatar[data-frame=premium]::after{content:"◇"}
.social-avatar.large[data-frame]::after{width:21px;height:21px;font-size:14px;right:0;bottom:0}
.social-author-link .social-avatar[data-frame]::after{width:10px;height:10px;font-size:7px;border-width:1.5px;right:-2px;bottom:-1px}
.social-author-link .social-avatar[data-frame]::before{padding:1.5px}
html[data-site-theme=dark] .social-avatar[data-frame=expert],html[data-site-theme=dark] .social-avatar[data-frame=premium]{background:#202e43;color:#d8e3f5}
html[data-site-theme=dark] .social-avatar[data-frame]::after{border-color:#182437}
.social-frame-samples{gap:34px;padding:12px 0}.social-frame-samples .social-avatar{width:54px;height:54px;font-size:19px}.social-frame-samples small{font-size:12px}

.social-badge.staff,.social-staff-mark{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #bad5f4;background:linear-gradient(120deg,#edf5ff,#e9efff);color:#315ea6;font:750 11px/1.4 system-ui;border-radius:7px;padding:4px 8px;vertical-align:middle}.social-staff-mark{font-size:10px;padding:3px 6px}.social-badge.staff>span{display:grid;place-items:center;border-radius:50%;width:14px;height:14px;background:#4477c4;color:#fff;font-size:10px}html[data-site-theme=dark] .social-badge.staff,html[data-site-theme=dark] .social-staff-mark{background:linear-gradient(120deg,#233753,#293350);border-color:#435d87;color:#bcd7ff}.social-author-link{flex-wrap:wrap;row-gap:3px}

.social-avatar[data-frame=staff]{border:0;padding:3px;box-shadow:none;isolation:isolate;overflow:visible;background:#e7edf5;--frame-gradient:linear-gradient(135deg,#4678bf 0%,#99bde9 28%,#f1f7ff 43%,#73a4df 67%,#345e9e 100%);--frame-badge:linear-gradient(145deg,#709ed9,#315f9f);--frame-symbol:#fff}
.social-avatar[data-frame=staff]::before{content:"";position:absolute;inset:-1px;border-radius:50%;padding:2px;background:var(--frame-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.social-avatar[data-frame=staff]::after{content:"✓";position:absolute;right:-2px;bottom:-1px;display:grid;place-items:center;width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:var(--frame-badge);color:#fff;font:800 10px/1 system-ui;box-shadow:0 2px 4px #1c23451a;pointer-events:none}
.social-avatar.large[data-frame=staff]::after{width:21px;height:21px;font-size:13px;right:0;bottom:0}.social-author-link .social-avatar[data-frame=staff]::after{width:10px;height:10px;font-size:7px;border-width:1.5px;right:-2px;bottom:-1px}.social-author-link .social-avatar[data-frame=staff]::before{padding:1.5px}
html[data-site-theme=dark] .social-avatar[data-frame=staff]{background:#202e43;color:#d8e3f5}html[data-site-theme=dark] .social-avatar[data-frame=staff]::after{border-color:#182437}