/* account-profile-page.css — 내 계정 전용 (board/list v2 디자인 계열, 레거시 admin 셸 미사용) */

/* ===== 페이지 크롬 (board/list v2 와 동일) ===== */

body.darkthread-account-profile-page#darkthread-body.darkthread-board-list-v2-page #darkthread-main,
body.darkthread-account-profile-page.darkthread-board-list-v2-page #darkthread-main {
    max-width: none;
    padding: 0 !important;
    margin: 0;
}

body.darkthread-account-profile-page.darkthread-board-list-v2-page .content-frame {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.darkthread-account-profile-page.darkthread-board-list-v2-page #darkthread-highlights {
    padding: 0 !important;
    margin: 0;
}

body.darkthread-account-profile-page.darkthread-board-list-v2-page #darkthread-content,
body.darkthread-account-profile-page.darkthread-board-list-v2-page .darkthread-board-list-v2,
body.darkthread-account-profile-page.darkthread-board-list-v2-page .dt-v2-surface {
    width: 100%;
    min-width: 0;
    margin: 0;
}

body.darkthread-account-profile-page.darkthread-board-list-v2-page:has(#dtV2ThemeLight:checked),
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light {
    color: var(--dt-fg);
}

body.darkthread-account-profile-page.darkthread-board-list-v2-page:has(#dtV2ThemeLight:checked).darkthread-main-bg::before,
body.darkthread-account-profile-page.darkthread-board-list-v2-page:has(#dtV2ThemeLight:checked) .darkthread-blood-layer,
body.darkthread-account-profile-page.darkthread-board-list-v2-page:has(#dtV2ThemeLight:checked) .noise::before,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light.darkthread-main-bg::before,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-blood-layer,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .noise::before {
    display: none !important;
}

.darkthread-account-profile-page.darkthread-board-list-v2 {
    --account-profile-banner-height: clamp(148px, 22vw, 200px);
    --account-profile-avatar-size: 88px;
    /* 프로필 정보 블록 전체를 배너 안으로 끌어올리는 양 */
    --account-profile-hero-lift: calc(var(--account-profile-avatar-size) * 0.72);
    --dt-v2-toolbar-offset-height: 0px;
}

.darkthread-account-profile-page .dt-v2-shell {
    padding-top: 28px;
}

/* ===== 프로필 히어로 ===== */

.darkthread-account-profile-page .account-profile-hero {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: visible;
    border-bottom: 1px solid var(--dt-v2-border);
}

.darkthread-account-profile-page .account-profile-feed {
    min-width: 0;
    max-width: 100%;
    overflow: visible;
}

.darkthread-account-profile-page .account-profile-banner {
    position: relative;
    z-index: 0;
    height: var(--account-profile-banner-height);
    margin: 0;
    overflow: hidden;
    border-radius: 0;
    background:
        radial-gradient(120% 140% at 8% 0%, color-mix(in srgb, var(--dt-v2-accent) 42%, transparent) 0%, transparent 55%),
        linear-gradient(180deg, color-mix(in srgb, var(--dt-v2-text) 6%, transparent) 0%, transparent 100%),
        color-mix(in srgb, var(--dt-v2-bg) 72%, #1a2030);
}

.darkthread-account-profile-page .account-profile-banner::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: 1;
    height: 56px;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.28) 100%);
    pointer-events: none;
}

.darkthread-account-profile-page .account-profile-banner.has-image {
    background: #050505;
}

.darkthread-account-profile-page .account-profile-banner.has-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: var(--account-profile-banner-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.darkthread-account-profile-page .account-profile-banner-tools {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 6px;
}

.darkthread-account-profile-page .account-profile-banner-form {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.darkthread-account-profile-page .account-profile-banner-tool-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--dt-v2-text) 22%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--dt-v2-bg) 72%, transparent);
    color: var(--dt-v2-text);
    font-size: 14px;
    cursor: pointer;
    backdrop-filter: blur(6px);
    transition:
        border-color 0.15s ease,
        background-color 0.15s ease,
        color 0.15s ease;
}

.darkthread-account-profile-page .account-profile-banner-tool-button:hover {
    border-color: color-mix(in srgb, var(--dt-v2-text) 45%, transparent);
    background: color-mix(in srgb, var(--dt-v2-bg) 88%, transparent);
}

.darkthread-account-profile-page .account-profile-banner-tool-button--remove {
    color: #f87171;
}

.darkthread-account-profile-page .account-profile-banner.has-image::after {
    z-index: 1;
    inset: 0;
    height: auto;
    background: linear-gradient(
        180deg,
        transparent 0%,
        transparent 55%,
        rgba(0, 0, 0, 0.12) 78%,
        rgba(0, 0, 0, 0.38) 100%
    );
}

.darkthread-account-profile-page .account-profile-hero-info {
    position: relative;
    z-index: 2;
    overflow: visible;
    margin-top: calc(var(--account-profile-hero-lift) * -1);
    padding: 6px 10px 18px;
    background: linear-gradient(
        180deg,
        transparent 0%,
        color-mix(in srgb, var(--dt-v2-bg) 45%, transparent) calc(var(--account-profile-hero-lift) * 0.45),
        color-mix(in srgb, var(--dt-v2-bg) 88%, transparent) calc(var(--account-profile-hero-lift) + 8px),
        var(--dt-v2-bg) calc(var(--account-profile-hero-lift) + 36px)
    );
}

.darkthread-account-profile-page .account-profile-hero-row {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    gap: 16px;
    min-width: 0;
    margin: 0 0 6px;
}

.darkthread-account-profile-page .account-profile-avatar-block {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 var(--account-profile-avatar-size);
    width: var(--account-profile-avatar-size);
    height: var(--account-profile-avatar-size);
}

.darkthread-account-profile-page .account-profile-identity {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    min-width: 0;
    padding-bottom: 4px;
}

