/* coupairpage_up — 공통 */
.cpage-wrap {
    --char1-color: #888888;
    --char2-color: #888888;
    --bg-image: none;
    position: relative;
    width: 100%;
    height: 100vh;
    font-size: 14px;
    line-height: 1.6;
    box-sizing: border-box;
    background: var(--c-bg);
}

.cpage-wrap * { box-sizing: border-box; }

/* 테마 */
.cpage-wrap.theme-light {
    --c-text:   #222222;
    --c-sub:    #777777;
    --c-bg:     #ffffff;
    --c-bg2:    #f5f5f5;
    --c-border: #e0e0e0;
}
.cpage-wrap.theme-dark {
    --c-text:   #eeeeee;
    --c-sub:    #aaaaaa;
    --c-bg:     #1a1a1a;
    --c-bg2:    #252525;
    --c-border: #3a3a3a;
}

/* 배경 */
.cpage-bg {
    position: fixed;
    inset: 0;
    background-image: var(--bg-image);
    background-size: cover;
    background-position: center;
    z-index: -1;
    opacity: 0.12;
    pointer-events: none;
}

/* 태그 */
.cpage-tag {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    margin: 2px;
    background: var(--c-bg2);
    color: var(--c-sub);
}

/* 편집 버튼 */
.cpage-btn-edit {
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid var(--c-border);
    border-radius: 4px;
    font-size: 12px;
    color: var(--c-sub);
    text-decoration: none;
    transition: background .15s;
}
.cpage-btn-edit:hover { background: var(--c-bg2); }

/* 빈 상태 */
.cpage-empty-state {
    padding: 48px 20px;
    text-align: center;
    color: var(--c-sub);
    font-size: 13px;
}