    html{scrollbar-gutter:stable;}
    *,*::before,*::after{box-sizing:border-box;}
    body{
      margin:0;
      background:#0b0b0b;
      color:#fff;
      font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;
    }
    a{color:inherit;text-decoration:none}
    .container{max-width:1100px;margin:0 auto;padding:0 14px;}

    /* ===== 웹폰트: EF WatermelonSalad(헤더 메뉴 전용) ===== */
    @font-face{
      font-family:"EF WatermelonSalad";
      font-style:normal;
      font-weight:400;
      font-display:swap;
      src:
        url("/assets/fonts/EF_watermelonSalad.otf") format("opentype");
    }

    /* ===== 파일 선택 버튼(공통) ===== */
    input[type="file"]{
      color:rgba(255,255,255,.88);
      font-size:12px;
    }
    input[type="file"]::file-selector-button,
    input[type="file"]::-webkit-file-upload-button{
      margin-right:10px;
      padding:8px 12px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.06);
      color:rgba(255,255,255,.92);
      cursor:pointer;
      transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;
    }
    @media (hover:hover) and (pointer:fine){
      input[type="file"]::file-selector-button:hover,
      input[type="file"]::-webkit-file-upload-button:hover{
        background:rgba(255,255,255,.10);
        border-color:rgba(255,255,255,.24);
        box-shadow:0 0 0 2px rgba(255,255,255,.08);
      }
    }

    /* ===== 공용 페이지네이션(.pager) ===== */
    .pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:18px 0 0;}
    .pager a, .pager span{
      display:inline-flex;align-items:center;justify-content:center;
      min-width:34px;height:34px;padding:0 10px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.04);
      color:rgba(255,255,255,.92);
      font-size:13px;
      line-height:1;
    }
    @media (hover:hover) and (pointer:fine){
      .pager a:hover{
        background:rgba(255,255,255,.10);
        border-color:rgba(255,255,255,.24);
      }
    }
    .pager span.on, .pager .on{
      background:rgba(255,255,255,.16);
      border-color:rgba(255,255,255,.30);
      color:#fff;
    }
    .pager .dots{opacity:.70}

    /* ===== 공통: 수정/삭제/현재글 줄바꿈 금지 ===== */
    .actionbar a,
    .actionbar button,
    .actionbar .abtn,
    .actionbar input[type="submit"],
    .actionbar input[type="button"],
    .badge-current,
    .now-badge{
      white-space:nowrap !important;
      word-break:keep-all !important;
    }
    /* 버튼이 너무 좁아져 글자가 세로로 꺾이는 상황 방지 */
    .actionbar a,
    .actionbar button,
    .actionbar .abtn{
      flex:0 0 auto;
      min-width:64px;
    }

    /* ===== 공통: 둥근네모(버튼/배지) 글자 가운데 정렬 ===== */
    .actionbar a,
    .actionbar button,
    .actionbar .abtn,
    .btn,
    .btn2,
    .pm-msg-btn,
    .badge,
    .badge-current,
    .now-badge,
    .pill{
      align-items:center;
      justify-content:center;
      text-align:center;
    }


    .site-header{
      position:sticky;top:0;z-index:1000;
      background:rgba(10,10,10,.80);
      backdrop-filter: blur(10px);
      border-bottom:1px solid rgba(255,255,255,.18);
    }
    .topbar{
      display:flex;align-items:center;justify-content:space-between;
      gap:12px;height:56px;position:relative;
    }

    .brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
    .brand-logo{
      height:36px;width:auto;display:block;opacity:.95;
      transition:opacity .2s ease, transform .2s ease;
    }
    @media (hover:hover) and (pointer:fine){
      .brand:hover .brand-logo{opacity:1;transform:translateY(-1px);}
    }

    /* ===== 데스크톱 메뉴 ===== */
    .nav{
      display:flex;
      justify-content:flex-end;
      flex:1 1 auto;

      /* 헤더 높이 전체로 세로 라인이 보이도록 */
      align-self:stretch;
      height:100%;
      align-items:stretch;

      /* 해상도에 따라 간격이 벌어지지 않도록 */
      gap:0;
      flex-wrap:nowrap;
      white-space:nowrap;
      min-width:0;

      /* 혹시라도 메뉴가 더 많아질 때를 대비(스크롤바는 숨김) */
      overflow-x:auto;
      overflow-y:visible;
      padding:0;
      -webkit-overflow-scrolling:touch;
    }
    .nav::-webkit-scrollbar{height:0;}

    /* ===== PC 헤더 메뉴: 오른쪽에 더 있는 경우 안내 화살표(우측만) ===== */
    .nav{position:relative;}
    @media (min-width: 721px){
      .nav.pm-more-right::before{
        content:'';
        position:absolute;
        top:0;right:0;
        width:56px;height:100%;
        background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.72) 100%);
        opacity:var(--pm-right-op, 1);
        transition:opacity 0.15s linear;
        transform:translateX(var(--pm-nav-fix-x, 0px));
        pointer-events:none;
        z-index:3;
      }
      .nav.pm-more-right::after{
        content:'‹';
        position:absolute;
        top:50%;
        right:16px;
        transform:translateX(var(--pm-nav-fix-x, 0px)) translateY(-50%);
        font-size:22px;
        line-height:1;
        color:rgba(255,255,255,.68);
        text-shadow:0 0 10px rgba(0,0,0,.55);
        opacity:var(--pm-right-op, 1);
        transition:opacity 0.15s linear;
        pointer-events:none;
        z-index:4;
      }
    }


    .nav a{
      /* 칸 전체(고정폭) */
      display:flex;
      align-items:center;
      justify-content:center;
      height:100%;
      width:100px;
      flex:0 0 100px;
      padding:0 8px;

      /* 캡슐(둥근네모) 완전 제거 */
      border-radius:0;
      border:0;
      background:transparent;

      /* 세로 라인(한 줄) 표시용 */
      position:relative;

      font-size:13px;
      opacity:.92;

      /* hover 하단 라인(중앙→좌우 확장) */
      background-image:linear-gradient(to right, #0066FF, #0066FF);
      background-repeat:no-repeat;
      background-position:center bottom;
      background-size:0 3px;

      transition:background-color .15s ease,opacity .15s ease,color .15s ease,background-size .18s ease;
    }

    /* ==========================================================
       [PM_FIX_NAV_TEXT_VCENTER_PC_ONLY]
       - PC(마우스)에서만: 헤더 메뉴 글자가 폰트에 따라 위로 떠 보이는 현상을
         아주 미세하게 아래로 보정합니다.
       - 모바일(.mnav) / 터치(hover:none, pointer:coarse) 환경에는 적용되지 않습니다.
       - 원복: 아래 블록 전체를 통째로 삭제하시면 됩니다.
       ========================================================== */
    /* >>> PM_FIX_NAV_TEXT_VCENTER_PC_ONLY : START >>> */
    @media (hover:hover) and (pointer:fine){
      /* 2px(상단) / 0px(하단) => 체감상 약 +1px 아래로 내려가는 보정 */
      .nav a{
        padding-top:2px;
        padding-bottom:0;
      }
    }
    /* <<< PM_FIX_NAV_TEXT_VCENTER_PC_ONLY : END <<< */


    /* ===== 헤더 메뉴(PC/모바일) 폰트: EF WatermelonSalad 400 고정 ===== */
    .nav a,
    .mnav a{
      font-family:"EF WatermelonSalad",system-ui,-apple-system,"Noto Sans KR",sans-serif;
      font-weight:400;
    }
    .nav a:hover,
    .nav a.on,
    .mnav a:hover,
    .mnav a.on{
      font-weight:400;
    }


    /* ===== PC 메뉴 세로 구분선(한 줄) ===== */
    .nav a::before,
    .nav a::after{
      content:'';
      position:absolute;
      top:0;
      bottom:0;
      width:1px;
      background:rgba(255,255,255,.18);
      pointer-events:none;
    }

    /* 기본: 메뉴 사이 한 줄(=각 항목의 왼쪽) */
    .nav a::before{left:0;display:none;}
    .nav a + a::before{display:block;}

    /* 바깥쪽 라인: 첫 항목 왼쪽 / 마지막 항목 오른쪽 */
    .nav a:first-child::before{display:block;}
    .nav a::after{right:0;display:none;}
    .nav a:last-child::after{display:block;}

    /* hover/선택(on) 시: 해당 메뉴의 좌/우 라인이 같은 색으로 보이게 */
    @media (hover:hover) and (pointer:fine){
      .nav a:hover::before,
      .nav a:hover::after{
        display:block;
        background:rgba(255,255,255,.18);
      }
      /* 오른쪽 경계는 hover된 메뉴의 ::after만 보이게(다음 항목의 왼쪽선은 잠시 숨김) */
      .nav a:hover + a::before{
        background:transparent;
      }
    }
    .nav a.on::before,
    .nav a.on::after{
      display:block;
      background:rgba(255,255,255,.18);
    }
    .nav a.on + a::before{
      background:transparent;
    }

    .nav a.dim{
      opacity:.70;
      color:rgba(255,255,255,.70);
    }
    @media (hover:hover) and (pointer:fine){
      .nav a:hover{
        background-color:rgba(255,255,255,.16);
        background-size:100% 3px;
        opacity:1;
        color:rgba(255,255,255,.98);
      }
      .nav a.dim:hover{
        background-color:rgba(255,255,255,.14);
        background-size:100% 3px;
        opacity:1;
        color:rgba(255,255,255,.92);
      }
    }
    .nav a.on{
      background-color:rgba(255,255,255,.18);
      opacity:1;
      color:rgba(255,255,255,.98);
    }
    .nav a.dim.on{
      background-color:rgba(255,255,255,.18);
      opacity:1;
      color:rgba(255,255,255,.98);
    }
    /* ===== SecretA/SecretB: 터치/햄버거용 ===== */
    .nav a.pm-secret-touch{display:none;}
    @media (hover:none), (pointer:coarse){
      .nav a.pm-secret-desktop{display:none;}
      .nav a.pm-secret-touch{display:flex;}
    }

    /* ===== Secret2 드롭다운(PC만) ===== */
    @media (hover:hover) and (pointer:fine){
      .pm-secret2-dd{
        position:fixed;
        z-index:2000;
        left:0;
        top:0;
        width:0;
        height:0;
        pointer-events:none;
        opacity:0;
        transform:translateY(8px);
        transition:opacity .14s ease,transform .18s ease;
      }
      .pm-secret2-dd.open{
        pointer-events:auto;
        opacity:1;
        transform:translateY(0);
      }
      .pm-secret2-dd a{
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        height:100%;
        border-radius:0;
        border:1px solid rgba(255,255,255,.14);

        /* 기본 바탕색(#0b0b0b)과 구분되는 회색 톤 */
        background:rgba(30,30,30,.80);
        backdrop-filter: blur(10px);
        box-shadow:0 10px 30px rgba(0,0,0,.45);

        color:rgba(255,255,255,.92);
        font-size:13px;
        opacity:.92;

        /* 파란 밑줄 라인(헤더 메뉴와 동일) */
        background-image:linear-gradient(to right, #0066FF, #0066FF);
        background-repeat:no-repeat;
        background-position:center bottom;
        background-size:0 3px;

        transition:background-color .15s ease,border-color .15s ease,opacity .15s ease,color .15s ease,background-size .18s ease;
        font-family:"EF WatermelonSalad",system-ui,-apple-system,"Noto Sans KR",sans-serif;
        font-weight:400;
      }
      .pm-secret2-dd a:hover{
        background:rgba(255,255,255,.14);
        opacity:1;
        color:rgba(255,255,255,.98);
        background-image:linear-gradient(to right, #0066FF, #0066FF);
        background-repeat:no-repeat;
        background-position:center bottom;
        background-size:100% 3px;
      }
    }


    /* ===== Secret 드롭다운(터치/클릭) ===== */
    .pm-secret-touch-dd{
      display:flex;
      flex-direction:column;
      position:fixed;
      z-index:2000;
      left:0;
      top:0;
      width:0;
      max-height:0;
      overflow:hidden;
      pointer-events:none;
      opacity:0;
      transform:translateY(8px);
      transition:opacity .14s ease,transform .18s ease,max-height .20s ease;
    }
    .pm-secret-touch-dd.open{
      pointer-events:auto;
      opacity:1;
      transform:translateY(0);
      max-height:var(--pm-secret-touch-max-h, 0px);
    }
    .pm-secret-touch-dd a{
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      height:var(--pm-secret-touch-item-h, 28px);
      border-radius:0;
      border:1px solid rgba(255,255,255,.14);

      background:rgba(30,30,30,.80);
      backdrop-filter: blur(10px);
      box-shadow:0 10px 30px rgba(0,0,0,.45);

      color:rgba(255,255,255,.92);
      text-shadow:0 1px 2px rgba(0,0,0,1.00), 0 0 6px rgba(0,0,0,.85);
      font-size:13px;
      opacity:.92;

      background-image:linear-gradient(to right, #0066FF, #0066FF);
      background-repeat:no-repeat;
      background-position:center bottom;
      background-size:0 3px;

      transition:background-color .15s ease,border-color .15s ease,opacity .15s ease,color .15s ease,background-size .18s ease;

      font-family:"EF WatermelonSalad",system-ui,-apple-system,"Noto Sans KR",sans-serif;
      font-weight:400;
    }
    .pm-secret-touch-dd a + a{border-top:0;}

    /* ✅ 터치(햄버거 아님): 현재 위치는 "색(밝기)"로만 구분 */
    .pm-secret-touch-dd.has-on a:not(.on){
      opacity:.70;
      color:rgba(255,255,255,.70);
    }
    /* ✅ 터치(햄버거 아님): 선택된 하위(SecretA/B) 글자색은 상위 Secret(on)과 동일 */
    .pm-secret-touch-dd.has-on a.on{
      opacity:1;
      color:rgba(255,255,255,.98);
    }
    @media (hover:hover) and (pointer:fine){
      .pm-secret-touch-dd a:hover{
        background:rgba(255,255,255,.14);
        opacity:1;
        color:rgba(255,255,255,.98);
        background-size:100% 3px;
      }
    }





    /* ===== 갤러리 카테고리 드롭다운(PC만) ===== */
    .pm-gallery-dd{display:none;}
    @media (hover:hover) and (pointer:fine){
      .pm-gallery-dd{
        display:flex;
        flex-direction:column;
        position:fixed;
        z-index:2000;
        left:0;
        top:0;
        width:0;
        height:0;
        pointer-events:none;
        opacity:0;
        transform:translateY(8px);
        transition:opacity .14s ease,transform .18s ease;

        /* ✅ SecretB 드롭다운과 동일한 박스 느낌 */
        box-shadow:0 10px 30px rgba(0,0,0,.45);
      }
      .pm-gallery-dd.open{
        pointer-events:auto;
        opacity:1;
        transform:translateY(0);
      }
      .pm-gallery-dd a{
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        height:var(--pm-gallery-item-h, 28px);
        border-radius:0;
        border:1px solid rgba(255,255,255,.14);

        /* ✅ SecretB와 동일한 기본 바탕 */
        background:rgba(30,30,30,.80);
        backdrop-filter: blur(10px);

        color:rgba(255,255,255,.92);
        text-shadow:0 1px 2px rgba(0,0,0,1.00), 0 0 6px rgba(0,0,0,.85);
        font-size:12px;
        opacity:.92;

        /* 파란 밑줄 라인 제거 */
        background-image:none;

        transition:background-color .15s ease,border-color .15s ease,opacity .15s ease,color .15s ease;

        /* ✅ 기본폰트(갤러리 리스트 카테고리와 동일 계열) */
        font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;
        font-weight:400;
      }
      /* 항목 사이 이중 테두리 방지 */
      .pm-gallery-dd a + a{border-top:0;}
      .pm-gallery-dd a:hover{
        background:rgba(255,255,255,.14);
        opacity:1;
        color:rgba(255,255,255,.98);
      }
    }


    /* ===== 루어 카테고리 드롭다운(PC만) ===== */
    .pm-lure-dd{display:none;}
    @media (hover:hover) and (pointer:fine){
      .pm-lure-dd{
        display:flex;
        flex-direction:column;
        position:fixed;
        z-index:2000;
        left:0;
        top:0;
        width:0;
        height:0;
        pointer-events:none;
        opacity:0;
        transform:translateY(8px);
        transition:opacity .14s ease,transform .18s ease;

        /* ✅ 갤러리 드롭다운과 동일한 박스 느낌 */
        box-shadow:0 10px 30px rgba(0,0,0,.45);
      }
      .pm-lure-dd.open{
        pointer-events:auto;
        opacity:1;
        transform:translateY(0);
      }
      .pm-lure-dd a{
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        height:var(--pm-lure-item-h, 28px);
        border-radius:0;
        border:1px solid rgba(255,255,255,.14);

        /* ✅ 갤러리와 동일한 기본 바탕 */
        background:rgba(30,30,30,.80);
        backdrop-filter: blur(10px);

        color:rgba(255,255,255,.92);
        text-shadow:0 1px 2px rgba(0,0,0,1.00), 0 0 6px rgba(0,0,0,.85);
        font-size:12px;
        opacity:.92;

        /* 파란 밑줄 라인 제거 */
        background-image:none;

        transition:background-color .15s ease,border-color .15s ease,opacity .15s ease,color .15s ease;

        /* ✅ 기본폰트(갤러리 리스트 카테고리와 동일 계열) */
        font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;
        font-weight:400;
      }
      /* 항목 사이 이중 테두리 방지 */
      .pm-lure-dd a + a{border-top:0;}
      .pm-lure-dd a:hover{
        background:rgba(255,255,255,.14);
        opacity:1;
        color:rgba(255,255,255,.98);
      }
    }


    /* ===== 영상링크 카테고리 드롭다운(PC만) ===== */
    .pm-video-dd{display:none;}
    @media (hover:hover) and (pointer:fine){
      .pm-video-dd{
        display:flex;
        flex-direction:column;
        position:fixed;
        z-index:2000;
        left:0;
        top:0;
        width:0;
        height:0;
        pointer-events:none;
        opacity:0;
        transform:translateY(8px);
        transition:opacity .14s ease,transform .18s ease;

        /* ✅ 갤러리/루어 드롭다운과 동일한 박스 느낌 */
        box-shadow:0 10px 30px rgba(0,0,0,.45);
      }
      .pm-video-dd.open{
        pointer-events:auto;
        opacity:1;
        transform:translateY(0);
      }
      .pm-video-dd a{
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        height:var(--pm-video-item-h, 28px);
        border-radius:0;
        border:1px solid rgba(255,255,255,.14);

        /* ✅ 갤러리/루어와 동일한 기본 바탕 */
        background:rgba(30,30,30,.80);
        backdrop-filter: blur(10px);

        color:rgba(255,255,255,.92);
        text-shadow:0 1px 2px rgba(0,0,0,1.00), 0 0 6px rgba(0,0,0,.85);
        font-size:12px;
        opacity:.92;

        /* 파란 밑줄 라인 제거 */
        background-image:none;

        transition:background-color .15s ease,border-color .15s ease,opacity .15s ease,color .15s ease;

        /* ✅ 기본폰트(갤러리 리스트 카테고리와 동일 계열) */
        font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;
        font-weight:400;
      }
      /* 항목 사이 이중 테두리 방지 */
      .pm-video-dd a + a{border-top:0;}
      .pm-video-dd a:hover{
        background:rgba(255,255,255,.14);
        opacity:1;
        color:rgba(255,255,255,.98);
      }
    }

    /* ===== 일상 카테고리 드롭다운(PC만) ===== */
    .pm-daily-dd{display:none;}
    @media (hover:hover) and (pointer:fine){
      .pm-daily-dd{
        display:flex;
        flex-direction:column;
        position:fixed;
        z-index:2000;
        left:0;
        top:0;
        width:0;
        height:0;
        pointer-events:none;
        opacity:0;
        transform:translateY(8px);
        transition:opacity .14s ease,transform .18s ease;

        /* ✅ 갤러리/루어/영상링크 드롭다운과 동일한 박스 느낌 */
        box-shadow:0 10px 30px rgba(0,0,0,.45);
      }
      .pm-daily-dd.open{
        pointer-events:auto;
        opacity:1;
        transform:translateY(0);
      }
      .pm-daily-dd a{
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        height:var(--pm-daily-item-h, 28px);
        border-radius:0;
        border:1px solid rgba(255,255,255,.14);

        /* ✅ 갤러리/루어/영상링크와 동일한 기본 바탕 */
        background:rgba(30,30,30,.80);
        backdrop-filter: blur(10px);

        color:rgba(255,255,255,.92);
        text-shadow:0 1px 2px rgba(0,0,0,1.00), 0 0 6px rgba(0,0,0,.85);
        font-size:12px;
        opacity:.92;

        /* 파란 밑줄 라인 제거 */
        background-image:none;

        transition:background-color .15s ease,border-color .15s ease,opacity .15s ease,color .15s ease;

        /* ✅ 기본폰트(갤러리 리스트 카테고리와 동일 계열) */
        font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;
        font-weight:400;
      }
      /* 항목 사이 이중 테두리 방지 */
      .pm-daily-dd a + a{border-top:0;}
      .pm-daily-dd a:hover{
        background:rgba(255,255,255,.14);
        opacity:1;
        color:rgba(255,255,255,.98);
      }
    }



    /* ===== 햄버거 버튼 ===== */
    .menu-btn{
      display:none;
      width:52px;height:38px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.06);
      color:rgba(255,255,255,.92);
      padding:0;
      align-items:center;justify-content:center;
      cursor:pointer;
    }
    .menu-btn:active{transform:translateY(1px);}
    .menu-btn svg{width:24px;height:24px;opacity:.95;}

    /* ===== 모바일 드롭다운 메뉴 ===== */
    .mnav{
      display:none;
      position:absolute;
      top:64px;
      right:14px;
      left:auto;
      min-width:210px;
      padding:10px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(10,10,10,.92);
      backdrop-filter: blur(10px);
      box-shadow:0 10px 30px rgba(0,0,0,.45);
    }
    .mnav.open{display:block;}

    .mnav a{
      display:block;
      padding:10px 12px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.04);
      font-size:14px;
      margin:6px 0;
      opacity:.92;
    }
    .mnav a.dim{
      opacity:.70;
      color:rgba(255,255,255,.70);
      background:rgba(255,255,255,.03);
      border-color:rgba(255,255,255,.08);
    }
    @media (hover:hover) and (pointer:fine){
      .mnav a:hover{
        background:rgba(255,255,255,.14);
        border-color:rgba(255,255,255,.22);
        opacity:1;
      }
    }
    .mnav a.on{
      background:rgba(255,255,255,.16);
      border-color:rgba(255,255,255,.28);
      opacity:1;
      color:rgba(255,255,255,.98);
    }

    /* ===== 모바일: Secret 하위메뉴(슬라이드) ===== */
    .mnav .pm-secret-m-sub{
      max-height:0;
      overflow:hidden;
      opacity:0;
      transform:translateY(-4px);
      transition:max-height .20s ease,opacity .14s ease,transform .18s ease;
    }
    .mnav .pm-secret-m-sub.open{
      max-height:260px;
      opacity:1;
      transform:translateY(0);
    }
    .mnav .pm-secret-m-sub a{
      padding-left:24px;
      margin-top:4px;
      margin-bottom:4px;
    }

    /* ✅ 햄버거: 하위(SecretA/B) 현재 위치는 '테두리 없이' + '색(밝기)만 밝게' */
    .mnav .pm-secret-m-sub a.pm-secret-m-subitem.on{
      border-color:transparent;
      background:rgba(255,255,255,.03);
      opacity:1;
      color:rgba(255,255,255,.98);
    }

    /* ===== 모바일 전환 ===== */
    /* 모바일 전환 직전 폭에서는 '포토갤러리' 같은 좌측 메뉴가 숨지 않도록 좌측부터 보이게 정렬 */
    @media (max-width: 1080px){
      .nav{justify-content:flex-start;}
    }
    @media (max-width: 720px){
      .topbar{height:64px;}
      .nav{display:none;}
      .menu-btn{display:flex;}
    }

    main.container{padding:18px 14px 40px;}

    /* ===== 관리자 화면 가독성(밝기) ===== */
    body.is-admin{ color: rgba(255,255,255,.80); }
    body.is-admin a{ color: rgba(255,255,255,.84); }
    @media (hover:hover) and (pointer:fine){
      body.is-admin a:hover{ color:#fff; }
    }



    /* ===== 공용 모달 메시지(알림/안내) ===== */
    .pm-msg-backdrop{
      position:fixed;
      inset:0;
      display:none;
      align-items:center;
      justify-content:center;
      padding:18px;
      background:rgba(0,0,0,.55);
      z-index:5000;
    }
    .pm-msg-backdrop.show{display:flex;}
    .pm-msg-box{
      width:100%;
      max-width:520px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(15,15,15,.96);
      backdrop-filter: blur(10px);
      box-shadow:0 20px 50px rgba(0,0,0,.55);
      padding:16px;
    }
    .pm-msg-text{
      color:rgba(255,255,255,.92);
      font-size:14px;
      line-height:1.6;
      white-space:pre-wrap;
      word-break:break-word;
    }
    .pm-msg-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;}
    .pm-msg-btn{
      display:inline-flex;align-items:center;justify-content:center;
      min-width:72px;height:36px;padding:0 12px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.06);
      color:#fff;
      cursor:pointer;
      font-size:13px;
    }
    .pm-msg-btn:focus,
    .pm-msg-btn:focus-visible{outline:none;}
    @media (hover:hover) and (pointer:fine){
      .pm-msg-btn:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.26);}
    }