.darkthread-account-profile-page .account-profile-identity-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.darkthread-account-profile-page .account-profile-avatar-aura {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.darkthread-account-profile-page .account-profile-avatar-shell {
    position: relative;
    z-index: 1;
}

.darkthread-account-profile-page .account-profile-hero-avatar {
    display: grid;
    place-items: center;
    width: var(--account-profile-avatar-size);
    height: var(--account-profile-avatar-size);
    border-radius: 999px;
    border: 4px solid var(--dt-v2-bg);
    background: var(--dt-v2-chip);
    box-shadow:
        0 0 0 1px var(--dt-v2-border-strong),
        0 10px 28px rgba(0, 0, 0, 0.38);
    overflow: hidden;
    isolation: isolate;
}

.darkthread-account-profile-page .account-profile-hero-avatar .account-profile-avatar-image,
.darkthread-account-profile-page .account-profile-hero-avatar .account-profile-avatar-fallback {
    grid-area: 1 / 1;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.darkthread-account-profile-page .account-profile-avatar-fallback {
    display: grid;
    place-items: center;
    color: var(--dt-v2-text);
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1;
}

.darkthread-account-profile-page .account-profile-avatar-aura.is-master::before,
.darkthread-account-profile-page .account-profile-avatar-aura.is-master::after,
.darkthread-account-profile-page .account-profile-avatar-aura.is-admin::before,
.darkthread-account-profile-page .account-profile-avatar-aura.is-admin::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

.darkthread-account-profile-page .account-profile-avatar-aura.is-master::before {
    inset: -0.55rem;
    border-radius: 48% 52% 46% 54% / 58% 44% 56% 42%;
    background:
        radial-gradient(circle at 35% 30%, rgba(248, 113, 113, 0.65) 0 12%, transparent 30%),
        radial-gradient(circle at 68% 72%, rgba(69, 10, 10, 0.9) 0 18%, transparent 36%),
        conic-gradient(from 24deg, rgba(20, 0, 0, 0) 0deg, rgba(127, 29, 29, 0.92) 58deg, rgba(10, 0, 0, 0.36) 104deg, rgba(220, 38, 38, 0.8) 158deg, rgba(7, 0, 0, 0.15) 214deg, rgba(153, 27, 27, 0.78) 292deg, rgba(20, 0, 0, 0) 360deg);
    filter: blur(10px) saturate(1.35);
    opacity: 0.92;
    animation: darkthread-account-profile-aura-writhe 4.8s ease-in-out infinite;
}

.darkthread-account-profile-page .account-profile-avatar-aura.is-master::after {
    inset: -0.72rem;
    border-radius: 43% 57% 52% 48% / 50% 42% 58% 50%;
    box-shadow:
        0 0 0 1px rgba(69, 10, 10, 0.55),
        0 0 14px rgba(127, 29, 29, 0.62),
        0 0 28px rgba(185, 28, 28, 0.38);
    z-index: 0;
    animation: darkthread-account-profile-aura-ripple 3.2s ease-in-out infinite;
}

.darkthread-account-profile-page .account-profile-avatar-aura.is-admin::before {
    inset: -0.55rem;
    border-radius: 48% 52% 46% 54% / 58% 44% 56% 42%;
    background:
        radial-gradient(circle at 35% 30%, rgba(196, 181, 253, 0.72) 0 12%, transparent 30%),
        radial-gradient(circle at 68% 72%, rgba(46, 16, 101, 0.92) 0 18%, transparent 36%),
        conic-gradient(from 24deg, rgba(15, 0, 30, 0) 0deg, rgba(91, 33, 182, 0.92) 58deg, rgba(15, 0, 30, 0.36) 104deg, rgba(139, 92, 246, 0.82) 158deg, rgba(15, 0, 30, 0.15) 214deg, rgba(109, 40, 217, 0.78) 292deg, rgba(15, 0, 30, 0) 360deg);
    filter: blur(10px) saturate(1.25);
    opacity: 0.92;
    animation: darkthread-account-profile-aura-writhe 4.8s ease-in-out infinite;
}

.darkthread-account-profile-page .account-profile-avatar-aura.is-admin::after {
    inset: -0.72rem;
    border-radius: 43% 57% 52% 48% / 50% 42% 58% 50%;
    box-shadow:
        0 0 0 1px rgba(76, 29, 149, 0.55),
        0 0 14px rgba(109, 40, 217, 0.62),
        0 0 28px rgba(139, 92, 246, 0.38);
    z-index: 0;
    animation: darkthread-account-profile-aura-ripple 3.2s ease-in-out infinite;
}

@keyframes darkthread-account-profile-aura-writhe {
    0% {
        border-radius: 48% 52% 46% 54% / 58% 44% 56% 42%;
        transform: rotate(0deg) scale(0.96);
        opacity: 0.72;
    }
    38% {
        border-radius: 42% 58% 61% 39% / 45% 61% 39% 55%;
        transform: rotate(128deg) scale(1.06);
        opacity: 0.98;
    }
    68% {
        border-radius: 60% 40% 48% 52% / 38% 57% 43% 62%;
        transform: rotate(238deg) scale(1.01);
        opacity: 0.82;
    }
    100% {
        border-radius: 48% 52% 46% 54% / 58% 44% 56% 42%;
        transform: rotate(360deg) scale(0.96);
        opacity: 0.72;
    }
}

@keyframes darkthread-account-profile-aura-ripple {
    0%,
    100% {
        transform: scale(0.98);
        opacity: 0.78;
    }
    50% {
        transform: scale(1.08);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .darkthread-account-profile-page .account-profile-avatar-aura.is-master::before,
    .darkthread-account-profile-page .account-profile-avatar-aura.is-master::after,
    .darkthread-account-profile-page .account-profile-avatar-aura.is-admin::before,
    .darkthread-account-profile-page .account-profile-avatar-aura.is-admin::after {
        animation: none;
    }
}

.darkthread-account-profile-page .account-profile-name-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.darkthread-account-profile-page .account-profile-display-name {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--dt-v2-text);
    font-size: clamp(1.25rem, 4vw, 1.5rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45);
}

.darkthread-account-profile-page .account-profile-username {
    margin: 0;
    width: auto;
    max-width: 100%;
    color: var(--dt-v2-muted);
    font-size: 13px;
    line-height: 1.35;
    word-break: break-all;
}

.darkthread-account-profile-page .account-profile-follow-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 20px;
    margin: 10px 0 0;
    padding: 0;
}

.darkthread-account-profile-page .account-profile-follow-stats > div {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
}

.darkthread-account-profile-page .account-profile-follow-stats dt {
    margin: 0;
    color: var(--dt-v2-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.darkthread-account-profile-page .account-profile-follow-stats dd {
    margin: 0;
    color: var(--dt-v2-text);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.2;
}

.darkthread-account-profile-page .account-profile-role-badge {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
    padding: 2px 8px;
    border: 1px solid var(--dt-v2-border-strong);
    border-radius: 999px;
    background: var(--dt-v2-chip);
    color: var(--dt-v2-chip-text);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.darkthread-account-profile-page .account-profile-role-badge.is-master {
    border-color: color-mix(in srgb, rgba(185, 28, 28, 0.5) 45%, var(--dt-v2-border-strong));
    color: #f87171;
}

.darkthread-account-profile-page .account-profile-role-badge.is-admin {
    border-color: color-mix(in srgb, rgba(167, 139, 250, 0.45) 45%, var(--dt-v2-border-strong));
    color: #c4b5fd;
}

.darkthread-account-profile-page .account-profile-hero-bio {
    margin-top: 10px;
    padding-top: 4px;
    padding-left: calc(var(--account-profile-avatar-size) + 14px);
    max-width: 100%;
}

.darkthread-account-profile-page .account-profile-hero-bio .account-profile-bio-inline-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.darkthread-account-profile-page .account-profile-hero-bio .account-profile-bio-inline-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    flex: 0 0 auto;
}

.darkthread-account-profile-page .account-profile-bio-inline-label {
    color: var(--dt-v2-soft);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.darkthread-account-profile-page .account-profile-bio-display-box,
.darkthread-account-profile-page .account-profile-hero-bio-text {
    margin: 6px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--dt-v2-muted);
    font-size: 14px;
    line-height: 1.55;
    padding: 0;
    max-height: none;
    min-height: 0;
    height: auto;
}

.darkthread-account-profile-page .account-profile-bio-display-box::before {
    content: none;
}

/* ===== 탭 (feed 상단) ===== */

.darkthread-account-profile-page .account-profile-feed .account-profile-nav-tabs-shell {
    --account-profile-nav-pin-size: 44px;
    position: sticky;
    top: var(--dt-v2-chrome-top);
    z-index: 8;
    margin: 0;
    padding: 0 10px;
    gap: 0;
    min-height: var(--account-profile-nav-pin-size);
    align-items: center;
    background: var(--dt-v2-bg);
}

.darkthread-account-profile-page .account-profile-nav-tabs-shell .dt-v2-tabs-scroll {
    flex: 0 0 auto;
    align-self: center;
    width: auto;
    min-width: 20px;
    height: auto;
    margin: 0;
    padding: 4px 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--dt-v2-muted);
    font-size: 13px;
}

.darkthread-account-profile-page .account-profile-nav-tabs-shell .dt-v2-tabs-scroll:hover {
    color: var(--dt-v2-text);
    background: transparent;
}

.darkthread-account-profile-page .account-profile-nav-tabs-shell .dt-v2-tabs {
    align-items: center;
    align-self: center;
    max-height: none;
    height: auto;
    padding-left: 12px;
}

.darkthread-account-profile-page .account-profile-nav-tabs-shell .dt-v2-tabs a,
.darkthread-account-profile-page .account-profile-nav-tabs-shell .account-profile-nav-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    min-height: 44px;
    padding: 0;
    line-height: 1;
    box-sizing: border-box;
}

.darkthread-account-profile-page .account-profile-nav-tabs-shell .account-profile-nav-tab--pinned {
    position: relative;
    box-sizing: border-box;
    flex: 0 0 var(--account-profile-nav-pin-size);
    width: var(--account-profile-nav-pin-size);
    min-width: var(--account-profile-nav-pin-size);
    max-width: var(--account-profile-nav-pin-size);
    height: var(--account-profile-nav-pin-size);
    min-height: var(--account-profile-nav-pin-size);
    margin: 0;
    padding: 0;
    border: 0;
    border-right: 1px solid var(--dt-v2-border);
    color: var(--dt-v2-muted);
    text-decoration: none;
}

.darkthread-account-profile-page .account-profile-nav-tabs-shell .account-profile-nav-tab--pinned:hover,
.darkthread-account-profile-page .account-profile-nav-tabs-shell .account-profile-nav-tab--pinned.is-active {
    color: var(--dt-v2-text);
}

.darkthread-account-profile-page .account-profile-nav-tabs-shell .account-profile-nav-tab-icon {
    display: block;
    width: 1em;
    height: 1em;
    font-size: 16px;
    line-height: 1;
    text-align: center;
}

.darkthread-account-profile-page .account-profile-nav-tabs-shell .account-profile-nav-tab-label {
    display: block;
    line-height: 1.25;
}

.darkthread-account-profile-page .account-profile-nav-tabs-shell .dt-v2-tabs a.is-active::after,
.darkthread-account-profile-page .account-profile-nav-tabs-shell .account-profile-nav-tab--pinned.is-active::after {
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: var(--dt-v2-text);
}

/* ===== 정보 패널 (게시글 목록 대신 사용자 정보) ===== */

.darkthread-account-profile-page .account-profile-panels {
    display: grid;
    gap: 0;
    padding: 0 0 0 10px;
    min-width: 0;
    max-width: 100%;
    overflow-x: clip;
}

.darkthread-account-profile-page .account-profile-panels > [data-account-menu-panel] {
    border-bottom: 1px solid var(--dt-v2-border);
    padding: 26px 0;
    min-width: 0;
    max-width: 100%;
}

.darkthread-account-profile-page .account-profile-panels > [data-account-menu-panel]:last-child {
    border-bottom: 0;
}

.darkthread-account-profile-page .account-profile-panels > [data-account-menu-panel] > h3,
.darkthread-account-profile-page .account-profile-section-title,
.darkthread-account-profile-page .darkthread-admin-user-activity-heading {
    margin: 0 0 18px;
    color: var(--dt-v2-text);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.darkthread-account-profile-page .account-profile-section-lead {
    margin: -8px 0 18px;
    color: var(--dt-v2-muted);
    font-size: 13px;
    line-height: 1.5;
}

.darkthread-account-profile-page .account-profile-panels > [data-account-menu-panel] > p.text-sm {
    margin: -8px 0 18px;
    color: var(--dt-v2-muted);
    font-size: 13px;
    line-height: 1.5;
}

/* Tailwind · dt-text → v2 토큰 */
.darkthread-account-profile-page .text-white,
.darkthread-account-profile-page .dt-text,
.darkthread-account-profile-page .text-slate-100,
.darkthread-account-profile-page .text-slate-200 {
    color: var(--dt-v2-text) !important;
}

.darkthread-account-profile-page .dt-text-muted,
.darkthread-account-profile-page .text-slate-300 {
    color: color-mix(in srgb, var(--dt-v2-text) 82%, var(--dt-v2-muted)) !important;
}

.darkthread-account-profile-page .dt-text-soft,
.darkthread-account-profile-page .text-slate-400,
.darkthread-account-profile-page .text-slate-500 {
    color: var(--dt-v2-muted) !important;
}

.darkthread-account-profile-page [class*='border-white/'],
.darkthread-account-profile-page [class*='bg-black/'],
.darkthread-account-profile-page [class*='bg-white/5'] {
    border-color: var(--dt-v2-border) !important;
    background: transparent !important;
}

/* 계정 요약: 기본 정보 · 접속/변경 정보 */
.darkthread-account-profile-page .account-overview-meta-tabs-shell {
    min-width: 0;
    max-width: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.darkthread-account-profile-page .account-overview-meta-tabs-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    margin: 0 0 18px;
    border-bottom: 1px solid var(--dt-v2-border);
}

.darkthread-account-profile-page .account-overview-meta-tabs-track {
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
}

.darkthread-account-profile-page .account-overview-meta-tabs-track .tw-tabs-root.account-overview-meta-tw-tabs {
    margin-bottom: 0;
    border-bottom: 0;
}

.darkthread-account-profile-page .account-overview-meta-tabs-actions {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.darkthread-account-profile-page .account-overview-meta-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--dt-v2-border-strong);
    border-radius: 8px;
    background: var(--dt-v2-chip);
    color: var(--dt-v2-text);
    font-size: 13px;
    cursor: pointer;
}

.darkthread-account-profile-page .account-overview-meta-icon-button:hover:not(:disabled) {
    border-color: color-mix(in srgb, var(--dt-v2-accent) 45%, var(--dt-v2-border-strong));
    background: color-mix(in srgb, var(--dt-v2-accent) 12%, var(--dt-v2-chip));
    color: var(--dt-v2-text);
}

.darkthread-account-profile-page .account-overview-meta-icon-button--primary {
    border-color: var(--dt-v2-text);
    background: var(--dt-v2-text);
    color: var(--dt-v2-bg);
}

.darkthread-account-profile-page .account-overview-meta-icon-button--primary:hover:not(:disabled) {
    border-color: color-mix(in srgb, var(--dt-v2-text) 88%, var(--dt-v2-muted));
    background: color-mix(in srgb, var(--dt-v2-text) 88%, var(--dt-v2-muted));
    color: var(--dt-v2-bg);
}

.darkthread-account-profile-page .account-overview-meta-icon-button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.darkthread-account-profile-page .account-overview-gender-edit {
    margin: 0;
    padding: 0;
    border: 0;
}

.darkthread-account-profile-page .account-overview-gender-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.darkthread-account-profile-page .account-overview-gender-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--dt-v2-border-strong);
    border-radius: 999px;
    background: var(--dt-v2-chip);
    color: var(--dt-v2-muted);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.darkthread-account-profile-page .account-overview-gender-option:has(input:checked) {
    border-color: var(--dt-v2-text);
    background: color-mix(in srgb, var(--dt-v2-text) 10%, var(--dt-v2-chip));
    color: var(--dt-v2-text);
}

