@charset "UTF-8";
@layer ua, reset, vendor, legacy, token, layout, component, variant, utility;
/* Blade 인라인 style="" 대체 전역 유틸리티 — PC·모바일 공용(양쪽 common.css가 @import) */

@layer utility {
    /* 텍스트 색상 */
    .qz-c-grey    { color: grey; }

    /* 폰트 크기 */
    .qz-fs11  { font-size: 11px; }
    .qz-fs13  { font-size: 13px; }
    .qz-fs15  { font-size: 15px; }

    /* 커서 */
    .qz-ptr       { cursor: pointer; }
    .qz-default   { cursor: default; }

    /* 전역 상태 유틸 — PC·모바일 common.css에서 이관(26-08-18).
       !important 유지: 인라인 style=·레이어 밖 잔재를 이겨야 하는 강제 유틸.
       신규 유틸은 qz- 접두 관례를 따른다(아래 구명은 기존 마크업 호환용). */
    .d-none{display: none !important}
    .d-block{display: block !important}
    .d-inline-block{display: inline-block !important}
    .d-inline{display: inline !important}
    .text-center{text-align: center !important}
    .text-left{text-align: left !important}
    .text-right{text-align: right !important}
    .pr-0{padding-right: 0 !important}
    .no-border{border: 0 !important}
    .height-auto{height: auto !important}
    .btn-color-orange{background-color: var(--qz-accent) !important}
}

/* 행성(레벨) 아이콘 마커 — 라이트 기본 그림자.
   utility가 아닌 component 레이어 + :where() 명시도 (0,1,1)로 두어,
   화면별 상태 filter(잠금 grayscale·거주 행성 글로우 등)가 이기게 한다. */
@layer component {
    body.light-theme :where(.qz-planet-ic){filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6))}
}

/* 기본 프로필 아바타 — 자산을 토큰이 물어 테마를 따라간다(라이트 전용 오버라이드를 두지 않는다).
   마커 클래스로 대상을 한정한다. 이 시트는 앱 트리도 로드하는데 앱은 자체 자산을 쓰므로,
   마커 없는 넓은 속성 셀렉터를 쓰면 앱 화면을 침범한다.
   src 조건은 업로드 프로필이 있는 분기까지 덮어쓰지 않기 위한 가드다. */
@layer component {
    :where(img.qz-default-profile[src*="ic_empty_profile"]){content:var(--default-profile-img)}
}