/* ===== v85 쇼핑몰 화면 개편 =====
   기준: 토스 TDS(실제 확인: 글자 크기 13·15·17·20·22·26 · 회색 단계 #191F28 / #4E5968 / #8B95A1 / 선 #E5E8EB · 강조 파랑 #3182F6 · 빨강 #F04452 ·
         목록 행 = 왼쪽 그림 40~52 + 제목 + 설명 + 오른쪽 화살표 · 누르면 살짝 어두워지는 반응) + 인스타그램(사진 중심 · 얇은 선 · 파란 글자 행동).
   대표님 규칙: 회색 바탕 · 버튼 테두리/배경 자제 → 토스의 회색 바탕 자리는 흰 바탕 + 얇은 선, 버튼은 글자형(주 행동 하나만 채움).
   모든 크기 × var(--z): 휴대폰 보정값을 곱해 실제 화면 px가 정확하도록. */
:root{--t-ink:var(--ink);--t-sub:var(--muted);--t-blue:#3182F6;--t-red:#F04452}
[data-theme=dark]{--t-blue:#4593FC}

/* ── 1. 버튼: 보조 버튼은 테두리·바탕 없이 글자로, 누르면 부드럽게 옅어짐 ── */
a,button,summary{-webkit-tap-highlight-color:transparent}
#app .btn:not(.dark):not(.primary):not([disabled]),.sheet .btn:not(.dark):not(.primary):not([disabled]){border-color:transparent!important;background:transparent!important;color:var(--ink);font-weight:700}
#app .btn,.sheet .btn,#app .more,#app .link,#app .taste-edit,#app .bp-shop,#app .bn85 a,#app .list-plain a,#app .my-tiles a,#app .lz-pick,#app .lz-quick button,#app .trending-more,#app .rd-story-more{transition:opacity .14s ease,transform .14s ease}
#app .btn:active,.sheet .btn:active,#app .more:active,#app .link:active,#app .taste-edit:active,#app .bp-shop:active,#app .bn85 a:active,#app .list-plain a:active,#app .my-tiles a:active,#app .lz-quick button:active,#app .trending-more:active,#app .rd-story-more:active{opacity:.5}
#app .btn.dark:active,#app .lz-cta:active,#app .bp-follow:active{transform:scale(.97);opacity:.9}
#app .pc330 .c330-img img{transition:transform .22s cubic-bezier(.2,.8,.2,1)}
#app .pc330:active .c330-img img{transform:scale(.985)}
/* 더 둘러보기 · 전체보기 같은 큰 보조 버튼도 글자형 */
html.home-mode #app .trending-more.c330-more,html.home-mode #app .rd-story-more{border:0!important;background:transparent!important;min-height:calc(48px*var(--z,1))!important;color:var(--ink)!important;font-weight:700!important}
/* 가격대·필터 칩: 바탕·테두리 없이, 고른 것만 굵게 + 밑줄(토스 탭 방식) */
html.home-mode #app .pp-tab{border:0!important;background:transparent!important;height:calc(38px*var(--z,1))!important;padding:0 calc(10px*var(--z,1))!important;border-radius:0!important;color:var(--muted)!important;box-shadow:none!important}
html.home-mode #app .pp-tab[aria-selected="true"]{background:transparent!important;color:var(--ink)!important;font-weight:800!important;box-shadow:inset 0 -2px 0 var(--ink)!important}
html.home-mode #app .pp-tab[aria-selected="true"] small{color:var(--ink)!important;opacity:1}
html.home-mode #app .pp-tabs{gap:calc(4px*var(--z,1))!important;border-bottom:1px solid var(--line)}

/* ── 2. 홈 상품 격자: 제목·배너와 같은 좌우 선에 맞추고 간격 정돈(토스 정렬 + 인스타 사진 중심) ── */
html.home-mode main#app #trendingGrid,html.home-mode main#app .rd-best .grid,html.home-mode main#app #homeAllProducts .grid,html.home-mode #app #trendingGrid,html.home-mode #app .rd-best .grid,html.home-mode #app #homeAllProducts .grid{margin-left:0!important;margin-right:0!important;width:auto!important;column-gap:calc(8px*var(--z,1))!important;row-gap:calc(28px*var(--z,1))!important}

/* ── 3. BRANDS 아래 12%·15% 브랜드 목록 (토스 목록 행) ── */
.bn85{display:grid;grid-template-columns:1fr;margin-top:calc(20px*var(--z,1));border-top:1px solid var(--line)}
.bn85 a{display:flex;align-items:center;gap:calc(12px*var(--z,1));padding:calc(14px*var(--z,1)) 0;border-bottom:1px solid var(--line);color:var(--ink)}
.bn85-av,.bp-av{flex:none;width:calc(40px*var(--z,1));height:calc(40px*var(--z,1));border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;padding:calc(6px*var(--z,1))}
.bn85-av.dark,.bp-av.dark{background:#111;box-shadow:none}
.bn85-av img,.bp-av img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.bn85-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:calc(2px*var(--z,1))}
.bn85-tx b{font-size:calc(15px*var(--z,1));font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn85-tx small{font-size:calc(13px*var(--z,1));color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn85 a>svg.i{flex:none;width:calc(16px*var(--z,1));height:calc(16px*var(--z,1));color:var(--faint)}
@media (min-width:761px){.bn85{grid-template-columns:repeat(3,1fr);column-gap:28px}}

/* ── 4. 브랜드 전용 페이지 (#/b/브랜드): 넓은 여백 · 굵은 제목 · 보라 작은 표제 · 둥근 큰 사진 · 얇은 선 ── */
.bp85{padding-bottom:calc(40px*var(--z,1))}
.bp-eye{display:block;font-size:calc(11px*var(--z,1));font-weight:700;letter-spacing:.16em;color:var(--plum)}
.bp-hero{display:flex;flex-direction:column;gap:calc(22px*var(--z,1));padding-top:calc(18px*var(--z,1))}
.bp-id{display:flex;align-items:center;gap:calc(12px*var(--z,1));margin-top:calc(14px*var(--z,1))}
.bp-av{width:calc(52px*var(--z,1));height:calc(52px*var(--z,1));padding:calc(8px*var(--z,1))}
.bp-id h1{margin:0;font-size:calc(28px*var(--z,1));font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--ink);word-break:keep-all}
.bp-intro{margin:calc(12px*var(--z,1)) 0 0;font-size:calc(15px*var(--z,1));line-height:1.6;color:var(--ink-2);word-break:keep-all}
.bp-acts{display:flex;align-items:center;gap:calc(18px*var(--z,1));margin-top:calc(18px*var(--z,1))}
.bp-follow{height:calc(44px*var(--z,1));padding:0 calc(22px*var(--z,1));border:0;border-radius:999px;background:var(--ink);color:var(--bg);font:inherit;font-size:calc(14.5px*var(--z,1));font-weight:700;cursor:pointer;transition:transform .14s ease,opacity .14s ease}
.bp-follow.on{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}
.bp-shop{display:inline-flex;align-items:center;gap:calc(2px*var(--z,1));font-size:calc(14.5px*var(--z,1));font-weight:700;color:var(--ink)}
.bp-shop svg.i{width:calc(15px*var(--z,1));height:calc(15px*var(--z,1))}
.bp-cover{border-radius:calc(22px*var(--z,1));overflow:hidden;aspect-ratio:4/5;background:var(--surface-2)}
.bp-cover img{width:100%;height:100%;object-fit:cover;display:block}
.bp-story{margin-top:calc(44px*var(--z,1));padding-top:calc(28px*var(--z,1));border-top:1px solid var(--line)}
.bp-story p{margin:calc(12px*var(--z,1)) 0 0;font-size:calc(16px*var(--z,1));line-height:1.75;color:var(--ink);letter-spacing:-.01em;word-break:keep-all}
.bp-mood{display:flex;gap:calc(8px*var(--z,1));overflow-x:auto;scrollbar-width:none;margin:calc(20px*var(--z,1)) calc(var(--gutter,20px)*-1) 0;padding:0 var(--gutter,20px);scroll-snap-type:x proximity}
.bp-mood::-webkit-scrollbar{display:none}
.bp-mood span{flex:0 0 calc(64% );aspect-ratio:4/5;border-radius:calc(16px*var(--z,1));overflow:hidden;scroll-snap-align:start;background:var(--surface-2)}
.bp-mood img{width:100%;height:100%;object-fit:cover;display:block}
.bp-shelf{margin-top:calc(40px*var(--z,1))}
.bp-tabs{display:flex;gap:calc(22px*var(--z,1));border-bottom:1px solid var(--line);margin-bottom:calc(20px*var(--z,1))}
.bp-tabs a{padding:calc(12px*var(--z,1)) 0;font-size:calc(16px*var(--z,1));font-weight:600;color:var(--muted)}
.bp-tabs a small{font-size:calc(13px*var(--z,1));margin-left:calc(3px*var(--z,1));color:inherit;opacity:.8}
.bp-tabs a[aria-selected="true"]{color:var(--ink);font-weight:800;box-shadow:inset 0 -2px 0 var(--ink)}
.bp85 .grid{margin-left:0!important;margin-right:0!important;column-gap:calc(8px*var(--z,1))!important;row-gap:calc(28px*var(--z,1))!important}
.bp-looks{display:grid;grid-template-columns:1fr 1fr;gap:calc(20px*var(--z,1)) calc(8px*var(--z,1))}
.bp-look{display:flex;flex-direction:column;gap:calc(6px*var(--z,1));color:var(--ink)}
.bp-look-img{aspect-ratio:3/4;border-radius:calc(12px*var(--z,1));overflow:hidden;background:var(--surface-2)}
.bp-look-img img{width:100%;height:100%;object-fit:cover;display:block}
.bp-look b{font-size:calc(14px*var(--z,1));font-weight:700;margin-top:calc(4px*var(--z,1))}
.bp-look small{font-size:calc(12.5px*var(--z,1));color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-empty{padding:calc(40px*var(--z,1)) 0;text-align:center;color:var(--muted);font-size:calc(14px*var(--z,1))}
@media (min-width:761px){
 .bp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;gap:64px;padding-top:56px}
 .bp-id h1{font-size:46px}
 .bp-intro{font-size:17px;max-width:460px}
 .bp-story{max-width:760px}
 .bp-mood{margin:24px 0 0;padding:0}.bp-mood span{flex:0 0 240px}
 .bp-looks{grid-template-columns:repeat(4,1fr);gap:28px 16px}
}

/* ── 5. MY (토스 '전체' 탭처럼: 흰 바탕 · 큰 이름 · 숫자는 목록 행 · 메뉴는 그림+글자 · 묶음 사이 얇은 선) ── */
body[data-page="my"] #app .my-page{padding-top:calc(4px*var(--z,1))}
body[data-page="my"] #app .my-top{border:0!important;padding-bottom:calc(6px*var(--z,1))!important;margin-bottom:0!important}
body[data-page="my"] #app .my-top h1{font-size:calc(24px*var(--z,1))!important;font-weight:800!important;letter-spacing:-.03em}
body[data-page="my"] #app .my-top p{font-size:calc(13px*var(--z,1))!important;color:var(--muted)!important;margin-top:calc(4px*var(--z,1))!important}
body[data-page="my"] #app .my-top .link{font-size:calc(13px*var(--z,1))!important;color:var(--muted)!important;text-decoration:none!important}
body[data-page="my"] #app .theme-settings{justify-content:space-between!important;padding:calc(10px*var(--z,1)) 0!important;font-size:calc(14px*var(--z,1))!important}
body[data-page="my"] #app .theme-settings>div{background:transparent!important;border:0!important;gap:calc(14px*var(--z,1))}
body[data-page="my"] #app .theme-settings button{background:transparent!important;box-shadow:none!important;padding:calc(6px*var(--z,1)) 0!important;font-size:calc(14px*var(--z,1))!important;color:var(--muted)!important}
body[data-page="my"] #app .theme-settings button[aria-pressed="true"]{color:var(--ink)!important;font-weight:800!important}
body[data-page="my"] #app .nh-entry{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
/* 추첨권 · 포인트 · 쿠폰 · 편지 = 토스 자산 목록 행 */
body[data-page="my"] #app .my-stats{display:block!important;border:0!important;margin:calc(6px*var(--z,1)) 0 0!important;border-bottom:1px solid var(--line)!important;padding-bottom:calc(8px*var(--z,1))}
body[data-page="my"] #app .my-stats a{display:flex!important;align-items:center;gap:calc(8px*var(--z,1));padding:calc(13px*var(--z,1)) 0!important;border:0!important;background:transparent!important;border-radius:0!important}
body[data-page="my"] #app .my-stats a span{flex:1 1 auto;font-size:calc(15px*var(--z,1))!important;color:var(--ink-2)!important;font-weight:500}
body[data-page="my"] #app .my-stats a b{margin:0!important;font-size:calc(17px*var(--z,1))!important;font-weight:800!important;letter-spacing:-.01em}
body[data-page="my"] #app .my-stats a::after{content:"";flex:none;width:calc(7px*var(--z,1));height:calc(7px*var(--z,1));border-right:1.6px solid var(--faint);border-top:1.6px solid var(--faint);transform:rotate(45deg);margin-left:calc(4px*var(--z,1))}
/* 취향 칸 */
body[data-page="my"] #app .my-shopping-controls{margin-top:calc(8px*var(--z,1))}
/* 운영 대시보드: 회색 상자 → 목록 행 */
body[data-page="my"] #app .staff-card{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:calc(14px*var(--z,1)) 0!important}
body[data-page="my"] #app .staff-card b{font-size:calc(15px*var(--z,1))!important}
body[data-page="my"] #app .staff-card span:not(.go){font-size:calc(13px*var(--z,1))!important;color:var(--muted)!important}
/* 주문배송 · 찜 · 후기 · 당첨 = 그림 위 글자 4칸, 상자 없음 */
body[data-page="my"] #app .my-tiles{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin:calc(10px*var(--z,1)) 0 0!important;padding-bottom:calc(10px*var(--z,1));border-bottom:1px solid var(--line)}
body[data-page="my"] #app .my-tiles a{display:flex!important;flex-direction:column!important;align-items:center;gap:calc(8px*var(--z,1))!important;background:transparent!important;border:0!important;padding:calc(12px*var(--z,1)) 0!important;border-radius:0!important;font-size:calc(13px*var(--z,1))!important;font-weight:600!important;color:var(--ink-2)!important}
body[data-page="my"] #app .my-tiles a svg.i{width:calc(26px*var(--z,1))!important;height:calc(26px*var(--z,1))!important;color:var(--ink)!important}
/* 혜택 묶음(행운상점 · Premium · 앱 · NAEIP AI) = 토스 혜택 목록: 왼쪽 그림 52 + 제목 + 설명 + 파란 행동 글자 */
body[data-page="my"] #app .my-lucky,body[data-page="my"] #app .my-premium-promo,body[data-page="my"] #app .my-ai-settings{display:flex!important;flex-direction:row!important;align-items:center!important;gap:calc(14px*var(--z,1))!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:calc(16px*var(--z,1)) 0!important;margin:0!important;min-height:0!important;border-bottom:1px solid var(--line)!important;overflow:visible!important}
body[data-page="my"] #app .my-lucky-art{order:-1;flex:none;width:calc(52px*var(--z,1))!important;height:calc(52px*var(--z,1))!important;border-radius:calc(14px*var(--z,1))!important;overflow:hidden;position:static!important;margin:0!important}
body[data-page="my"] #app .my-lucky-art img{width:100%!important;height:100%!important;object-fit:cover}
body[data-page="my"] #app .my-lucky-copy{display:flex!important;flex-direction:column;gap:calc(3px*var(--z,1));min-width:0}
body[data-page="my"] #app .my-lucky-word{font-family:var(--font-body)!important;font-size:calc(16px*var(--z,1))!important;font-weight:800!important;letter-spacing:-.01em!important;color:var(--ink)!important;line-height:1.3!important}
body[data-page="my"] #app .my-lucky-word i{display:none}
body[data-page="my"] #app .my-lucky-lead{font-size:calc(13px*var(--z,1))!important;color:var(--muted)!important;line-height:1.45!important}
body[data-page="my"] #app .my-lucky-lead br{display:none}
body[data-page="my"] #app .my-lucky-go,body[data-page="my"] #app .my-premium-copy strong{font-size:calc(13px*var(--z,1))!important;font-weight:700!important;color:var(--t-blue)!important;border:0!important;padding:0!important;margin-top:calc(2px*var(--z,1))!important;text-decoration:none!important}
body[data-page="my"] #app .my-lucky-go svg{display:none}
body[data-page="my"] #app .my-premium-promo>img{order:-1;flex:none;width:calc(52px*var(--z,1))!important;height:calc(52px*var(--z,1))!important;object-fit:cover;border-radius:calc(14px*var(--z,1));position:static!important;transform:none!important;margin:0!important}
body[data-page="my"] #app .my-premium-copy{display:flex!important;flex-direction:column;gap:calc(3px*var(--z,1));padding:0!important;min-width:0}
body[data-page="my"] #app .my-premium-copy>span{display:none!important}
body[data-page="my"] #app .my-premium-copy h2{font-size:calc(16px*var(--z,1))!important;font-weight:800!important;margin:0!important;letter-spacing:-.01em}
body[data-page="my"] #app .my-premium-copy p{font-size:calc(13px*var(--z,1))!important;color:var(--muted)!important;margin:0!important}
body[data-page="my"] #app .my-premium-copy ul{display:flex!important;flex-wrap:wrap;gap:0 calc(8px*var(--z,1));margin:calc(2px*var(--z,1)) 0 0!important;padding:0!important;font-size:calc(12.5px*var(--z,1))!important;color:var(--ink-2)!important}
body[data-page="my"] #app .my-premium-copy li{list-style:none;margin:0!important;padding:0!important}
body[data-page="my"] #app .my-premium-copy li::before{display:none!important}
body[data-page="my"] #app .my-app-card{background:transparent!important;border:0!important;border-radius:0!important;padding:calc(16px*var(--z,1)) 0!important;margin:0!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}
body[data-page="my"] #app .my-app-main{gap:calc(14px*var(--z,1))!important;align-items:center}
body[data-page="my"] #app .my-app-icon{width:calc(52px*var(--z,1))!important;height:calc(52px*var(--z,1))!important;border-radius:calc(14px*var(--z,1))!important;padding:0!important;overflow:hidden}
body[data-page="my"] #app .my-app-icon img{width:100%!important;height:100%!important;border-radius:0!important}
body[data-page="my"] #app .my-app-eyebrow{display:none!important}
body[data-page="my"] #app .my-app-copy h2{font-size:calc(16px*var(--z,1))!important;font-weight:800!important;margin:0!important}
body[data-page="my"] #app .my-app-copy p{font-size:calc(13px*var(--z,1))!important;color:var(--muted)!important;margin:calc(3px*var(--z,1)) 0 0!important}
body[data-page="my"] #app .my-app-gift{border:0!important;padding:calc(10px*var(--z,1)) 0 0 calc(66px*var(--z,1))!important;margin:0!important;font-size:calc(13px*var(--z,1))!important;gap:calc(4px*var(--z,1))!important}
body[data-page="my"] #app .my-app-gift small{flex-basis:100%}
body[data-page="my"] #app .my-app-download{background:transparent!important;border:0!important;color:var(--t-blue)!important;height:auto!important;padding:calc(8px*var(--z,1)) 0 0 calc(66px*var(--z,1))!important;justify-content:flex-start!important;font-size:calc(14px*var(--z,1))!important;font-weight:700!important;width:auto!important}
body[data-page="my"] #app .my-app-download span{color:var(--t-blue)!important}
body[data-page="my"] #app .my-app-download small,body[data-page="my"] #app .my-app-download svg{display:none!important}
body[data-page="my"] #app .my-app-note{padding-left:calc(66px*var(--z,1))!important;margin-top:calc(4px*var(--z,1))!important;font-size:calc(12px*var(--z,1))!important;text-align:left!important}
body[data-page="my"] #app .my-ai-settings>img{flex:none;width:calc(52px*var(--z,1))!important;height:calc(52px*var(--z,1))!important;object-fit:contain}
body[data-page="my"] #app .my-ai-settings>span:nth-of-type(1){display:flex;flex-direction:column;gap:calc(3px*var(--z,1));flex:1 1 auto}
body[data-page="my"] #app .my-ai-settings b{font-size:calc(16px*var(--z,1))!important;font-weight:800!important}
body[data-page="my"] #app .my-ai-settings small{font-size:calc(13px*var(--z,1))!important;color:var(--muted)!important}
/* 최근 주문 · 계정: 상자 없는 목록 */
body[data-page="my"] #app .my-section{margin-top:calc(32px*var(--z,1))!important}
body[data-page="my"] #app .my-section h3{font-size:calc(19px*var(--z,1))!important;font-weight:800!important;letter-spacing:-.02em;margin-bottom:calc(6px*var(--z,1))!important}
body[data-page="my"] #app .my-section h3 a{font-size:calc(13px*var(--z,1))!important;font-weight:600;color:var(--muted)!important}
body[data-page="my"] #app .my-section .order{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:calc(14px*var(--z,1)) 0!important;margin:0!important;background:transparent!important}
body[data-page="my"] #app .my-section .order b{font-size:calc(15px*var(--z,1))!important;font-weight:700!important;margin-top:calc(4px*var(--z,1));display:block}
body[data-page="my"] #app .my-section .list-plain li{padding:calc(14px*var(--z,1)) 0!important}
body[data-page="my"] #app .my-section .list-plain a{font-size:calc(15px*var(--z,1))!important;color:var(--ink)!important;font-weight:500}
/* 세부 화면 메뉴 줄: 회색 알약 → 밑줄 탭 */
body[data-page="my"] #app .my-sub .my-nav{gap:calc(18px*var(--z,1))!important;border-bottom:1px solid var(--line)!important;padding-bottom:0!important}
body[data-page="my"] #app .my-sub .my-nav a{background:transparent!important;border-radius:0!important;padding:calc(12px*var(--z,1)) 0!important;min-height:0!important;font-size:calc(15px*var(--z,1))!important;color:var(--muted)!important;font-weight:600}
body[data-page="my"] #app .my-sub .my-nav a[aria-current="page"]{color:var(--ink)!important;font-weight:800!important;box-shadow:inset 0 -2px 0 var(--ink)!important;background:transparent!important}
body[data-page="my"] #app .my-sub h2{font-size:calc(22px*var(--z,1))!important;font-weight:800!important;letter-spacing:-.02em}

/* ── 6. 행운상점 (토스 '혜택' 화면처럼: 깔끔한 제목 · 굵은 숫자 · 글자형 버튼 · 상자 최소화) ── */
body[data-page="event"] #app .lz-word{font-family:var(--font-display)!important;font-size:calc(30px*var(--z,1))!important;line-height:1.15!important;letter-spacing:-.02em!important;color:var(--ink)!important}
body[data-page="event"] #app .lz-word span{display:inline!important}
body[data-page="event"] #app .lz-word br{display:none}
body[data-page="event"] #app .lz-eyebrow{font-size:calc(13px*var(--z,1))!important;font-weight:700!important;color:var(--plum)!important}
body[data-page="event"] #app .lz-eyebrow::after{display:none!important}
body[data-page="event"] #app .lz-lead{font-size:calc(15px*var(--z,1))!important;color:var(--ink-2)!important;line-height:1.55!important;margin-top:calc(8px*var(--z,1))!important}
body[data-page="event"] #app .lz-arch{border-radius:calc(20px*var(--z,1))!important;aspect-ratio:16/11;height:auto!important}
body[data-page="event"] #app .lz-arch img{width:100%!important;height:100%!important;object-fit:cover!important}
body[data-page="event"] #app .lz-spark{display:none!important}
body[data-page="event"] #app .lz-wallet{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:calc(6px*var(--z,1)) 0!important;border-bottom:1px solid var(--line)!important}
body[data-page="event"] #app .lz-wallet>div{padding:calc(10px*var(--z,1)) 0!important}
body[data-page="event"] #app .lz-wallet small{font-size:calc(13px*var(--z,1))!important;color:var(--muted)!important}
body[data-page="event"] #app .lz-wallet b{font-family:var(--font-display);font-size:calc(28px*var(--z,1))!important;font-weight:800!important;color:var(--ink)!important;letter-spacing:-.02em}
body[data-page="event"] #app .lz-wallet b em{font-size:calc(15px*var(--z,1))!important;color:var(--ink-2)!important;font-style:normal;font-weight:700}
body[data-page="event"] #app .lz-how{background:transparent!important;border:0!important;border-radius:0!important;padding:calc(12px*var(--z,1)) 0!important;height:auto!important;color:var(--t-blue)!important;font-weight:700!important;font-size:calc(14px*var(--z,1))!important;justify-content:space-between}
body[data-page="event"] #app .lz-how span{color:var(--t-blue)!important}
body[data-page="event"] #app .lz-sh h2{font-size:calc(22px*var(--z,1))!important;font-weight:800!important;letter-spacing:-.02em!important}
body[data-page="event"] #app .lz-sh em{display:none!important}
/* 행운 고르기: 상자 없는 그림 칸, 고른 것은 그림 둘레 진한 선 + 굵은 글자 */
body[data-page="event"] #app .lz-pick{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
body[data-page="event"] #app .lz-pick .lz-ill{border-radius:calc(16px*var(--z,1))!important;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
body[data-page="event"] #app .lz-pick[aria-pressed="true"] .lz-ill,body[data-page="event"] #app .lz-pick.on .lz-ill,body[data-page="event"] #app .lz-pick[aria-selected="true"] .lz-ill{box-shadow:inset 0 0 0 2px var(--ink)}
body[data-page="event"] #app .lz-pick b{font-size:calc(15px*var(--z,1))!important;font-weight:700!important;margin-top:calc(8px*var(--z,1))!important}
body[data-page="event"] #app .lz-pick small{font-size:calc(12.5px*var(--z,1))!important;color:var(--muted)!important}
body[data-page="event"] #app .lz-pick::after,body[data-page="event"] #app .lz-pick .lz-check{transform:scale(.85)}
/* 도전 무대: 둥근 상자 대신 흰 바탕 + 얇은 선 */
body[data-page="event"] #app .lz-stage{border-radius:calc(20px*var(--z,1))!important;box-shadow:none!important;border:1px solid var(--line)!important}
body[data-page="event"] #app .lz-st-body h3{font-size:calc(20px*var(--z,1))!important;font-weight:800!important;letter-spacing:-.02em}
body[data-page="event"] #app .lz2-odds{border:0!important;background:transparent!important;border-radius:0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
body[data-page="event"] #app .lz2-odds>div{border:0!important}
body[data-page="event"] #app .lz2-odds>div+div{box-shadow:inset 1px 0 0 var(--line)}
body[data-page="event"] #app .lz2-odds b{font-size:calc(24px*var(--z,1))!important;font-weight:800!important}
body[data-page="event"] #app .lz-stepper{border:0!important;background:transparent!important;box-shadow:none!important}
body[data-page="event"] #app .lz-stepper button{font-size:calc(22px*var(--z,1))!important;color:var(--ink)!important}
body[data-page="event"] #app .lz-quick{gap:calc(4px*var(--z,1))!important;border-bottom:1px solid var(--line);justify-content:flex-start!important}
body[data-page="event"] #app .lz-quick button{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--muted)!important;border-radius:0!important;font-weight:600!important;font-size:calc(14px*var(--z,1))!important;flex:0 0 auto!important;padding:0 calc(12px*var(--z,1))!important}
body[data-page="event"] #app .lz-quick button[aria-pressed="true"],body[data-page="event"] #app .lz-quick button.on{color:var(--ink)!important;font-weight:800!important;box-shadow:inset 0 -2px 0 var(--ink)!important;background:transparent!important}
body[data-page="event"] #app .lz-cta{border-radius:calc(16px*var(--z,1))!important;height:calc(56px*var(--z,1))!important;font-size:calc(16px*var(--z,1))!important;font-weight:700!important}
/* 오늘 도전 · 행운의 주인공 · 내 기록 */
body[data-page="event"] #app .luck-participation326{border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;justify-content:flex-start!important}
body[data-page="event"] #app .luck-participation-mark{background:transparent!important}
body[data-page="event"] #app .ev-sec{border-top:1px solid var(--line)!important}
body[data-page="event"] #app .ev-sec-h h3{font-size:calc(19px*var(--z,1))!important;font-weight:800!important;letter-spacing:-.02em}
body[data-page="event"] #app .wcard{border:0!important;border-radius:0!important;padding:calc(4px*var(--z,1)) 0!important;background:transparent!important}
body[data-page="event"] #app .wbadge{border-radius:calc(6px*var(--z,1))!important;font-size:calc(11px*var(--z,1))!important}
body[data-page="event"] #app .ev-sec-h .more{background:transparent!important;padding:0!important;color:var(--muted)!important;font-weight:600}
body[data-page="event"] #app .play-history-more summary,body[data-page="event"] #app .rules summary{color:var(--ink-2)!important;font-weight:600!important}
body[data-page="my"] #app .my-lucky,body[data-page="my"] #app .my-premium-promo{display:flex!important;grid-template-columns:none!important;justify-content:flex-start!important;text-align:left!important}
body[data-page="my"] #app .my-lucky>*,body[data-page="my"] #app .my-premium-promo>*{grid-column:auto!important;grid-row:auto!important}
body[data-page="my"] #app .my-lucky-copy,body[data-page="my"] #app .my-premium-copy{flex:1 1 auto!important;width:auto!important;max-width:none!important;align-items:flex-start!important;text-align:left!important}
body[data-page="my"] #app .staff-card svg.i{color:var(--ink)!important;opacity:1!important}
body[data-page="my"] #app .my-premium-copy p,body[data-page="my"] #app .my-premium-copy h2{max-width:none!important;white-space:normal}
body[data-page="event"] #app .lz-word span{display:inline-block!important;margin-right:.22em}
body[data-page="event"] #app .lz-art.lz-wal{margin-top:calc(14px*var(--z,1))!important;transform:none!important}
body[data-page="event"] #app .lz-wallet{transform:none!important;margin-top:0!important}
body[data-page="event"] #app .lz2-odds{box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)!important}
body[data-page="event"] #app .lz2-odds .lz2-safe{box-shadow:inset 1px 0 0 var(--line)!important}
body[data-page="event"] #app .lz-pick{box-shadow:none!important}
body[data-page="event"] #app .lz-pick[aria-pressed="true"]{box-shadow:none!important}
body[data-page="event"] #app .lz-pick[aria-pressed="true"] .lz-ill{box-shadow:inset 0 0 0 2px var(--ink)!important}
body[data-page="event"] #app .lz-pick[aria-pressed="true"] b{font-weight:800!important}
body[data-page="event"] #app .lz-eyebrow i{display:none!important}

/* ── 7. 팔로우 = 'つむ' 글자 로고 (대표님 지정 로고 그대로, 아래 'TSUMU FLOW' 글자는 뺌) ──
   색은 항상 로고 원래 잉크블루 #2243EB. 팔로우한 상태는 로고 뒤 옅은 파랑 칠로 구분. 누르면 살짝 눌렸다 통통 튀고 작은 파란 점이 퍼짐(0.46초, 가벼움) */
.tsumu{display:inline-block;width:calc(38px*var(--z,1));height:calc(18.5px*var(--z,1));background:#2243EB;-webkit-mask:url(/static/tsumu/tsumu.svg) center/contain no-repeat;mask:url(/static/tsumu/tsumu.svg) center/contain no-repeat;transition:background-color .2s ease}
.tsumu-btn{display:inline-grid;place-items:center;border:0!important;background:transparent!important;box-shadow:none!important;padding:calc(7px*var(--z,1)) calc(10px*var(--z,1))!important;height:auto!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
/* 대표님 지정: 색은 항상 보내 준 잉크블루 그대로. 팔로우한 상태는 로고 뒤에 아주 옅은 같은 파랑 형광펜 칠(통통 튀는 효과와 함께 생김)로 구분 */
.tsumu-btn{border-radius:999px!important;transition:background-color .25s ease!important}
.tsumu-btn.on{background:#E9EDFD!important}
.bc84-follow.tsumu-btn{margin-right:calc(-4px*var(--z,1))}
[data-theme=dark] .tsumu-btn.on{background:rgba(34,67,235,.22)!important}
.bc84-menu-follow[aria-pressed="true"] .tsumu{background:#2243EB}
.tsumu-btn:active .tsumu{transform:scale(.86);transition:transform .1s ease}
.tsumu-btn.pop .tsumu{animation:tsumuPop .46s cubic-bezier(.2,.9,.25,1.3)}
@keyframes tsumuPop{0%{transform:scale(.8) rotate(0)}45%{transform:scale(1.18) rotate(-6deg)}70%{transform:scale(.96) rotate(2deg)}100%{transform:scale(1) rotate(0)}}
.tsumu-dot{position:fixed;z-index:200;width:6px;height:6px;border-radius:50%;background:#2243EB;pointer-events:none}
.bp-follow.tsumu-btn .tsumu{width:calc(52px*var(--z,1));height:calc(25px*var(--z,1))}
.bp-follow.tsumu-btn{padding:calc(7px*var(--z,1)) calc(12px*var(--z,1))!important;margin-left:calc(-12px*var(--z,1))}
.bc84-menu .bc84-menu-follow{display:flex!important;align-items:center;gap:calc(8px*var(--z,1))}
.bc84-menu-off{font-size:calc(15px*var(--z,1));font-weight:600;color:var(--ink)}
@media (prefers-reduced-motion:reduce){.tsumu-btn.pop .tsumu{animation:none}}
.bp85 .pc330 .c330-img{border-radius:calc(12px*var(--z,1))!important;overflow:hidden;isolation:isolate}
@media (min-width:761px){.bp-story{max-width:var(--maxw,1240px)!important}.bp-story p{max-width:720px}}
/* 전체상품 분류 칩: 바탕·테두리 없이 글자, 고른 것만 굵게 + 밑줄 (토스 탭) */
#app .listing-style-grid{border-bottom:1px solid var(--line);gap:calc(4px*var(--z,1))!important}
#app .listing-style-grid button,#app .listing-style-grid a{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;color:var(--muted)!important;font-weight:600!important;padding:0 calc(10px*var(--z,1))!important;height:calc(38px*var(--z,1))!important}
#app .listing-style-grid [aria-pressed="true"],#app .listing-style-grid [aria-current="page"]{color:var(--ink)!important;font-weight:800!important;box-shadow:inset 0 -2px 0 var(--ink)!important;background:transparent!important}
#app .filter-row .fchip{border:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink)!important;font-weight:700!important;padding-left:0!important}
#app .filter-row .fchip.on{background:transparent!important;color:var(--ink)!important}
.bl-init{font-size:calc(16px*var(--z,1));font-weight:800;color:var(--ink)}
.pt-shelf{margin-top:calc(40px*var(--z,1));padding-top:calc(28px*var(--z,1));border-top:1px solid var(--line)}
#app .slide.is-partner .slide-copy{display:none}#app .slide.is-partner>img{width:100%;height:100%;object-fit:cover}

/* ── 8. 사이트 맨 아래 NAEIP PARTNERS 입구 (첨부 PARTNERS 로고 글자 느낌: 굵은 NAEIP + 자간 넓은 보라 PARTNERS) ── */
.ftr-partners{display:flex;align-items:baseline;justify-content:center;gap:calc(6px*var(--z,1));margin:calc(18px*var(--z,1)) auto calc(6px*var(--z,1));color:var(--ink);width:max-content;padding:calc(8px*var(--z,1)) calc(4px*var(--z,1))}
.ftr-partners b{font-family:var(--font-display);font-size:calc(14px*var(--z,1));font-weight:800;letter-spacing:.04em}
.ftr-partners span{font-size:calc(10.5px*var(--z,1));font-weight:700;letter-spacing:.22em;color:var(--plum)}
.ftr-partners small{font-size:calc(12px*var(--z,1));color:var(--muted);margin-left:calc(4px*var(--z,1))}
.ftr-partners:active{opacity:.5}

/* ── 9. 입점사 작업실 (#/partner) — 토스식 ── */
.ps85{padding-top:calc(8px*var(--z,1));padding-bottom:calc(48px*var(--z,1))}
.ps85 .in{width:100%;border:1px solid var(--line);border-radius:calc(12px*var(--z,1));min-height:calc(46px*var(--z,1));padding:0 calc(14px*var(--z,1));font:inherit;font-size:calc(15px*var(--z,1));background:var(--bg);color:var(--ink)}
.ps85 textarea.in{padding:calc(12px*var(--z,1)) calc(14px*var(--z,1));line-height:1.6}
.ps-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:calc(8px*var(--z,1)) 0 calc(14px*var(--z,1))}
.ps-id{display:flex;gap:calc(12px*var(--z,1));align-items:center}
.ps-av{flex:none;width:calc(48px*var(--z,1));height:calc(48px*var(--z,1));border-radius:50%;display:grid;place-items:center;background:#111;overflow:hidden;padding:calc(7px*var(--z,1))}
.ps-av img{max-width:100%;max-height:100%;object-fit:contain}.ps-av b{color:#fff;font-size:calc(18px*var(--z,1))}
.ps-eye{display:block;font-size:calc(11px*var(--z,1));font-weight:700;letter-spacing:.16em;color:var(--plum)}
.ps-head h1{margin:calc(2px*var(--z,1)) 0 0;font-size:calc(22px*var(--z,1));font-weight:800;letter-spacing:-.02em}
.ps-head p{margin:calc(2px*var(--z,1)) 0 0;font-size:calc(13px*var(--z,1));color:var(--muted)}
.ps-link{font-size:calc(13px*var(--z,1));font-weight:700;color:var(--ink);white-space:nowrap;padding-top:calc(18px*var(--z,1))}
.ps-tabs{display:flex;gap:calc(18px*var(--z,1));overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:0 calc(var(--gutter,20px)*-1);padding:0 var(--gutter,20px);position:sticky;top:calc(var(--header-h,56px));background:var(--bg);z-index:5}
.ps-tabs::-webkit-scrollbar{display:none}
.ps-tabs button{flex:none;border:0;background:none;padding:calc(13px*var(--z,1)) 0;font:inherit;font-size:calc(15px*var(--z,1));font-weight:600;color:var(--muted);position:relative;cursor:pointer}
.ps-tabs button[aria-selected="true"]{color:var(--ink);font-weight:800;box-shadow:inset 0 -2px 0 var(--ink)}
.ps-dot{display:inline-grid;place-items:center;min-width:calc(17px*var(--z,1));height:calc(17px*var(--z,1));margin-left:calc(4px*var(--z,1));border-radius:9px;background:#F04452;color:#fff;font-style:normal;font-size:calc(10.5px*var(--z,1));font-weight:700;padding:0 4px;vertical-align:2px}
.ps-sec{padding:calc(24px*var(--z,1)) 0;border-bottom:1px solid var(--line)}
.ps-sec h2{margin:0 0 calc(10px*var(--z,1));font-size:calc(19px*var(--z,1));font-weight:800;letter-spacing:-.02em}
.ps-sec h2 small,.ps-h h2 small{font-size:calc(13px*var(--z,1));color:var(--muted);font-weight:600;margin-left:4px}
.ps-sec h3{font-size:calc(17px*var(--z,1));margin:0 0 calc(12px*var(--z,1))}
.ps-h{display:flex;justify-content:space-between;align-items:center}
.ps-sub{margin:0 0 calc(12px*var(--z,1));font-size:calc(14px*var(--z,1));color:var(--muted);line-height:1.55}
.ps-note{margin:calc(12px*var(--z,1)) 0 0;font-size:calc(13px*var(--z,1));color:var(--muted);line-height:1.6}
.ps-rows{display:flex;flex-direction:column}
.ps-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(13px*var(--z,1)) 0;border:0;background:none;font:inherit;text-align:left;color:var(--ink);width:100%;border-bottom:1px solid var(--line)}
.ps-row:last-child{border-bottom:0}
.ps-row span{font-size:calc(15px*var(--z,1));color:var(--ink-2)}.ps-row span small{color:var(--muted);font-size:calc(12px*var(--z,1))}
.ps-row b{font-size:calc(16px*var(--z,1));font-weight:800;white-space:nowrap}
button.ps-row{cursor:pointer}button.ps-row:active{opacity:.5}
.ps-grade{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.ps-grade b{font-size:calc(24px*var(--z,1));font-weight:800;letter-spacing:.02em}.ps-grade span{font-size:calc(13px*var(--z,1));color:var(--muted)}
.ps-big{padding:calc(6px*var(--z,1)) 0 calc(14px*var(--z,1))}.ps-big span{display:block;font-size:calc(14px*var(--z,1));color:var(--muted)}.ps-big b{font-size:calc(30px*var(--z,1));font-weight:800;letter-spacing:-.02em}
.ps-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;height:calc(54px*var(--z,1));border:0;border-radius:calc(14px*var(--z,1));background:var(--ink);color:var(--bg);font:inherit;font-size:calc(16px*var(--z,1));font-weight:700;cursor:pointer;margin-top:calc(14px*var(--z,1));transition:transform .14s ease,opacity .14s ease}
.ps-cta.sm{width:auto;height:calc(44px*var(--z,1));padding:0 calc(18px*var(--z,1));margin:0;font-size:calc(14px*var(--z,1))}
.ps-cta:active{transform:scale(.97)}.ps-cta:disabled{opacity:.45}
.ps-text{border:0;background:none;padding:calc(8px*var(--z,1)) 0;font:inherit;font-size:calc(14.5px*var(--z,1));font-weight:700;color:#3182F6;cursor:pointer}
.ps-text:active{opacity:.5}.ps-x{color:#F04452!important}
.ps-list{display:flex;flex-direction:column}
.ps-item{display:flex;gap:calc(12px*var(--z,1));padding:calc(14px*var(--z,1)) 0;border-bottom:1px solid var(--line);align-items:flex-start}
.ps-item img{flex:none;width:calc(64px*var(--z,1));aspect-ratio:3/4;object-fit:cover;border-radius:calc(10px*var(--z,1));background:var(--surface-2)}
.ps-item-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:calc(3px*var(--z,1))}
.ps-item-tx b{font-size:calc(15px*var(--z,1));font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-item-tx small{font-size:calc(13px*var(--z,1));color:var(--muted)}
.ps-item-act{display:flex;flex-direction:column;align-items:flex-end}
.ps-st{font-size:calc(13px*var(--z,1));font-weight:700;color:var(--ink-2)}
.ps-st-승인{color:#1F8A5B}.ps-st-수정\ 요청,.ps-st-반려{color:#F04452}.ps-st-검토\ 대기{color:#3182F6}
.ps-warn{color:#F04452!important}
.ps-form{display:flex;flex-direction:column;gap:calc(12px*var(--z,1))}
.ps-pform{padding:calc(16px*var(--z,1)) 0 calc(24px*var(--z,1));border-bottom:1px solid var(--line);margin-bottom:calc(8px*var(--z,1))}
.ps-field{display:flex;flex-direction:column;gap:calc(6px*var(--z,1))}
.ps-field>span{font-size:calc(13.5px*var(--z,1));font-weight:700;color:var(--ink-2)}
.ps-field small{font-size:calc(12.5px*var(--z,1));color:var(--muted)}
.ps-grid2{display:grid;grid-template-columns:1fr 1fr;gap:calc(10px*var(--z,1))}.ps-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(8px*var(--z,1))}.ps-grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(8px*var(--z,1))}
.ps-check{display:flex;gap:calc(8px*var(--z,1));align-items:flex-start;font-size:calc(14px*var(--z,1));color:var(--ink-2);line-height:1.5}
.ps-photos{display:flex;flex-wrap:wrap;gap:calc(8px*var(--z,1))}
.ps-ph{position:relative;width:calc(72px*var(--z,1));aspect-ratio:3/4;border-radius:calc(10px*var(--z,1));overflow:hidden;background:var(--surface-2)}
.ps-ph img{width:100%;height:100%;object-fit:cover}.ps-ph i{position:absolute;left:4px;top:4px;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:rgba(0,0,0,.55);padding:1px 5px;border-radius:5px}
.ps-ph button{position:absolute;right:3px;top:3px;width:20px;height:20px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:12px;line-height:20px;padding:0;cursor:pointer}
.ps-stock{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(8px*var(--z,1))}
.ps-stock label{display:flex;flex-direction:column;gap:4px;font-size:calc(12.5px*var(--z,1));color:var(--muted)}
.ps-checks{display:flex;flex-direction:column;gap:calc(6px*var(--z,1))}
.ps-score{padding:calc(10px*var(--z,1)) 0}.ps-score b{display:block;font-size:calc(18px*var(--z,1));font-weight:800}.ps-score span{font-size:calc(13px*var(--z,1));color:var(--muted)}
.ps-ck{display:flex;gap:10px;font-size:calc(13.5px*var(--z,1));padding:calc(6px*var(--z,1)) 0}.ps-ck b{flex:none;width:calc(64px*var(--z,1))}.ps-ck.ok b{color:#1F8A5B}.ps-ck.no b{color:#F04452}.ps-ck span{color:var(--ink-2)}
.ps-acts{display:flex;justify-content:flex-end;align-items:center;gap:calc(16px*var(--z,1))}.ps-acts .ps-cta{width:auto;padding:0 calc(22px*var(--z,1));margin:0}
.ps-seg{display:flex;gap:calc(16px*var(--z,1));margin-bottom:calc(6px*var(--z,1));overflow-x:auto}
.ps-seg button{border:0;background:none;padding:calc(6px*var(--z,1)) 0;font:inherit;font-size:calc(14.5px*var(--z,1));font-weight:600;color:var(--muted);cursor:pointer}
.ps-seg button[aria-pressed="true"]{color:var(--ink);font-weight:800;box-shadow:inset 0 -2px 0 var(--ink)}
.ps-order{padding:calc(16px*var(--z,1)) 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:calc(5px*var(--z,1))}
.ps-order-h{display:flex;justify-content:space-between;gap:10px}.ps-order-h b{font-size:calc(15px*var(--z,1))}
.ps-order small{font-size:calc(13px*var(--z,1));color:var(--muted)}
.ps-addr,.ps-ship{margin:calc(4px*var(--z,1)) 0;font-size:calc(14px*var(--z,1));line-height:1.55;color:var(--ink-2)}
.ps-shipf{display:grid;grid-template-columns:1fr 1.3fr auto;gap:calc(6px*var(--z,1));align-items:center}
.ps-line{display:flex;justify-content:space-between;gap:10px;padding:calc(10px*var(--z,1)) 0;border-bottom:1px solid var(--line);font-size:calc(13.5px*var(--z,1))}.ps-line .ps-x{text-decoration:line-through}
.ps-month{width:auto!important;min-height:calc(38px*var(--z,1))!important}
.ps-tut ol{margin:0;padding-left:calc(18px*var(--z,1));display:flex;flex-direction:column;gap:calc(8px*var(--z,1));font-size:calc(14px*var(--z,1));line-height:1.55;color:var(--ink-2)}.ps-tut ol b{color:var(--ink);margin-right:6px}
.ps-lock p{font-size:calc(14.5px*var(--z,1));color:var(--ink-2);line-height:1.6}
.ps-stockbox{padding:calc(16px*var(--z,1)) 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:calc(10px*var(--z,1))}
.ps-chat-list{display:flex;flex-direction:column;gap:calc(10px*var(--z,1));max-height:60vh;overflow-y:auto;padding:calc(6px*var(--z,1)) 0}
.ps-msg{max-width:82%;align-self:flex-start}.ps-msg p{margin:0;padding:calc(10px*var(--z,1)) calc(14px*var(--z,1));border-radius:calc(16px*var(--z,1));box-shadow:inset 0 0 0 1px var(--line);font-size:calc(14.5px*var(--z,1));line-height:1.55}
.ps-msg.me{align-self:flex-end}.ps-msg.me p{background:var(--ink);color:var(--bg);box-shadow:none}.ps-msg small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.ps-msg.me small{text-align:right}
.ps-chat-f{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:12px}
.ps-contract{padding:calc(20px*var(--z,1)) 0}.ps-contract h1{font-size:calc(24px*var(--z,1));margin:6px 0}.ps-doc{white-space:pre-wrap;max-height:50vh;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:calc(14px*var(--z,1)) 0;font-size:calc(14px*var(--z,1));line-height:1.7;margin:14px 0}
.ps-empty{padding:calc(60px*var(--z,1)) 0;text-align:center}.ps-empty h1{font-size:calc(22px*var(--z,1))}.ps-empty p{color:var(--muted)}.ps-empty .ps-cta{max-width:320px;text-decoration:none}
.ps-empty-s{padding:calc(24px*var(--z,1)) 0;color:var(--muted);font-size:calc(14px*var(--z,1));text-align:center}
.ps-err{color:#F04452;padding:20px 0}
@media (min-width:761px){.ps85{max-width:860px}.ps-grid4{grid-template-columns:repeat(4,1fr)}}
/* 입점사 작업실: 기본 파일 선택 상자(영문 'Choose Files') 대신 글자 버튼 */
.ps85 input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ps85 .ps-file{display:inline-flex;align-items:center;gap:4px;min-height:calc(40px*var(--z,1));font-size:calc(14.5px*var(--z,1));font-weight:700;color:#3182F6;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps85 .ps-file::before{content:"+";font-size:1.15em;font-weight:600}
.ps85 label:active .ps-file{opacity:.5}
.ps85 input[type=checkbox]{width:calc(20px*var(--z,1));height:calc(20px*var(--z,1));accent-color:#3182F6;vertical-align:-4px;margin-right:6px}

/* ================= v86 ================= */
/* 1) 눌림 효과는 손가락이 닿아 있는 동안만 — iOS에서 화면 전환 뒤 '자취'처럼 한 칸만 흐리게 남던 문제 */
.category-circle:active,.trending-more:active,.c330-more:active,.rd-story-more:active{transform:none!important;opacity:1!important}
.category-circle.is-press,.trending-more.is-press,.c330-more.is-press,.rd-story-more.is-press{transform:scale(.95)!important;opacity:.8!important;transition-duration:.06s!important}
@media (hover:none){.category-circle:hover .category-circle-art{transform:none!important}}
/* 9) 카테고리 원 테두리: 모양은 그대로, 색은 NAEIP 네잎(보라 → 라일락 → 분홍)으로 */
html.home-mode #app .category-circle-art{background:conic-gradient(from 210deg,#4B2A86,#7B4FD0 30%,#B98AE8 52%,#F09CBF 74%,#E2557F 86%,#4B2A86)!important}
[data-theme=dark] html.home-mode #app .category-circle-art,html.home-mode[data-theme=dark] #app .category-circle-art{background:conic-gradient(from 210deg,#7B5BD6,#A07CEB 30%,#CDA9F2 52%,#F4AECB 74%,#EC7AA0 86%,#7B5BD6)!important}
/* 2) 옆으로 넘기는 상품 줄: 아래 막대 표시는 빼고 기본 스크롤 표시 하나만 */
html body .product-rail-position,html body .mobile-rail-position{display:none!important}
/* 3) 행운상점 −/+ : 선으로 그린 기호만 (글자 기호와 겹치지 않게) */
body[data-page="event"] #app .lz-stepper button{font-size:0!important;width:calc(40px*var(--z,1))!important;height:calc(40px*var(--z,1))!important;background-size:calc(13px*var(--z,1)) 1.7px!important}
body[data-page="event"] #app .lz-stepper button[data-pq="1"]{background-size:calc(13px*var(--z,1)) 1.7px,1.7px calc(13px*var(--z,1))!important}
/* 6) 네이버 로고: 카카오처럼 버튼 글자 왼쪽에 (초록 바탕용 혼합 효과 해제) */
.auth .social-auth-button .social-naver-icon{mix-blend-mode:normal!important;width:calc(22px*var(--z,1))!important;height:calc(22px*var(--z,1))!important;border-radius:50%;flex:none}
.auth .social-auth-button .social-kakao-icon{width:calc(20px*var(--z,1))!important;height:calc(20px*var(--z,1))!important;flex:none}
.auth .social-auth-button{display:flex!important;align-items:center;justify-content:center;gap:calc(9px*var(--z,1))!important}

/* 13) MY — 토스식 한눈에 보기 */
.my86{max-width:640px;margin:0 auto;padding-top:calc(8px*var(--z,1))!important}
.m86-prof{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:calc(10px*var(--z,1)) 0 0}
.m86-prof h1{margin:0;font-size:calc(26px*var(--z,1));font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.m86-prof p{margin:calc(6px*var(--z,1)) 0 0;font-size:calc(13px*var(--z,1));color:var(--muted)}
.m86-prof p b{color:#7B4FD0;font-weight:700}
.m86-motto{margin:calc(10px*var(--z,1)) 0 0;font-family:"NAEIP Editorial",Georgia,serif!important;font-style:italic;font-weight:500;font-size:calc(17px*var(--z,1));letter-spacing:.01em;color:#8A6BC0}
[data-theme=dark] .m86-motto{color:#B9A2E6}
.m86-chev{display:inline-block;flex:none;width:calc(7px*var(--z,1));height:calc(7px*var(--z,1));border-right:1.6px solid currentColor;border-top:1.6px solid currentColor;transform:rotate(45deg);color:#b0b8c1;margin-left:4px}
.m86-assets{display:grid;grid-template-columns:repeat(3,1fr);margin:calc(22px*var(--z,1)) 0 0;padding:calc(4px*var(--z,1)) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.m86-assets a{display:flex;flex-direction:column;align-items:center;gap:calc(4px*var(--z,1));padding:calc(14px*var(--z,1)) 0;text-decoration:none;color:var(--ink);position:relative;transition:opacity .12s}
.m86-assets a+a::before{content:"";position:absolute;left:0;top:28%;bottom:28%;width:1px;background:var(--line)}
.m86-assets span{font-size:calc(12.5px*var(--z,1));color:var(--muted)}
.m86-assets b{font-size:calc(19px*var(--z,1));font-weight:800;letter-spacing:-.02em}
.m86-assets b i{font-style:normal;font-size:.7em;font-weight:700;margin-left:1px;color:var(--ink-2,#4e5968)}
.m86-assets a:active,.m86-row:active,.m86-quick a:active,.m86-orders li a:active{opacity:.55}
.m86-orders{margin-top:calc(26px*var(--z,1))}
.m86-orders>header,.m86-list>h2{display:flex;align-items:center;justify-content:space-between}
.m86-orders h2,.m86-list>h2{margin:0;font-size:calc(17px*var(--z,1));font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.m86-orders>header a{display:inline-flex;align-items:center;font-size:calc(13.5px*var(--z,1));color:var(--muted);text-decoration:none}
.m86-orders ol{list-style:none;margin:calc(14px*var(--z,1)) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.m86-orders li{position:relative;text-align:center}
.m86-orders li+li::before{content:"";position:absolute;left:-4px;top:calc(13px*var(--z,1));width:8px;height:8px;border-right:1.4px solid #d1d6db;border-top:1.4px solid #d1d6db;transform:rotate(45deg)}
.m86-orders li a{display:flex;flex-direction:column;align-items:center;gap:calc(5px*var(--z,1));text-decoration:none;transition:opacity .12s}
.m86-orders li b{font-size:calc(22px*var(--z,1));font-weight:800;color:#d1d6db;line-height:1.2}
.m86-orders li.on b{color:var(--ink)}
.m86-orders li span{font-size:calc(12.5px*var(--z,1));color:var(--muted)}
.m86-orders li.on span{color:var(--ink);font-weight:600}
.m86-recent{margin-top:calc(14px*var(--z,1));border-top:1px solid var(--line)}
.m86-row{display:flex;align-items:center;gap:calc(12px*var(--z,1));width:100%;min-height:calc(56px*var(--z,1));padding:calc(10px*var(--z,1)) 0;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;text-align:left;text-decoration:none;color:var(--ink);cursor:pointer;transition:opacity .12s}
.m86-row-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(3px*var(--z,1))}
.m86-row-t b{font-size:calc(15.5px*var(--z,1));font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m86-row-t small{font-size:calc(12.5px*var(--z,1));color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m86-row-t small em{font-style:normal;color:#3182F6;font-weight:600}.m86-row-t small em.wait{color:#F04452}
.m86-row-t small b{font-size:inherit;font-weight:700;color:var(--ink)}
.m86-art{flex:none;width:calc(44px*var(--z,1));height:calc(44px*var(--z,1));border-radius:calc(12px*var(--z,1));overflow:hidden;display:grid;place-items:center}
.m86-art img{width:100%;height:100%;object-fit:cover;display:block}
.m86-art.is-seipi img,.m86-art.is-card img{object-fit:contain}
.m86-art.is-app{border-radius:calc(11px*var(--z,1));box-shadow:0 0 0 1px var(--line)}
.m86-art-blank{background:var(--line)}
.m86-art-ic .i{width:calc(24px*var(--z,1));height:calc(24px*var(--z,1))}
.m86-ai{color:#1F9D55;font-weight:800}
.m86-none{margin:calc(14px*var(--z,1)) 0 0;font-size:calc(13.5px*var(--z,1));color:var(--muted)}.m86-none a{color:#3182F6;text-decoration:none;font-weight:600}
.m86-quick{display:grid;grid-template-columns:repeat(4,1fr);margin:calc(24px*var(--z,1)) 0 0;padding:calc(6px*var(--z,1)) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.m86-quick a{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(6px*var(--z,1));padding:calc(12px*var(--z,1)) 0;text-decoration:none;color:var(--ink);transition:opacity .12s}
.m86-quick .i{width:calc(24px*var(--z,1));height:calc(24px*var(--z,1))}
.m86-quick span{font-size:calc(12.5px*var(--z,1));font-weight:600}
.m86-quick em{position:absolute;top:calc(6px*var(--z,1));left:calc(50% + 8px*var(--z,1));min-width:calc(17px*var(--z,1));height:calc(17px*var(--z,1));padding:0 4px;border-radius:9px;font-style:normal;font-size:calc(10.5px*var(--z,1));font-weight:700;line-height:calc(17px*var(--z,1));text-align:center;background:#F04452;color:#fff}
.m86-quick span b{font-weight:700;color:var(--muted);margin-left:3px}
.m86-list{margin-top:calc(30px*var(--z,1))}
.m86-list>h2{margin-bottom:calc(4px*var(--z,1))}
.m86-list>.m86-row:last-child{border-bottom:0}
.m86-set{cursor:default}.m86-set:active{opacity:1}
.m86-set .gender-switch{display:flex;gap:calc(14px*var(--z,1));border:0!important;background:none!important;padding:0!important}
.m86-set .gender-switch button,.m86-seg button{border:0!important;background:none!important;padding:calc(6px*var(--z,1)) 0!important;min-height:0!important;font:inherit;font-size:calc(14px*var(--z,1))!important;font-weight:600;color:#b0b8c1!important;box-shadow:none!important;border-radius:0!important}
.m86-set .gender-switch button[aria-pressed=true],.m86-seg button[aria-pressed=true]{color:var(--ink)!important;box-shadow:inset 0 -2px 0 currentColor!important}
.m86-seg{display:flex;gap:calc(14px*var(--z,1))}
.m86-out b{color:var(--muted);font-weight:500}
.my86 .recent-viewed,.my86 [class*="recent"]{margin-top:calc(30px*var(--z,1))}
/* MY 하위 화면: 휴대폰에서는 위 탭 줄 없이 뒤로 가기 + 제목만 */
@media (max-width:899px){.my86-sub .my-nav{display:none!important}.my86-sub .my-grid{display:block!important}}
/* 7) 찜한 상품 — 장바구니와 같은 한 줄 목록 */
.w86 .bag335-title span{color:var(--muted);font-weight:700;margin-left:4px}
.w86-sc{display:flex;gap:calc(18px*var(--z,1));margin:calc(14px*var(--z,1)) 0 calc(6px*var(--z,1))}
.w86-sc a{display:inline-flex;align-items:center;font-size:calc(14px*var(--z,1));font-weight:600;color:var(--ink);text-decoration:none}
.w86-sc a:active{opacity:.55}
.w86-list{border-top:1px solid var(--line);margin-top:calc(10px*var(--z,1))!important}
.w86-off{font-style:normal;font-weight:800;color:#F04452;font-size:calc(16px*var(--z,1))}
.w86-cart{margin-top:calc(10px*var(--z,1));padding:0;border:0;background:none;font:inherit;font-size:calc(13.5px*var(--z,1));font-weight:700;color:#3182F6;cursor:pointer}
.w86-cart:active{opacity:.5}
.w86-heart{display:grid;place-items:center;width:calc(34px*var(--z,1));height:calc(34px*var(--z,1));margin:-4px -6px 0 0;padding:0;border:0;background:none;color:#F04452;cursor:pointer;transition:transform .15s}
.w86-heart .i{width:calc(21px*var(--z,1));height:calc(21px*var(--z,1));fill:currentColor}
.w86-heart[aria-pressed=false]{color:#b0b8c1}.w86-heart[aria-pressed=false] .i{fill:none}
.w86-item:has(.w86-heart[aria-pressed=false]) .bag335-thumb a,.w86-item:has(.w86-heart[aria-pressed=false]) .bag335-info{opacity:.4}
.w86-heart:active{transform:scale(.88)}
/* MY 하위 화면: 상자 대신 얇은 선 목록 (토스식) */
.my86-sub .order,.my86-sub .mail,.my86-sub .win-card{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:calc(16px*var(--z,1)) 0!important;margin:0!important}
.my86-sub .order:active,.my86-sub .mail:active{opacity:.6}
.my86-sub .ref-box{background:none!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;padding:calc(24px*var(--z,1)) 0 0!important;box-shadow:none!important}
.my86-sub .ref-gift{border:0!important;background:none!important;padding:0!important}
.my86-sub .ref-mine{background:none!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:calc(12px*var(--z,1)) 0!important}
.my86-sub .ref-mine .btn:not(.dark){border:0!important;background:none!important;color:#3182F6!important}