.darkthread-account-profile-page .account-overview-gender-option:has(input:focus-visible) {
    outline: 2px solid color-mix(in srgb, var(--dt-v2-accent) 55%, transparent);
    outline-offset: 2px;
}

.darkthread-account-profile-page [data-account-gender-cell].is-editing [data-account-gender-display] {
    display: none;
}

.darkthread-account-profile-page [data-account-gender-cell].is-editing [data-account-gender-editor] {
    display: block;
}

.darkthread-account-profile-page .tw-tabs-root.account-overview-meta-tw-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
    margin: 0 0 18px;
    padding: 0;
    border-bottom: 1px solid var(--dt-v2-border);
}

.darkthread-account-profile-page .tw-tabs-root.account-overview-meta-tw-tabs .tw-tabs-btn {
    position: relative;
    margin: 0;
    padding: 12px 0 14px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--dt-v2-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    cursor: pointer;
}

.darkthread-account-profile-page .tw-tabs-root.account-overview-meta-tw-tabs .tw-tabs-btn:hover {
    color: var(--dt-v2-text);
}

.darkthread-account-profile-page .tw-tabs-root.account-overview-meta-tw-tabs .tw-tabs-btn-active {
    color: var(--dt-v2-text);
    font-weight: 600;
}

.darkthread-account-profile-page .tw-tabs-root.account-overview-meta-tw-tabs .tw-tabs-btn-active::after {
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    border-radius: 0;
    background: var(--dt-v2-text);
}

.darkthread-account-profile-page .account-overview-meta-panels {
    min-width: 0;
}

.darkthread-account-profile-page .account-overview-meta-tab-panel {
    min-width: 0;
    padding: 0;
}

.darkthread-account-profile-page .account-overview-meta-table-wrap {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid var(--dt-v2-border);
}

.darkthread-account-profile-page .account-overview-meta-table {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

.darkthread-account-profile-page .account-overview-meta-table tbody tr {
    border-bottom: 1px solid var(--dt-v2-border);
}

.darkthread-account-profile-page .account-overview-meta-table tbody tr:last-child {
    border-bottom: 0;
}

.darkthread-account-profile-page .account-overview-meta-table tbody tr:hover {
    background: color-mix(in srgb, var(--dt-v2-chip) 45%, transparent);
}

.darkthread-account-profile-page .account-overview-meta-th {
    width: 34%;
    padding: 12px 14px;
    border: 0;
    background: color-mix(in srgb, var(--dt-v2-chip) 35%, transparent);
    color: var(--dt-v2-soft);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.darkthread-account-profile-page .account-overview-meta-th--top {
    vertical-align: top;
    padding-top: 14px;
}

.darkthread-account-profile-page .account-overview-meta-td {
    padding: 12px 14px;
    color: var(--dt-v2-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    text-align: right;
    vertical-align: middle;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.darkthread-account-profile-page .account-overview-meta-td--mono {
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    color: color-mix(in srgb, var(--dt-v2-text) 90%, var(--dt-v2-muted));
}

.darkthread-account-profile-page .account-overview-meta-badge {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    white-space: nowrap;
}

.darkthread-account-profile-page .account-overview-meta-badge.is-admin {
    color: #c4b5fd;
}

.darkthread-account-profile-page .account-overview-meta-badge.is-master {
    color: #f87171;
}

.darkthread-account-profile-page .account-overview-basic-input {
    width: min(100%, 320px);
    max-width: 100%;
    margin-left: auto;
    text-align: right;
}

.darkthread-account-profile-page [data-account-overview-basic-root].is-editing [data-account-overview-display] {
    display: none;
}

.darkthread-account-profile-page [data-account-overview-basic-root].is-editing [data-account-overview-editor] {
    display: block;
}

.darkthread-account-profile-page .account-overview-basic-edit-note {
    margin: 0;
    color: var(--dt-v2-muted);
    font-size: 12px;
    line-height: 1.45;
    text-align: right;
}

.darkthread-account-profile-page .account-overview-meta-badge.is-active {
    color: #86efac;
}

.darkthread-account-profile-page .account-overview-meta-badge.is-inactive {
    color: var(--dt-v2-muted);
}

.darkthread-account-profile-page .account-overview-meta-badge.is-waiting {
    color: #fcd34d;
}

.darkthread-account-profile-page .account-overview-meta-social-badges {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    max-width: 100%;
}

.darkthread-account-profile-page .account-overview-meta-social-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.5rem;
    border: 1px solid var(--dt-v2-border-strong);
    border-radius: 4px;
    background: transparent;
    color: var(--dt-v2-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
}

.darkthread-account-profile-page .account-overview-meta-social-badge.is-naver {
    border-color: color-mix(in srgb, #03c75a 40%, transparent);
    color: #86efac;
}

.darkthread-account-profile-page .account-overview-meta-social-badge.is-kakao {
    border-color: color-mix(in srgb, #fee500 35%, transparent);
    color: #fef08a;
}

@media (max-width: 520px) {
    .darkthread-account-profile-page .account-overview-meta-table {
        table-layout: auto;
    }

    .darkthread-account-profile-page .account-overview-meta-th {
        width: 38%;
        white-space: normal;
    }

    .darkthread-account-profile-page .account-overview-meta-td {
        text-align: left;
    }

    .darkthread-account-profile-page .account-overview-meta-social-badges {
        justify-content: flex-start;
    }
}

/* 구독/결제 */
.darkthread-account-profile-page .account-subscription-tabs-shell {
    min-width: 0;
    max-width: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.darkthread-account-profile-page .tw-tabs-root.account-subscription-tw-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
    margin: 0 0 18px;
    padding: 0;
    border-bottom: 1px solid var(--dt-v2-border);
}

.darkthread-account-profile-page .tw-tabs-root.account-subscription-tw-tabs .tw-tabs-btn {
    position: relative;
    margin: 0;
    padding: 12px 0 14px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--dt-v2-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    cursor: pointer;
}

.darkthread-account-profile-page .tw-tabs-root.account-subscription-tw-tabs .tw-tabs-btn:hover {
    color: var(--dt-v2-text);
}

.darkthread-account-profile-page .tw-tabs-root.account-subscription-tw-tabs .tw-tabs-btn-active {
    color: var(--dt-v2-text);
    font-weight: 600;
}

.darkthread-account-profile-page .tw-tabs-root.account-subscription-tw-tabs .tw-tabs-btn-active::after {
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    border-radius: 0;
    background: var(--dt-v2-text);
}

.darkthread-account-profile-page .account-subscription-panels,
.darkthread-account-profile-page .account-subscription-tab-panel {
    min-width: 0;
    padding: 0;
}

.darkthread-account-profile-page .account-subscription-status-toolbar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

@media (min-width: 600px) {
    .darkthread-account-profile-page .account-subscription-status-toolbar {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }
}

.darkthread-account-profile-page .account-subscription-status-note {
    margin: 0;
    min-width: 0;
    color: var(--dt-v2-muted);
    font-size: 13px;
    line-height: 1.5;
}

.darkthread-account-profile-page .account-subscription-status-link {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border: 1px solid var(--dt-v2-border-strong);
    border-radius: 6px;
    background: var(--dt-v2-chip);
    color: var(--dt-v2-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.darkthread-account-profile-page .account-subscription-status-link:hover {
    border-color: color-mix(in srgb, var(--dt-v2-accent) 45%, var(--dt-v2-border-strong));
    background: color-mix(in srgb, var(--dt-v2-accent) 12%, var(--dt-v2-chip));
    color: var(--dt-v2-text);
}

.darkthread-account-profile-page .account-subscription-status-table-wrap {
    margin-bottom: 0;
}

.darkthread-account-profile-page .account-subscription-health {
    margin-top: 18px;
    min-width: 0;
    max-width: 100%;
}

.darkthread-account-profile-page .account-subscription-payments-lead {
    margin: 0 0 14px;
    color: var(--dt-v2-muted);
    font-size: 13px;
    line-height: 1.5;
}

.darkthread-account-profile-page .account-subscription-payments-empty {
    margin: 0;
    padding: 28px 16px;
    border: 1px dashed var(--dt-v2-border);
    border-radius: 8px;
    color: var(--dt-v2-muted);
    font-size: 14px;
    line-height: 1.45;
    text-align: center;
}

.darkthread-account-profile-page .account-subscription-payments-list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.darkthread-account-profile-page .account-subscription-payment-card {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid var(--dt-v2-border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--dt-v2-chip) 40%, transparent);
}

.darkthread-account-profile-page .account-subscription-payment-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.darkthread-account-profile-page .account-subscription-payment-card__status {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.darkthread-account-profile-page .account-subscription-payment-card.is-paid .account-subscription-payment-card__status {
    color: #86efac;
}

.darkthread-account-profile-page .account-subscription-payment-card.is-failed .account-subscription-payment-card__status {
    color: #fca5a5;
}

.darkthread-account-profile-page .account-subscription-payment-card.is-canceled .account-subscription-payment-card__status {
    color: #fcd34d;
}

.darkthread-account-profile-page .account-subscription-payment-card.is-refunded .account-subscription-payment-card__status {
    color: #7dd3fc;
}

.darkthread-account-profile-page .account-subscription-payment-card.is-ready .account-subscription-payment-card__status {
    color: #fcd34d;
}

.darkthread-account-profile-page .account-subscription-payment-card.is-unknown .account-subscription-payment-card__status {
    color: var(--dt-v2-muted);
}

.darkthread-account-profile-page .account-subscription-payment-card__amount {
    flex-shrink: 0;
    color: var(--dt-v2-text);
    font-size: 16px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1.25;
}

.darkthread-account-profile-page .account-subscription-payment-card__currency {
    margin-left: 2px;
    color: var(--dt-v2-muted);
    font-size: 12px;
    font-weight: 500;
}

.darkthread-account-profile-page .account-subscription-payment-card__product {
    margin: 0 0 10px;
    color: var(--dt-v2-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.darkthread-account-profile-page .account-subscription-payment-card__meta {
    display: grid;
    gap: 6px;
    margin: 0;
}

.darkthread-account-profile-page .account-subscription-payment-card__meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px 12px;
    margin: 0;
}

.darkthread-account-profile-page .account-subscription-payment-card__meta-row dt {
    margin: 0;
    color: var(--dt-v2-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
}

.darkthread-account-profile-page .account-subscription-payment-card__meta-row dd {
    margin: 0;
    color: color-mix(in srgb, var(--dt-v2-text) 88%, var(--dt-v2-muted));
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    text-align: right;
    overflow-wrap: anywhere;
}

.darkthread-account-profile-page .account-subscription-payment-card__order {
    font-variant-numeric: tabular-nums;
}

/* 활동 통계 · 섹션 블록 간격 (admin-users.css 미로드 → flex 직접 지정) */
.darkthread-account-profile-page .darkthread-admin-user-activity {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    min-width: 0;
    max-width: 100%;
}

.darkthread-account-profile-page .darkthread-admin-user-activity-block {
    min-width: 0;
    max-width: 100%;
}

.darkthread-account-profile-page .darkthread-admin-user-activity-block + .darkthread-admin-user-activity-block {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--dt-v2-border);
}

.darkthread-account-profile-page .darkthread-admin-user-activity-block .darkthread-admin-user-activity-heading {
    margin: 0 0 16px;
}

.darkthread-account-profile-page .darkthread-admin-user-activity-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

@media (min-width: 600px) {
    .darkthread-account-profile-page .darkthread-admin-user-activity-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {
    .darkthread-account-profile-page .darkthread-admin-user-activity-stats {
        grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
    }
}

.darkthread-account-profile-page .darkthread-admin-user-activity-stat {
    min-width: 0;
    border: 1px solid var(--dt-v2-border);
    border-radius: 0;
    background: transparent;
    padding: 14px 12px;
}

.darkthread-account-profile-page .darkthread-admin-user-activity-stat-label,
.darkthread-account-profile-page .darkthread-admin-user-activity-stat-value {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.darkthread-account-profile-page .darkthread-admin-user-activity-stat-label {
    color: var(--dt-v2-soft);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.darkthread-account-profile-page .darkthread-admin-user-activity-stat-value {
    margin-top: 6px;
    color: var(--dt-v2-text);
    font-size: 1.15rem;
    font-weight: 800;
}

.darkthread-account-profile-page .darkthread-admin-user-activity-stat-value--sm {
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--dt-v2-muted);
}

/* 목록 · 테이블 */
.darkthread-account-profile-page .darkthread-list-toolbar,
.darkthread-account-profile-page .darkthread-list-filter,
.darkthread-account-profile-page .darkthread-list-controls {
    min-width: 0;
    max-width: 100%;
}

.darkthread-account-profile-page .darkthread-list-toolbar {
    margin-bottom: 12px;
}

.darkthread-account-profile-page .darkthread-list-filter .darkthread-search-field {
    width: 100%;
    max-width: 100%;
}

.darkthread-account-profile-page .darkthread-list-body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: visible;
    overflow-y: visible;
}

/* 게시·북마크·댓글 목록: 프로필 전용 카드형 (모든 뷰포트) */
.darkthread-account-profile-page .darkthread-account-post-table {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border-collapse: separate;
    white-space: normal;
}

.darkthread-account-profile-page .darkthread-account-post-table colgroup,
.darkthread-account-profile-page .darkthread-account-post-table thead {
    display: none;
}

.darkthread-account-profile-page .darkthread-account-post-table tbody {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    gap: 12px;
}

.darkthread-account-profile-page .darkthread-account-post-table tbody tr {
    display: block;
    min-width: 0;
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--dt-v2-border);
    border-radius: 12px;
    background: color-mix(in srgb, var(--dt-v2-chip) 72%, transparent);
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.darkthread-account-profile-page .darkthread-account-post-table tbody tr:hover {
    border-color: var(--dt-v2-border-strong);
    background: color-mix(in srgb, var(--dt-v2-chip) 92%, transparent);
}

.darkthread-account-profile-page .darkthread-account-post-table tbody tr > td {
    display: none;
}

.darkthread-account-profile-page .darkthread-account-post-table tbody tr > td[colspan] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 4.5rem;
    padding: 1.1rem 1rem !important;
    color: var(--dt-v2-muted);
    font-size: 13px;
    text-align: center;
}

.darkthread-account-profile-page .darkthread-account-post-table .darkthread-table-title-cell {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    max-width: none;
    width: 100%;
    min-width: 0;
    padding: 14px 16px 15px !important;
    box-sizing: border-box;
}

.darkthread-account-profile-page .darkthread-account-post-table .darkthread-table-title-wrap {
    display: none !important;
}

.darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-category {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    max-width: 72%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--dt-v2-border-strong) 85%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--dt-v2-chip) 88%, transparent);
    padding: 0.2rem 0.55rem;
    color: var(--dt-v2-soft);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-category:empty {
    display: none !important;
}

.darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-title {
    display: block !important;
    overflow: hidden;
    color: var(--dt-v2-text);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-title:hover {
    color: var(--dt-v2-accent);
}

.darkthread-account-profile-page .darkthread-account-mobile-post-excerpt {
    display: -webkit-box !important;
    overflow: hidden;
    color: var(--dt-v2-muted);
    font-size: 13px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-meta {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.4rem;
    min-width: 0;
    color: var(--dt-v2-soft);
    font-size: 12px;
    line-height: 1.35;
}

.darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-meta > span {
    display: inline-flex;
    min-width: 0;
    align-items: center;
}

.darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-meta > span + span::before {
    content: "·";
    margin-right: 0.35rem;
    color: var(--dt-v2-muted);
}

.darkthread-account-profile-page .darkthread-list-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
}

.darkthread-account-profile-page .darkthread-admin-user-comment-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.darkthread-account-profile-page .darkthread-admin-user-comment-item {
    min-width: 0;
    margin: 0 !important;
    border: 1px solid var(--dt-v2-border) !important;
    border-radius: 12px !important;
    background: color-mix(in srgb, var(--dt-v2-chip) 72%, transparent) !important;
    padding: 14px 16px 15px !important;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.darkthread-account-profile-page .darkthread-admin-user-comment-item:hover {
    border-color: var(--dt-v2-border-strong) !important;
    background: color-mix(in srgb, var(--dt-v2-chip) 92%, transparent) !important;
}

.darkthread-account-profile-page .darkthread-admin-user-comment-item > div {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.darkthread-account-profile-page .darkthread-admin-user-comment-item a {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--dt-v2-text) !important;
    font-size: 15px;
    font-weight: 700;
}

.darkthread-account-profile-page .darkthread-admin-user-comment-item a:hover {
    color: var(--dt-v2-accent) !important;
}

.darkthread-account-profile-page .darkthread-admin-user-comment-item > div > span {
    flex: 0 0 auto;
    color: var(--dt-v2-soft);
    font-size: 12px;
    white-space: nowrap;
}

.darkthread-account-profile-page .darkthread-admin-user-comment-item p {
    margin: 8px 0 0;
    color: var(--dt-v2-muted) !important;
    font-size: 13px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.darkthread-account-profile-page .darkthread-search-field {
    border-color: var(--dt-v2-border-strong);
    background: var(--dt-v2-chip);
    border-radius: 999px;
}

.darkthread-account-profile-page .darkthread-search-input {
    background: transparent;
    border: 0;
    color: var(--dt-v2-text);
}

.darkthread-account-profile-page .darkthread-search-input::placeholder {
    color: var(--dt-v2-soft);
}

.darkthread-account-profile-page .darkthread-table {
    color: var(--dt-v2-text);
}

.darkthread-account-profile-page .darkthread-table thead tr {
    border-bottom: 1px solid var(--dt-v2-border);
}

.darkthread-account-profile-page .darkthread-table thead th {
    color: var(--dt-v2-soft);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.darkthread-account-profile-page .darkthread-table tbody tr {
    border-bottom: 1px solid var(--dt-v2-border);
}

.darkthread-account-profile-page .darkthread-table tbody tr:hover {
    background: color-mix(in srgb, var(--dt-v2-chip) 65%, transparent);
}

.darkthread-account-profile-page .darkthread-table a.text-red-300\/90,
.darkthread-account-profile-page a[class*='text-red'] {
    color: var(--dt-v2-text) !important;
    font-weight: 600;
}

.darkthread-account-profile-page .darkthread-table a[class*='text-red']:hover {
    color: var(--dt-v2-accent) !important;
}

.darkthread-account-profile-page .darkthread-pagination-button {
    border-color: var(--dt-v2-border-strong);
    background: var(--dt-v2-chip);
    color: var(--dt-v2-text);
    border-radius: 999px;
}

.darkthread-account-profile-page .darkthread-pagination-button.is-active {
    border-color: var(--dt-v2-text);
    background: var(--dt-v2-text);
    color: var(--dt-v2-bg);
}

.darkthread-account-profile-page .darkthread-list-meta {
    color: var(--dt-v2-muted);
    font-size: 13px;
}

/* 폼 — 비밀번호 변경 라벨 */
.darkthread-account-profile-page .darkthread-account-profile-form .notice-admin-label {
    display: block;
    color: var(--dt-v2-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
    text-transform: none;
}

.darkthread-account-profile-page .darkthread-account-profile-form .notice-admin-field > label.notice-admin-label + .notice-admin-input,
.darkthread-account-profile-page .darkthread-account-profile-form .notice-admin-field > label.notice-admin-label + .account-profile-locked-input-wrap {
    margin-top: 0.5rem;
}

.darkthread-account-profile-page .notice-admin-input,
.darkthread-account-profile-page .notice-admin-textarea {
    border: 1px solid var(--dt-v2-border-strong);
    border-radius: 0;
    background: var(--dt-bg-input);
    color: var(--dt-v2-text);
}

.darkthread-account-profile-page .notice-admin-input:focus,
.darkthread-account-profile-page .notice-admin-textarea:focus {
    border-color: var(--dt-v2-text);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--dt-v2-text) 25%, transparent);
    background: var(--dt-bg-input-focus);
    outline: none;
}

.darkthread-account-profile-page .notice-admin-button {
    border: 1px solid var(--dt-v2-border-strong);
    border-radius: 999px;
    background: var(--dt-v2-chip);
    color: var(--dt-v2-text);
}

.darkthread-account-profile-page .notice-admin-button i {
    font-size: 0.9em;
    line-height: 1;
    flex-shrink: 0;
}

.darkthread-account-profile-page .notice-admin-button.is-primary {
    border-color: var(--dt-v2-text);
    background: var(--dt-v2-text);
    color: var(--dt-v2-bg);
}

.darkthread-account-profile-page .notice-admin-button.is-primary:hover {
    border-color: color-mix(in srgb, var(--dt-v2-text) 88%, var(--dt-v2-muted));
    background: color-mix(in srgb, var(--dt-v2-text) 88%, var(--dt-v2-muted));
    color: var(--dt-v2-bg);
}

.darkthread-account-profile-page .notice-admin-button.is-primary.is-danger {
    border-color: color-mix(in srgb, #f87171 55%, var(--dt-v2-border-strong));
    background: #450a0a;
    color: var(--dt-fg);
}

.darkthread-account-profile-page .notice-admin-button.is-primary.is-danger:hover {
    border-color: color-mix(in srgb, #f87171 70%, var(--dt-v2-border-strong));
    background: #7f1d1d;
    color: var(--dt-fg);
}

.darkthread-account-profile-page .account-profile-bio-toggle-button,
.darkthread-account-profile-page .account-profile-bio-cancel-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--dt-v2-border-strong);
    border-radius: 8px;
    background: var(--dt-v2-chip);
    color: var(--dt-v2-text);
    font-size: 13px;
    cursor: pointer;
}

.darkthread-account-profile-page .account-profile-avatar-actions {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    border-radius: inherit;
    background: rgba(0, 0, 0, 0.55);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

.darkthread-account-profile-page .account-profile-avatar-shell:hover .account-profile-avatar-actions,
.darkthread-account-profile-page .account-profile-avatar-shell:focus-within .account-profile-avatar-actions {
    opacity: 1;
    pointer-events: auto;
}

.darkthread-account-profile-page .account-profile-avatar-select-button,
.darkthread-account-profile-page .account-profile-avatar-remove-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--dt-v2-border-strong);
    border-radius: 999px;
    background: var(--dt-v2-chip);
    color: var(--dt-v2-text);
    font-size: 14px;
    cursor: pointer;
}

.darkthread-account-profile-page .account-profile-avatar-remove-button {
    color: #f87171;
}

.account-profile-avatar-image.hidden,
.account-profile-avatar-fallback.hidden,
.darkthread-account-profile-page .account-profile-hero-avatar .account-profile-avatar-image[hidden],
.darkthread-account-profile-page .account-profile-hero-avatar .account-profile-avatar-fallback[hidden] {
    display: none !important;
}

/* 구독 HP 바 (admin-users.css 미로드) */
.darkthread-account-profile-page .account-subscription-health__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem 0.75rem;
    margin-bottom: 0.45rem;
    color: var(--dt-v2-text);
    font-size: 12px;
    font-weight: 600;
    text-shadow: none;
}

.darkthread-account-profile-page .account-subscription-health__head > span {
    min-width: 0;
}

.darkthread-account-profile-page .account-subscription-healthbar {
    position: relative;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    height: 1.65rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--dt-v2-accent) 55%, var(--dt-v2-border));
    border-radius: 6px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 34%),
        color-mix(in srgb, var(--dt-v2-chip) 80%, #0a0a0a);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.darkthread-account-profile-page .account-subscription-healthbar::before {
    content: "";
    position: absolute;
    inset: 0.22rem;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    pointer-events: none;
    z-index: 3;
}

.darkthread-account-profile-page .account-subscription-healthbar__fill {
    position: absolute;
    inset: 0;
    min-width: 0.45rem;
    overflow: hidden;
    border-radius: 5px 3px 3px 5px;
    background:
        radial-gradient(circle at 100% 50%, rgba(254, 202, 202, 0.75), transparent 0.95rem),
        linear-gradient(90deg, #3b0606 0%, #7f1d1d 38%, #dc2626 72%, #f87171 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.darkthread-account-profile-page .account-subscription-healthbar__shine {
    position: absolute;
    inset: 0.15rem 0 52%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.02));
    mix-blend-mode: screen;
}

.darkthread-account-profile-page .account-subscription-healthbar__grid {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        repeating-linear-gradient(90deg, transparent 0, transparent 1.05rem, rgba(255, 255, 255, 0.12) 1.05rem, rgba(255, 255, 255, 0.12) 1.1rem),
        linear-gradient(90deg, rgba(0, 0, 0, 0.45), transparent 12%, transparent 88%, rgba(0, 0, 0, 0.55));
    pointer-events: none;
}

.darkthread-account-profile-page .account-subscription-healthbar__label {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fee2e2;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-shadow: 0 1px 2px #000;
}

/* 모달 */
.darkthread-account-profile-page .tw-modaldialogs el-dialog-panel {
    border-color: var(--dt-v2-border-strong);
    background: var(--dt-v2-bg) !important;
    color: var(--dt-v2-text);
}

.darkthread-account-profile-page .tw-modaldialogs el-dialog-panel h1,
.darkthread-account-profile-page .tw-modaldialogs el-dialog-panel h2,
.darkthread-account-profile-page .tw-modaldialogs el-dialog-panel h3 {
    color: var(--dt-v2-text);
}

/* 사이드바 */
.darkthread-account-profile-page .account-profile-aside.dt-v2-sidebar {
    top: calc(var(--dt-v2-chrome-top) + 8px);
    max-height: calc(100vh - var(--dt-v2-chrome-top) - 24px);
}

.darkthread-account-profile-page .account-profile-aside-placeholder {
    margin: 0;
}

.darkthread-account-profile-page .account-profile-aside-ad {
    min-width: 0;
}

.darkthread-account-profile-page .account-profile-aside-ad .darkthread-page-sidebar-ad-stack {
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
}

.darkthread-account-profile-page .account-profile-aside-ad .darkthread-page-sidebar-ad--square {
    width: min(100%, 250px);
}

.darkthread-account-profile-page .account-profile-aside-slot--ad-only {
    padding-top: 0;
}

@media (max-width: 640px) {
    .darkthread-account-profile-page .account-profile-feed .account-profile-nav-tabs-shell {
        padding-bottom: 0;
    }

    .darkthread-account-profile-page .account-profile-nav-tabs-shell .dt-v2-tabs {
        gap: 22px;
    }
}

@media (max-width: 520px) {
    .darkthread-account-profile-page.darkthread-board-list-v2 {
        --account-profile-avatar-size: 72px;
        --account-profile-banner-height: 120px;
    }

    .darkthread-account-profile-page .account-profile-hero-row {
        gap: 12px;
    }

    .darkthread-account-profile-page .account-profile-hero-bio {
        padding-left: 0;
    }
}

/* ===== 마이 홈 (admin-users.css 미로드 → 룸·캐릭터 배치 포함) ===== */

.darkthread-account-profile-page .account-my-home {
    min-width: 0;
}

.darkthread-account-profile-page .account-my-home-frame {
    overflow: hidden;
    border: 1px solid var(--dt-v2-border-strong);
    border-radius: 8px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--dt-v2-chip) 55%, transparent), var(--dt-v2-bg)),
        var(--dt-v2-bg);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--dt-v2-text) 6%, transparent);
}

.darkthread-account-profile-page .account-my-home-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--dt-v2-border);
    background: color-mix(in srgb, var(--dt-v2-bg) 78%, transparent);
}

.darkthread-account-profile-page .account-my-home-title-group {
    min-width: 0;
}

.darkthread-account-profile-page .account-my-home-kicker {
    margin: 0;
    color: color-mix(in srgb, var(--dt-v2-accent) 72%, #fca5a5);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.darkthread-account-profile-page .account-my-home-title {
    margin: 0.15rem 0 0;
    color: var(--dt-v2-text);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.darkthread-account-profile-page .account-my-home-counter {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
    color: var(--dt-v2-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.darkthread-account-profile-page .account-my-home-counter span {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-height: 1.7rem;
    border: 1px solid var(--dt-v2-border);
    border-radius: 999px;
    background: var(--dt-v2-chip);
    padding: 0.35rem 0.55rem;
}

.darkthread-account-profile-page .account-my-home-counter strong {
    color: color-mix(in srgb, var(--dt-v2-accent) 65%, #fecaca);
    font-weight: 900;
}

.darkthread-account-profile-page .account-my-home-decor-stage {
    min-width: 0;
    padding: 1rem;
    background: color-mix(in srgb, var(--dt-v2-bg) 72%, #02060c);
}

.darkthread-account-profile-page .account-my-home-room {
    position: relative;
    isolation: isolate;
    contain: paint;
    width: 100%;
    min-height: clamp(26rem, 58vw, 42rem);
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border: 1px solid var(--dt-v2-border-strong);
    border-radius: 8px;
    background: #050505;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--dt-v2-text) 8%, transparent),
        0 1rem 2.25rem rgba(0, 0, 0, 0.2);
}

.darkthread-account-profile-page .account-my-home-room-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

.darkthread-account-profile-page .account-my-home-room-floor {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    box-sizing: border-box;
    border-radius: 4px;
    background: transparent;
    pointer-events: none;
    transition: background-color 0.15s ease;
    /* clip-path·크기는 JS(getMinihomeImageRect)로 방 이미지 영역에 맞춤 */
}

.darkthread-account-profile-page .account-my-home-room.is-dragging .account-my-home-room-floor {
    background: color-mix(in srgb, var(--dt-v2-accent) 12%, transparent);
}

.darkthread-account-profile-page .account-my-home-room-character {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    display: block;
    width: var(--decor-character-width, 8rem);
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    color: inherit;
    cursor: grab;
    touch-action: none;
    user-select: none;
    -webkit-user-drag: none;
    backface-visibility: hidden;
    opacity: 0;
    filter: drop-shadow(0 0.85rem 0.9rem rgba(0, 0, 0, 0.45));
    transform: translate3d(var(--decor-character-x, 0), var(--decor-character-y, 0), 0);
    will-change: transform;
}

.darkthread-account-profile-page .account-my-home-room.is-decor-ready .account-my-home-room-character {
    opacity: 1;
}

.darkthread-account-profile-page .account-my-home-room-character:active {
    cursor: grabbing;
}

.darkthread-account-profile-page .account-my-home-room-character.is-dragging {
    z-index: 4;
    filter: drop-shadow(0 0.55rem 0.65rem rgba(0, 0, 0, 0.38));
}

.darkthread-account-profile-page .account-my-home-room-character:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--dt-v2-accent) 72%, transparent);
    outline-offset: 3px;
}

.darkthread-account-profile-page .account-my-home-room-character img {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
    -webkit-user-drag: none;
}

.darkthread-account-profile-page .account-my-home-room-toolbar {
    position: absolute;
    top: 0.65rem;
    left: 0.65rem;
    z-index: 5;
    display: inline-flex;
    gap: 0.35rem;
    border: 1px solid var(--dt-v2-border-strong);
    border-radius: 999px;
    background: color-mix(in srgb, var(--dt-v2-bg) 82%, transparent);
    padding: 0.28rem;
    backdrop-filter: blur(8px);
}

.darkthread-account-profile-page .account-my-home-room-tool {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid var(--dt-v2-border);
    border-radius: 999px;
    background: var(--dt-v2-chip);
    color: var(--dt-v2-muted);
    font-size: 12px;
    transition:
        border-color 0.15s ease,
        background-color 0.15s ease,
        color 0.15s ease,
        transform 0.15s ease;
}

.darkthread-account-profile-page .account-my-home-room-tool:hover {
    border-color: color-mix(in srgb, var(--dt-v2-accent) 45%, var(--dt-v2-border));
    background: color-mix(in srgb, var(--dt-v2-accent) 18%, var(--dt-v2-chip));
    color: var(--dt-v2-text);
    transform: translateY(-1px);
}

/* 비밀번호 변경: 마지막 입력 필드 아래 그룹 하단선 제거(버튼 구분선만 유지) */
.darkthread-account-profile-page .darkthread-account-profile-form .notice-admin-group {
    border-bottom: 0;
    padding-bottom: 0;
}

/* 비밀번호 변경 · 회원 탈퇴 — 본문과 액션 버튼 구분선 */
.darkthread-account-profile-page .darkthread-account-profile-form .notice-admin-actions,
.darkthread-account-profile-page #account-withdraw-section .notice-admin-actions {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px dashed color-mix(in srgb, var(--dt-v2-muted) 28%, transparent);
}

/* 관리자 회원 상세: 사이드바 액션(광고 대신) */
.darkthread-admin-user-profile-page .account-profile-hero-bio--readonly {
    margin-top: 0.35rem;
}

.darkthread-admin-user-profile-page .account-profile-aside-slot--admin-actions h2 {
    margin: 0 0 0.65rem;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--dt-v2-muted);
}

.darkthread-admin-user-profile-page .account-profile-aside-admin-note {
    margin: 0 0 0.9rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--dt-v2-muted);
}

.darkthread-admin-user-profile-page .account-profile-aside-admin-actions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.darkthread-admin-user-profile-page .account-profile-aside-admin-button {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    text-align: center;
}

.darkthread-admin-user-profile-page .account-profile-aside-admin-button i {
    font-size: 0.9em;
    line-height: 1;
}

@media (max-width: 640px) {
    .darkthread-account-profile-page .account-my-home-topbar {
        flex-direction: column;
        align-items: stretch;
    }

    .darkthread-account-profile-page .account-my-home-counter {
        justify-content: flex-start;
    }

    .darkthread-account-profile-page .account-my-home-decor-stage {
        padding: 0.65rem;
    }

    .darkthread-account-profile-page .account-my-home-room {
        min-height: 18rem;
    }
}

/* ===== 라이트 모드 가독성 (내 계정 · 관리자 회원 상세) ===== */

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page {
    --account-profile-light-text: #111827;
    --account-profile-light-muted: #64748b;
    --account-profile-light-soft: #475569;
    --account-profile-light-link: #991b1b;
    --account-profile-light-link-hover: #b91c1c;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .text-white,
html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .dt-text,
html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .text-slate-100,
html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .text-slate-200,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .text-white,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .dt-text,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .text-slate-100,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .text-slate-200 {
    color: var(--account-profile-light-text) !important;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .dt-text-muted,
html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .text-slate-300,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .dt-text-muted,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .text-slate-300 {
    color: var(--account-profile-light-soft) !important;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .dt-text-soft,
html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .text-slate-400,
html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .text-slate-500,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .dt-text-soft,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .text-slate-400,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .text-slate-500 {
    color: var(--account-profile-light-muted) !important;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page a[class*='text-red'],
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page a[class*='text-red'] {
    color: var(--account-profile-light-link) !important;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page a[class*='text-red']:hover,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page a[class*='text-red']:hover {
    color: var(--account-profile-light-link-hover) !important;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .darkthread-table,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .darkthread-table {
    color: var(--account-profile-light-text);
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .darkthread-table thead th,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .darkthread-table thead th {
    color: var(--account-profile-light-muted);
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-title,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-title {
    color: var(--account-profile-light-text);
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-title:hover,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-title:hover {
    color: var(--dt-v2-accent);
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-meta,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-meta {
    color: var(--account-profile-light-muted);
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-meta > span + span::before,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .darkthread-account-post-table .darkthread-mobile-post-meta > span + span::before {
    color: var(--account-profile-light-soft);
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .darkthread-admin-user-activity-stat-label,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .darkthread-admin-user-activity-stat-label {
    color: var(--account-profile-light-muted);
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .account-overview-meta-th,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .account-overview-meta-th {
    color: var(--account-profile-light-muted);
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .account-overview-meta-badge.is-active,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .account-overview-meta-badge.is-active {
    color: #15803d;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .account-overview-meta-badge.is-waiting,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .account-overview-meta-badge.is-waiting {
    color: #a16207;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .account-overview-meta-social-badge.is-naver,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .account-overview-meta-social-badge.is-naver {
    border-color: color-mix(in srgb, #03c75a 35%, #e5e7eb);
    color: #047857;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .account-overview-meta-social-badge.is-kakao,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .account-overview-meta-social-badge.is-kakao {
    border-color: color-mix(in srgb, #ca8a04 30%, #e5e7eb);
    color: #854d0e;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .account-subscription-payment-card.is-paid .account-subscription-payment-card__status,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .account-subscription-payment-card.is-paid .account-subscription-payment-card__status {
    color: #15803d;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .account-subscription-payment-card.is-failed .account-subscription-payment-card__status,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .account-subscription-payment-card.is-failed .account-subscription-payment-card__status {
    color: #b91c1c;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .account-subscription-payment-card.is-canceled .account-subscription-payment-card__status,
html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .account-subscription-payment-card.is-ready .account-subscription-payment-card__status,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .account-subscription-payment-card.is-canceled .account-subscription-payment-card__status,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .account-subscription-payment-card.is-ready .account-subscription-payment-card__status {
    color: #a16207;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .darkthread-account-profile-page .account-subscription-payment-card.is-refunded .account-subscription-payment-card__status,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .darkthread-account-profile-page .account-subscription-payment-card.is-refunded .account-subscription-payment-card__status {
    color: #0369a1;
}

.darkthread-account-profile-page .account-guestbook-compose {
    margin-bottom: 18px;
}

.darkthread-account-profile-page .account-guestbook-entry {
    display: flex;
    align-items: stretch;
    gap: 0.55rem;
}

.darkthread-account-profile-page .account-guestbook-compose .darkthread-comment-textarea-wrap {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
}

.darkthread-account-profile-page .account-guestbook-compose .darkthread-comment-textarea-hint {
    position: absolute;
    top: 0.62rem;
    right: 0.78rem;
    z-index: 1;
    max-width: calc(100% - 1.56rem);
    padding: 0.08rem 0.34rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.48);
    color: var(--dt-fg-muted);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.3;
    pointer-events: none;
    white-space: nowrap;
}

.darkthread-account-profile-page .account-guestbook-compose .darkthread-comment-textarea-hint.is-over {
    color: #fca5a5;
}

.darkthread-account-profile-page .account-guestbook-compose .darkthread-comment-textarea {
    width: 100%;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 5.75rem;
    resize: vertical;
    border: 1px solid var(--dt-v2-border-strong, rgba(148, 163, 184, 0.16));
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.06);
    padding: 1.78rem 0.9rem 0.8rem;
    color: var(--dt-v2-text, #e2e8f0);
    line-height: 1.65;
    outline: none;
}

.darkthread-account-profile-page .account-guestbook-compose .darkthread-comment-textarea::placeholder {
    color: var(--dt-v2-muted, #64748b);
}

.darkthread-account-profile-page .account-guestbook-compose .darkthread-comment-textarea:focus {
    border-color: rgba(248, 113, 113, 0.35);
    box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.12);
}

.darkthread-account-profile-page .account-guestbook-compose .darkthread-comment-submit {
    flex: 0 0 auto;
    align-self: stretch;
    min-height: 2.75rem;
    padding-inline: 1rem;
    border-radius: 0.5rem;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .account-guestbook-compose .darkthread-comment-textarea,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .account-guestbook-compose .darkthread-comment-textarea {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.18);
    color: #111827;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .account-guestbook-compose .darkthread-comment-textarea-hint,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .account-guestbook-compose .darkthread-comment-textarea-hint {
    background: rgba(255, 255, 255, 0.92);
    color: #475569;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
}

@media (max-width: 520px) {
    .darkthread-account-profile-page .account-guestbook-entry {
        flex-direction: column;
    }

    .darkthread-account-profile-page .account-guestbook-compose .darkthread-comment-submit {
        min-height: 2.9rem;
    }
}

.darkthread-account-profile-page .account-guestbook-status {
    display: block;
}

.darkthread-account-profile-page .account-guestbook-status.is-error {
    color: #fca5a5;
}

.darkthread-account-profile-page .account-guestbook-status.is-success {
    color: #86efac;
}

.darkthread-account-profile-page .account-guestbook-list {
    display: grid;
    gap: 12px;
}

.darkthread-account-profile-page .account-guestbook-item {
    border: 1px solid color-mix(in srgb, var(--dt-v2-border) 88%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--dt-v2-surface-elevated, #111827) 92%, transparent);
    padding: 14px 16px;
}

.darkthread-account-profile-page .account-guestbook-item-head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.darkthread-account-profile-page .account-guestbook-avatar {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    overflow: hidden;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--dt-v2-muted) 24%, transparent);
}

.darkthread-account-profile-page .account-guestbook-avatar-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.darkthread-account-profile-page .account-guestbook-avatar-fallback {
    font-size: 14px;
    font-weight: 700;
    color: var(--dt-v2-text);
}

.darkthread-account-profile-page .account-guestbook-item-meta {
    flex: 1 1 auto;
    min-width: 0;
}

.darkthread-account-profile-page .account-guestbook-author-link,
.darkthread-account-profile-page .account-guestbook-author-name {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--dt-v2-text);
    text-decoration: none;
}

.darkthread-account-profile-page .account-guestbook-author-link:hover {
    text-decoration: underline;
}

.darkthread-account-profile-page .account-guestbook-date {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: var(--dt-v2-muted);
}

.darkthread-account-profile-page .account-guestbook-delete {
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    color: var(--dt-v2-muted);
    font-size: 12px;
    cursor: pointer;
    padding: 4px 0;
}

.darkthread-account-profile-page .account-guestbook-delete:hover {
    color: #fca5a5;
}

.darkthread-account-profile-page .account-guestbook-message {
    margin: 0;
    color: color-mix(in srgb, var(--dt-v2-text) 94%, var(--dt-v2-muted));
    font-size: 14px;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .account-guestbook-item,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .account-guestbook-item {
    border-color: rgba(15, 23, 42, 0.14);
    background: rgba(255, 255, 255, 0.92);
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.05),
        0 12px 28px rgba(15, 23, 42, 0.08);
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .account-guestbook-avatar,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .account-guestbook-avatar {
    background: #e2e8f0;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .account-guestbook-avatar-fallback,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .account-guestbook-avatar-fallback,
html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .account-guestbook-author-link,
html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .account-guestbook-author-name,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .account-guestbook-author-link,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .account-guestbook-author-name {
    color: #111827;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .account-guestbook-date,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .account-guestbook-date {
    color: #64748b;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .account-guestbook-message,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .account-guestbook-message {
    color: #1f2937;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .account-guestbook-delete,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .account-guestbook-delete {
    color: #64748b;
}

html.darkthread-board-list-v2-theme-light body.darkthread-account-profile-page .account-guestbook-delete:hover,
body.darkthread-account-profile-page.darkthread-board-list-v2-theme-light .account-guestbook-delete:hover {
    color: #b91c1c;
}