/* 뷰휠 메탈 글라스(2026-11-12 대표 「뷰휠 전체적으로 메탈 글라스UI로 하고 버튼은 아이폰 폴더함처럼」「이런 느낌의 글라스UI로 전체적으로 적용해볼래」 + 참고 그림 다섯 장)
   참고 그림에서 가져온 것은 기법뿐: ① 두께가 보이는 유리(바깥 금속 테 + 안쪽 얇은 테) ② 아래 가장자리에 맺히는 밝은 빛줄기
   ③ 오른쪽 아래로 길게 떨어지는 부드러운 그림자 ④ 모서리의 흰 반사(색 번짐 없음) ⑤ 뒤가 비치는 뿌연 몸체, 둥근 네모
   ⑥ 중립 회색 바탕 위의 옅은 빛과 그늘.
   겉모습만 바꾼다(글·구조·동작은 그대로). 각 화면 </head> 앞의 이 파일 link 한 줄만 빼면 옛 모습 그대로.
   테 두께(border-width)·여백·글 크기는 건드리지 않는다 — 높이가 바뀌지 않게 색·그림자·바탕만.
   LIVE 카메라 화면(live/)에는 걸지 않는다 — 얼굴 위 흐림 유리가 살구색 패드처럼 보여 대표가 뺐다. LIVE 몫은 live/turn.css 끝에 따로.
   화면 나눔(:has 로 그 화면이 이미 가진 스타일시트를 보고 고른다):
   색: 11-12 대표 「푸르딩딩 빼고 맑은 투명 메탈」 — 청록·파랑·보라·베이지 기운 없이 무채색. 주 단추와 보통 단추의 차이는 금속 테의 굵기·밝기와 유리 두께로.
   - 밝은 화면: 첫 화면·AI Preview·휠·안내·클리닉 앱(theme-light)·가격·병원 제휴·파트너·클리닉·촬영 → 밝은 유리
   - 옛 검정 화면: flow·compare·photo-policy → 11-12 v4 부터 밝은 화면과 같은 맑은 유리(색 값을 이 파일에서 덮는다)
   - 법적 고지 넷(legal.css) → 바탕만 밝게 맞추고 본문은 읽기 좋게, 단추만 유리 */

:root{
  /* 작은 두꺼운 유리(단추·칩) */
  --lg-fill:linear-gradient(180deg,rgba(255,255,255,.44) 0%,rgba(255,255,255,.07) 40%,rgba(232,233,235,.04) 68%,rgba(255,255,255,.38) 100%);
  --lg-fill-main:linear-gradient(180deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.13) 40%,rgba(222,224,227,.1) 66%,rgba(255,255,255,.54) 100%);
  --lg-edge:linear-gradient(140deg,#fff 0%,rgba(255,255,255,.4) 20%,rgba(74,76,80,.7) 46%,rgba(176,178,182,.6) 62%,rgba(255,255,255,.5) 78%,#fff 100%);
  --lg-shadow:inset 0 1px 0 #fff,inset 0 -2.5px 0 #fff,inset 0 -12px 14px -9px rgba(255,255,255,.95),inset 0 0 0 .6px rgba(255,255,255,.5),13px 20px 30px -10px rgba(36,36,38,.38),3px 5px 9px -4px rgba(36,36,38,.22);
  --lg-ink:#1b1d20;
  /* 모서리 반사 — 색 없이 흰빛만(11-12 대표 「푸르딩딩 빼고 맑은 투명 메탈」) */
  --mg-iris:radial-gradient(40% 60% at 100% 100%,rgba(255,255,255,.42),rgba(255,255,255,0) 70%);
  --mg-iris-dark:radial-gradient(40% 60% at 100% 100%,rgba(255,255,255,.07),rgba(255,255,255,0) 70%);
  /* 큰 유리판 */
  --mg-panel:linear-gradient(165deg,rgba(255,255,255,.54) 0%,rgba(255,255,255,.2) 38%,rgba(240,240,241,.13) 70%,rgba(255,255,255,.44) 100%);
  --mg-panel-shadow:inset 0 1px 0 #fff,inset 0 -2.5px 0 #fff,inset 0 -18px 22px -18px #fff,0 0 0 .6px rgba(84,86,90,.5),22px 32px 54px -24px rgba(36,36,38,.36),5px 8px 16px -8px rgba(36,36,38,.18);
  --mg-btn-shadow:inset 0 1px 0 #fff,inset 0 -2.5px 0 #fff,inset 0 -10px 12px -8px rgba(255,255,255,.95),0 0 0 .6px rgba(84,86,90,.55),11px 16px 26px -10px rgba(36,36,38,.36),3px 4px 8px -4px rgba(36,36,38,.2);
  /* 주 단추 = 색이 아니라 더 굵고 밝은 금속 테 두 겹 + 더 두꺼운 유리 */
  --mg-main-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #fff,inset 0 -15px 15px -10px #fff,0 0 0 .9px rgba(70,72,76,.7),0 0 0 2.1px rgba(255,255,255,.95),0 0 0 2.9px rgba(120,122,126,.62),14px 21px 32px -11px rgba(36,36,38,.42),3px 5px 9px -4px rgba(36,36,38,.24);
  --mg-rim:#fff rgba(150,152,156,.95) rgba(120,122,126,.92) rgba(214,215,218,.98);
  --mg-rim-main:#fff rgba(110,112,116,.95) rgba(84,86,90,.95) rgba(186,188,192,.98);
  --mg-teal-ink:#1b1d20;
  /* 어두운(연기) 유리 */
  --mg-dpanel:linear-gradient(165deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.035) 45%,rgba(255,255,255,.06) 100%);
  --mg-dshadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1.5px 0 rgba(255,255,255,.24),inset 0 -18px 24px -20px rgba(255,255,255,.2),18px 28px 48px -20px rgba(0,0,0,.62),4px 6px 12px -6px rgba(0,0,0,.4);
  --mg-drim:rgba(255,255,255,.28) rgba(255,255,255,.12) rgba(255,255,255,.22) rgba(255,255,255,.16)}

/* ───────── 첫 화면(index) — 2차 견본을 그대로 두고 값만 두껍게 ───────── */
.solidBtn,.glassBtn,.lvm-cta,#mLoginBtn,.lvm-tag,#mChipRail>*,#partPills>*{position:relative;overflow:visible!important;border:0!important;background:var(--lg-fill)!important;-webkit-backdrop-filter:blur(18px) saturate(1.7);backdrop-filter:blur(18px) saturate(1.7);color:var(--lg-ink)!important;box-shadow:var(--lg-shadow)!important;text-shadow:0 1px 0 rgba(255,255,255,.75)!important}
.solidBtn,.lvm-cta{background:var(--lg-fill-main)!important}
.solidBtn,.glassBtn,.lvm-cta{border-radius:22px!important}
#mLoginBtn,#mChipRail>*,#partPills>*{border-radius:16px!important}
.lvm-tag{border-radius:12px!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1.2px 0 #fff,inset 0 0 0 .6px rgba(255,255,255,.5),5px 8px 13px -5px rgba(54,56,62,.28)!important}
/* 바깥 금속 테 */
.solidBtn::before,.glassBtn::before,.lvm-cta::before,#mLoginBtn::before,#mChipRail>*::before,#partPills>*::before,.lvm-tag::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:1.4px!important;background:var(--lg-edge)!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;transform:none!important;opacity:1!important;animation:none!important}
/* 안쪽 얇은 테(유리 두께) + 오른쪽 아래 모서리의 무지갯빛 + 왼쪽 위 반사 */
.solidBtn::after,.glassBtn::after,.lvm-cta::after,#mLoginBtn::after,#mChipRail>*::after,#partPills>*::after{content:""!important;display:block!important;position:absolute!important;inset:3.5px!important;left:3.5px!important;right:3.5px!important;top:3.5px!important;bottom:3.5px!important;height:auto!important;width:auto!important;border-radius:inherit!important;background:radial-gradient(46% 120% at 94% 112%,rgba(255,255,255,.55),rgba(255,255,255,0) 70%),radial-gradient(60% 90% at 8% -20%,rgba(255,255,255,.7),rgba(255,255,255,0) 60%)!important;box-shadow:inset 0 0 0 .7px rgba(255,255,255,.66)!important;pointer-events:none;transform:none!important;animation:none!important;opacity:1!important}
.lvm-cta b{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#2a2c30!important}
.lvm-cta,.solidBtn{font-weight:800}
.solidBtn:hover,.glassBtn:hover{transform:translateY(-2px)}
.solidBtn:active,.glassBtn:active,.lvm-cta:active{transform:translateY(1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1.6px 0 #fff,inset 0 -11px 14px -9px rgba(255,255,255,.9),5px 8px 14px -8px rgba(40,40,42,.28)!important}
/* 고른 칩 = 더 밝고 두꺼운 유리 */
#mChipRail>[aria-pressed="true"],#mChipRail>.on,#partPills>[aria-pressed="true"],#partPills>.on{background:linear-gradient(180deg,#fff,rgba(246,249,252,.78) 55%,#fff)!important}
/* 유리가 살도록 첫 화면 바탕에 아주 옅은 빛과 그늘 */
.lvm-on{background:radial-gradient(90% 46% at 86% 4%,rgba(255,255,255,.9),rgba(255,255,255,0) 70%),radial-gradient(80% 40% at 0% 38%,rgba(200,201,203,.42),rgba(200,201,203,0) 72%),radial-gradient(70% 34% at 100% 70%,rgba(206,206,207,.36),rgba(206,206,207,0) 72%)}
/* 첫 화면 아래쪽 작은 단추들 — 따라 하기·가격 계단 */
.ht-step,.pl-auto,.ht-play{border-color:transparent!important;background:var(--mg-iris),var(--lg-fill)!important;box-shadow:var(--mg-btn-shadow)!important;outline:1px solid rgba(255,255,255,.75);outline-offset:-4px}
.ht-go,.pl-cta{background:var(--mg-iris),var(--lg-fill-main)!important;color:var(--mg-teal-ink)!important;box-shadow:var(--mg-btn-shadow)!important;outline:1px solid rgba(255,255,255,.8);outline-offset:-4px;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.pl-flow,.ht-cap{border-color:rgba(255,255,255,.98)!important;background:var(--mg-iris),var(--mg-panel)!important;box-shadow:var(--mg-panel-shadow)!important}

/* ───────── 밝은 화면 공통: 바탕의 빛과 그늘 ─────────
   1500px 마다 왼쪽 따뜻한 그늘 · 오른쪽 은빛 — 긴 화면에서도 같은 결로 이어진다(가장자리에서 0 이 돼 이음매 없음) */
html:has(link[href*="theme-light"]) body,
html:has(.plan.clinic) body,
body:has(#inq),body:has(#applyForm),body:has(#shootBtn),body:has(.tablewrap .rowhead),
html:has(link[href*="legal.css"]) body,
html:has(link[href="./flow.css"]) body,html:has(link[href="./compare.css"]) body,html:has(link[href="photo-policy.css"]) body{
  background:
    radial-gradient(60% 40% at 100% 0%,rgba(255,255,255,.98),rgba(255,255,255,0) 72%) 0 0/100% 1500px repeat-y,
    radial-gradient(55% 30% at 0% 40%,rgba(168,169,172,.42),rgba(168,169,172,0) 72%) 0 0/100% 1500px repeat-y,
    radial-gradient(48% 22% at 22% 62%,rgba(255,255,255,.85),rgba(255,255,255,0) 72%) 0 0/100% 1500px repeat-y,
    radial-gradient(58% 32% at 100% 80%,rgba(178,179,182,.4),rgba(178,179,182,0) 72%) 0 0/100% 1500px repeat-y,
    linear-gradient(180deg,#f1f1f1,#e9e9ea 50%,#efefef)!important}
/* 바탕이 조금 따뜻·어두워진 만큼 흐린 글은 한 단계 진하게(대비 4.5:1 이상) */
html:has(link[href*="theme-light"]),html:has(.plan.clinic),html:has(#inq),html:has(#applyForm),html:has(#shootBtn){--muted:#575b60}

/* 위 고정 바 — 얇은 유리 한 장 */
html:has(link[href*="theme-light"]) .topbar{background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(248,248,248,.56))!important;border-bottom-color:rgba(255,255,255,.95)!important;box-shadow:0 .5px 0 rgba(110,112,116,.3),0 12px 26px -20px rgba(40,40,42,.38)}

/* ───────── 밝은 화면: 큰 유리판(카드·패널·폼) ───────── */
html:has(link[href*="theme-light"]) :is(.upload-card,.area-sec,.consent-list,.flow-intro-card,.skin-toggle,.dial-wrap,.result,.flow ol,.status,.plan,.eye-pick__pre),
html:has(.plan.clinic) :is(.plan,.pack,.tier,.tablewrap,details,.unit),
body:has(#applyForm) :is(.card,.step,.ba,figure.watch,#applyForm,details),
body:has(#inq) :is(#inq,pre#fmt),
body:has(.tablewrap .rowhead) :is(.k,article,.tablewrap){
  border-color:var(--mg-rim)!important;background:var(--mg-iris),var(--mg-panel)!important;box-shadow:var(--mg-panel-shadow)!important;outline:1px solid rgba(255,255,255,.72);outline-offset:-6px}
/* 사진이 가장자리까지 차는 판은 안쪽 테를 긋지 않는다(사진 위 흰 줄 방지) */
body:has(#applyForm) :is(.ba,figure.watch),html:has(link[href*="theme-light"]) .dial-wrap{outline:0}
/* 끈적이 조절판(흐림 이미 있음) — 몸체만 유리 */
html:has(link[href*="theme-light"]) .depth-control{border-color:var(--mg-rim)!important;background:var(--mg-iris),linear-gradient(165deg,rgba(255,255,255,.9),rgba(255,255,255,.72) 50%,rgba(248,248,248,.82))!important;box-shadow:var(--mg-panel-shadow)!important}
/* 견본 카드 — 판 유리, 안쪽 테 없음(그림이 들어 있다) */
html:has(link[href*="theme-light"]) .style-card{border-color:var(--mg-rim)!important;background:var(--mg-iris),var(--mg-panel)!important;box-shadow:var(--mg-btn-shadow)!important}
html:has(link[href*="theme-light"]) .style-card.is-selected{border-color:var(--mg-rim-main)!important;background:var(--mg-iris),var(--lg-fill-main)!important;box-shadow:var(--mg-main-shadow)!important}
/* 가격 — 「추천」 묶음은 색 대신 굵은 금속 테 */
html:has(.plan.clinic) .pack.best{border-color:var(--mg-rim-main)!important;background:var(--mg-iris),var(--lg-fill-main)!important;box-shadow:var(--mg-main-shadow)!important}
html:has(.plan.clinic) .plan.clinic{border-color:rgba(60,62,66,.5)!important}
/* 클리닉 시범 판(어두운 판)은 어두운 유리로 — 바탕색은 그대로 진하게 둔다 */
body:has(#applyForm) .pilot{background:var(--mg-iris-dark),linear-gradient(165deg,#36383c 0%,#1e2023 52%,#26282b 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1.5px 0 rgba(255,255,255,.26),inset 0 -18px 24px -20px rgba(255,255,255,.18),0 0 0 .5px rgba(24,24,26,.5),20px 30px 52px -22px rgba(30,30,32,.5)!important;outline:1px solid rgba(255,255,255,.1);outline-offset:-6px}

/* ───────── 밝은 화면: 작은 두꺼운 유리(단추·칩) ───────── */
html:has(link[href*="theme-light"]) :is(.option-pick,.area-tab,.dial-stop,.flow-next,.flow-replay,.clear,.cl-new,.cl-btn:not(.cl-pri),.button:not(.button--lime),.lock,#bwScanBtn),
html:has(.plan.clinic) .btn:not(.pri),
body:has(#applyForm) .btn:not(.pri):not([style]),
body:has(#inq) .btn:not(.pri),
body:has(#shootBtn) .shoot.is-off,
body:has(.tablewrap .rowhead) :is(.hot,.tag){
  border-color:var(--mg-rim)!important;background:var(--mg-iris),var(--lg-fill)!important;color:var(--lg-ink)!important;box-shadow:var(--mg-btn-shadow)!important;outline:1px solid rgba(255,255,255,.78);outline-offset:-4px;text-shadow:0 1px 0 rgba(255,255,255,.7);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
html:has(link[href*="theme-light"]) .lock{box-shadow:inset 0 1px 0 #fff,inset 0 -1.5px 0 #fff,0 0 0 .5px rgba(110,112,116,.32),4px 6px 10px -5px rgba(40,40,42,.22)!important;outline:0}
/* 고른 칩 = 색 대신 굵은 금속 테 + 두꺼운 유리 */
html:has(link[href*="theme-light"]) :is(.option-pick.is-selected,.area-tab.is-active,.dial-stop.is-active){border-color:var(--mg-rim-main)!important;background:var(--mg-iris),var(--lg-fill-main)!important;color:var(--lg-ink)!important;box-shadow:var(--mg-main-shadow)!important;font-weight:800}
/* 주 단추(시작·만들기·결제) — 색 없이 더 굵은 금속 테 두 겹 + 더 두꺼운 유리 */
html:has(link[href*="theme-light"]) :is(.generate,.start-mine,.cl-btn.cl-pri,.button--lime),
html:has(.plan.clinic) .btn.pri,
body:has(#applyForm) .btn.pri,
body:has(#inq) .btn.pri,
body:has(#shootBtn) .shoot:not(.is-off),
a[href="./ai-preview.html"][style*="position:fixed"]>div[style*="height:54px"]{
  border-color:var(--mg-rim-main)!important;background:var(--mg-iris),var(--lg-fill-main)!important;color:var(--lg-ink)!important;box-shadow:var(--mg-main-shadow)!important;outline:1px solid rgba(255,255,255,.95);outline-offset:-4px;text-shadow:0 1px 0 rgba(255,255,255,.72);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
html:has(link[href*="theme-light"]) .generate:disabled{opacity:.55}
/* 누름·떠오름 — 느리게, 아주 조금 */
:is(.option-pick,.area-tab,.dial-stop,.flow-next,.btn,.button,.generate,.start-mine,.cl-btn,.cl-new,.shoot):not(:disabled):hover{transform:translateY(-1px)}
:is(.option-pick,.area-tab,.dial-stop,.flow-next,.btn,.button,.generate,.start-mine,.cl-btn,.cl-new,.shoot):not(:disabled):active{transform:translateY(1px)}
/* 키보드 초점은 안쪽 테 대신 또렷한 먹색 선 */
:is(.option-pick,.area-tab,.dial-stop,.flow-next,.flow-replay,.clear,.btn,.button,.generate,.start-mine,.cl-btn,.cl-new,.ht-step,.ht-go,.pl-cta,.pl-auto,.ht-play,#bwScanBtn,.mode-card,.continuation__route,.lg-back,#langSelect):focus-visible{outline:2px solid #2b2d31!important;outline-offset:2px!important}

/* ───────── 밝은 화면: 입력칸 — 살짝 눌린 유리 ───────── */
html:has(link[href*="theme-light"]) :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea),
html:has(.plan.clinic) :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea),
body:has(#applyForm) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea),
body:has(#inq) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){
  border-color:rgba(255,255,255,.95) rgba(230,231,232,.95) #fff rgba(230,231,232,.95)!important;background-color:rgba(255,255,255,.72)!important;box-shadow:inset 1px 2px 4px rgba(40,40,42,.13),inset 0 -1px 0 #fff,0 0 0 .5px rgba(110,112,116,.4),0 1px 0 rgba(255,255,255,.9)!important}

/* ───────── 법적 고지 넷 — 바탕만 밝게, 본문은 진한 회색으로 읽기 좋게 ───────── */
html:has(link[href*="legal.css"]){--lg-ink:#f2f2f2;--lg-fg:#1b1d20;--lg-mut:#575b60;--lg-line:rgba(60,62,66,.16);--lg-card:rgba(255,255,255,.62);--lg-acc:#2a2c30}
html:has(link[href*="legal.css"]) :is(p,li,td,#langNotice){color:#34373b}
html:has(link[href*="legal.css"]) :is(.lg-note,#langNotice){background:rgba(255,255,255,.5);border-left-color:#8c8f94}
html:has(link[href*="legal.css"]) :is(.lg-back,#langSelect){display:inline-block;border:1px solid;border-color:var(--mg-rim);border-radius:999px;background:var(--mg-iris),var(--lg-fill);color:#1b1d20;box-shadow:var(--mg-btn-shadow)}
html:has(link[href*="legal.css"]) .lg-back{padding:7px 14px;margin-bottom:22px;color:#1b1d20}
html:has(link[href*="legal.css"]) #langSelect{border-radius:12px;color:#1b1d20}

/* ───────── 옛 검정 화면 셋(flow·compare·photo-policy) → 밝은 맑은 메탈(11-12 v4) ─────────
   검정 바탕·라임 강조가 다른 밝은 화면들과 따로 놀았다. 글·구조는 그대로, 색 값만 이 파일에서 덮는다.
   라임 → 먹색·은빛. 본문 #1b1d20(바탕 #ececec 기준 약 15:1), 흐린 글 #54585d(약 6:1). 이름 겹침(preview-flow.css) 때문에 href 를 통째로 맞춘다. */
html:has(link[href="./flow.css"]),html:has(link[href="./compare.css"]){color-scheme:light;--ink:#eeeeee;--panel:rgba(255,255,255,.5);--panel-strong:rgba(255,255,255,.62);--line:rgba(60,62,66,.17);--muted:#54585d;--lime:#2a2c30;--warm:#1b1d20;background:#eeeeee}
html:has(link[href="photo-policy.css"]){color-scheme:light;--ink:#eeeeee;--ink-soft:#e9e9ea;--card:rgba(255,255,255,.55);--paper:#1b1d20;--muted:#54585d;--line:rgba(60,62,66,.17);--lime:#2a2c30;--lime-dark:#2a2c30;--shadow:22px 32px 54px -24px rgba(36,36,38,.3);background:#eeeeee}
/* 작은 영문 머리말·번호·강조 글 = 먹색 */
html:has(link[href="./flow.css"]) :is(.eyebrow,.mode-number,.summary-kicker,.principles article span,.mode-sequence b,.part-picker strong,.brand span),
html:has(link[href="./compare.css"]) :is(.eyebrow,.brand span,.saved-count,.notice strong,.continuation__route span),
html:has(link[href="photo-policy.css"]) :is(.eyebrow,.brand span,.notice-pill span,.principle-grid span,.future-grid b,.checklist li span){color:#3a3d42!important}
html:has(link[href="./flow.css"]) :is(.mode-note,.mode-sequence){color:#3a3d42}
html:has(link[href="./flow.css"]) :is(.detail-note,footer),html:has(link[href="./compare.css"]) .site-footer,html:has(link[href="photo-policy.css"]) footer{color:#5a5e63}
html:has(link[href="./flow.css"]) nav a:hover,html:has(link[href="./compare.css"]) .topbar nav a:hover,html:has(link[href="photo-policy.css"]) .topbar nav a:hover{color:#1b1d20}
html:has(link[href="./flow.css"]) .skip-link,html:has(link[href="./compare.css"]) .skip-link,html:has(link[href="photo-policy.css"]) .skip-link{background:#2a2c30;color:#fff}
/* 위 고정 바(photo-policy) — 얇은 유리 한 장 */
html:has(link[href="photo-policy.css"]) .topbar{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(246,246,246,.55));border-bottom-color:rgba(255,255,255,.95);box-shadow:0 .5px 0 rgba(84,86,90,.35),0 12px 26px -20px rgba(36,36,38,.4)}
html:has(link[href="photo-policy.css"]) .hero:after{background-image:linear-gradient(rgba(60,62,66,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(60,62,66,.05) 1px,transparent 1px)}
/* 큰 유리판 */
html:has(link[href="./flow.css"]) :is(.flow-options,.mode-card,.part-picker,.selection-summary,.source-note),
html:has(link[href="./compare.css"]) :is(.compare-card,.next-card,.saved-card,.continuation__route),
html:has(link[href="photo-policy.css"]) :is(.notice-pill,.checklist li,.future-grid p){
  border-color:var(--mg-rim)!important;background:var(--mg-iris),var(--mg-panel)!important;box-shadow:var(--mg-panel-shadow)!important;outline:1px solid rgba(255,255,255,.72);outline-offset:-6px}
html:has(link[href="./flow.css"]) .mode-card,html:has(link[href="./compare.css"]) .continuation__route{box-shadow:var(--mg-btn-shadow)!important}
html:has(link[href="./flow.css"]) .mode-card::after{background:rgba(255,255,255,.7)}
html:has(link[href="./flow.css"]) .part-card{background:var(--mg-iris),var(--lg-fill);border-color:var(--mg-rim);box-shadow:var(--mg-btn-shadow)}
/* 고른 칸 = 색 대신 굵은 금속 테 + 두꺼운 유리 */
html:has(link[href="./flow.css"]) :is(.mode-card[aria-checked="true"],.mode-card:hover,.part-card--available[aria-checked="true"]),
html:has(link[href="./compare.css"]) :is(.continuation__route--current,.continuation__route:hover){border-color:var(--mg-rim-main)!important;background:var(--mg-iris),var(--lg-fill-main)!important;box-shadow:var(--mg-main-shadow)!important}
html:has(link[href="./flow.css"]) .part-card--available[aria-checked="true"] small{color:#2a2c30}
/* 칸이 붙은 표(원칙 셋) — 칸 사이 선은 은회색, 칸은 유리 */
html:has(link[href="./flow.css"]) .principle-grid,html:has(link[href="photo-policy.css"]) .principle-grid{background:rgba(255,255,255,.75);border-color:var(--mg-rim);box-shadow:var(--mg-panel-shadow)}
html:has(link[href="./flow.css"]) .principles article,html:has(link[href="photo-policy.css"]) .principle-grid article{background:var(--mg-iris),linear-gradient(165deg,rgba(246,246,247,.92),rgba(236,236,237,.86))}
/* photo-policy 띠 넷 — 옛 라임·베이지 바탕을 무채색 빛과 그늘로 */
html:has(link[href="photo-policy.css"]) .checklist{background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,255,255,0) 55%)}
html:has(link[href="photo-policy.css"]) .boundary{background:linear-gradient(165deg,#f7f7f7,#e7e7e8);color:#1b1d20}
html:has(link[href="photo-policy.css"]) .boundary .eyebrow{color:#3a3d42!important}
html:has(link[href="photo-policy.css"]) .future{background:radial-gradient(60% 50% at 0% 30%,rgba(170,171,174,.32),rgba(170,171,174,0) 72%),#ebebec}
html:has(link[href="photo-policy.css"]) .checklist li span{border-color:rgba(84,86,90,.55)}
html:has(link[href="photo-policy.css"]) .cta{background:radial-gradient(70% 140% at 100% 0%,rgba(255,255,255,.9),rgba(255,255,255,0) 70%),linear-gradient(180deg,#dcdcdd,#cfcfd1);color:#1b1d20}
html:has(link[href="photo-policy.css"]) .cta a{border:1px solid;border-color:var(--mg-rim-main);background:var(--mg-iris),var(--lg-fill-main),#f1f1f2!important;color:#1b1d20!important;box-shadow:var(--mg-main-shadow)!important;outline:1px solid rgba(255,255,255,.95);outline-offset:-4px;text-shadow:0 1px 0 rgba(255,255,255,.72)}
/* 단추 — 주 단추는 라임 대신 굵은 금속 테 두 겹 + 두꺼운 유리, 보조 단추는 보통 유리 */
html:has(link[href="./flow.css"]) .primary-action:not(:disabled),
html:has(link[href="./compare.css"]) .button--primary{
  border-color:var(--mg-rim-main)!important;background:var(--mg-iris),var(--lg-fill-main),rgba(244,244,245,.6)!important;color:#1b1d20!important;box-shadow:var(--mg-main-shadow)!important;outline:1px solid rgba(255,255,255,.95);outline-offset:-4px;text-shadow:0 1px 0 rgba(255,255,255,.72)}
html:has(link[href="./flow.css"]) .primary-action:disabled,
html:has(link[href="./compare.css"]) :is(.button--secondary,.button--disabled,.text-button){
  border-color:var(--mg-rim)!important;background:var(--mg-iris),var(--lg-fill)!important;color:#1b1d20!important;box-shadow:var(--mg-btn-shadow)!important;outline:1px solid rgba(255,255,255,.78);outline-offset:-4px;text-shadow:0 1px 0 rgba(255,255,255,.7)}
html:has(link[href="./flow.css"]) .primary-action:disabled,html:has(link[href="./compare.css"]) .button--disabled{color:#62666b!important}
html:has(link[href="./compare.css"]) .button--secondary:hover,html:has(link[href="./compare.css"]) .text-button:hover{color:#1b1d20!important;border-color:var(--mg-rim-main)!important}
/* compare 비교 사진 위 — 가르는 선·손잡이는 흰 금속, 이름표는 연기 유리(사진 자체는 그대로) */
html:has(link[href="./compare.css"]) .comparison{background:#dedede;border-color:rgba(255,255,255,.9)}
html:has(link[href="./compare.css"]) .comparison__divider{background:#fff;box-shadow:0 0 0 .5px rgba(40,40,42,.35),0 0 12px rgba(0,0,0,.35)}
html:has(link[href="./compare.css"]) .comparison__divider span{border-color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(220,221,223,.35));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 .6px rgba(60,62,66,.5),4px 6px 12px -4px rgba(0,0,0,.4)}
html:has(link[href="./compare.css"]) .comparison__divider span::before,html:has(link[href="./compare.css"]) .comparison__divider span::after{border-top-color:#2a2c30;border-left-color:#2a2c30}
html:has(link[href="./compare.css"]) .comparison__label{background:rgba(28,29,31,.6);color:#fff}
html:has(link[href="./compare.css"]) .comparison__label--after{color:#fff}
html:has(link[href="./compare.css"]) .demo-chip{border-color:rgba(84,86,90,.45);color:#2a2c30;background:var(--lg-fill)}
html:has(link[href="./compare.css"]) .compare-control input{accent-color:#3a3d42}
html:has(link[href="./compare.css"]) .notice{border-left-color:#8a8d92;background:rgba(255,255,255,.45)}
html:has(link[href="./compare.css"]) :is(.continuation,.saved-item){background:rgba(255,255,255,.3)}
html:has(link[href="./compare.css"]) .toast{border-color:var(--mg-rim);background:rgba(250,250,250,.94);color:#1b1d20;box-shadow:var(--mg-panel-shadow)}
/* 아래 고정 단추의 받침(flow·guide) — 검정 그늘 대신 옅은 은회색 그늘 */
a[href="./ai-preview.html"][style*="position:fixed"]{background:linear-gradient(180deg,rgba(236,236,237,0),rgba(236,236,237,.94) 40%)!important}

/* ───────── 남은 청록·파랑 → 무채색(11-12 v4, 대표 「푸르딩딩 빼고 맑은 투명 메탈」) ─────────
   색 이름표(변수)부터 바꾸고, 고정값으로 박힌 곳은 그 화면만 겨냥해 덮는다. 사진·영상·꽃 로고 그림·첫 화면 LIVE 녹색불(.lvm-tag i)은 그대로.
   강조 먹색 #3a3d42(바탕 #ececec 위 약 9:1) · 짙은 먹색 #2a2c30 · 은빛 #8a8d92 · 선 rgba(60,62,66,.16) */
/* 1) 색 이름표 */
html:has(link[href*="theme-light"]){--ink:#ececec;--paper:#1b1d20;--line:rgba(60,62,66,.16);--lime:#3a3d42;--muted:#575b60}
html:has(.plan.clinic),html:has(#inq),html:has(#applyForm),html:has(#shootBtn){--bg:#ececec;--ink:#1b1d20;--line:rgba(60,62,66,.16);--acc:#4a4d52;--acc-ink:#2a2c30;--acc-soft:#ebebec}
html:has(.tablewrap .rowhead){--paper:#f4f4f4;--card:#ededee;--ink:#1b1d20;--muted:#575b60;--accent:#4a4d52;--accent-deep:#2a2c30;--line:#dcdcde}
html body.clinic{--cl-acc:#4a4d52;--cl-acc-ink:#2a2c30;--cl-ink:#1b1d20;--cl-muted:#575b60;--cl-line:rgba(60,62,66,.16);--cl-bg:#ececec}
.ht[style]{--ht-ink:#1b1d20!important;--ht-muted:#575b60!important;--ht-line:rgba(60,62,66,.18)!important;--ht-accent:#3a3d42!important}
.pl[style]{--pl-ink:#1b1d20!important;--pl-muted:#575b60!important;--pl-line:rgba(60,62,66,.18)!important;--pl-accent:#3a3d42!important;--pl-accent2:#8a8d92!important;--pl-glow:rgba(60,62,66,.28)!important}

/* 2) 밝은 화면(theme-light: AI Preview·휠·안내·클리닉 앱) 고정값 */
html:has(link[href*="theme-light"]) :is(.brand span,.back:hover,.eyebrow,.style-card span,.option-label small,.bw-blogo){color:#3a3d42!important}
html:has(link[href*="theme-light"]) :is(.boundary strong,.depth-head output,.frame-tag,.gt-pct,.area-tab.is-active,.result-buy p strong,.clear:hover){color:#2a2c30!important}
html:has(link[href*="theme-light"]) .boundary{border-left-color:#8a8d92!important;background:rgba(255,255,255,.4)!important}
html:has(link[href*="theme-light"]) :is(.source-preview,.result figure){background-color:#e4e4e5}
html:has(link[href*="theme-light"]) .dropzone{border-color:rgba(84,86,90,.5)!important;background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.55),transparent 40%)!important}
html:has(link[href*="theme-light"]) .dropzone:hover{border-color:#3a3d42!important}
html:has(link[href*="theme-light"]) .dropzone__plus{background:radial-gradient(60% 60% at 30% 25%,#fff,rgba(255,255,255,0) 70%),linear-gradient(140deg,#f6f6f7,#c4c6c9 48%,#8d9095 62%,#e9e9ea)!important;color:#1b1d20!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1.5px 0 rgba(255,255,255,.9),0 0 0 .6px rgba(70,72,76,.6),5px 8px 14px -6px rgba(36,36,38,.35)!important;text-shadow:0 1px 0 rgba(255,255,255,.7)}
html:has(link[href*="theme-light"]) :is(.style-card:hover,.option-pick:hover,.dial-stop:hover,.skin-toggle:has(input:checked),.area-sec.is-open,.result-buy,.clear:hover){border-color:rgba(84,86,90,.5)!important}
html:has(link[href*="theme-light"]) .result-buy{background:rgba(255,255,255,.35)!important}
html:has(link[href*="theme-light"]) :is(.depth-control input[type=range],.consent-list input,.skin-toggle input){accent-color:#3a3d42}
html:has(link[href*="theme-light"]) .area-btn em{background:#3a3d42!important}
html:has(link[href*="theme-light"]) .area-btn.is-active{border-color:#3a3d42!important;background:rgba(255,255,255,.55)!important;color:#2a2c30!important}
html:has(link[href*="theme-light"]) .result figcaption{border-color:rgba(84,86,90,.45)!important;color:#2a2c30!important}
html:has(link[href*="theme-light"]) :is(.result-download,.result-buy__buttons button[data-bw-buy="BW Eye Design"]){border:1px solid;border-color:var(--mg-rim-main)!important;background:var(--mg-iris),var(--lg-fill-main),#f1f1f2!important;color:#1b1d20!important;box-shadow:var(--mg-main-shadow)!important;text-shadow:0 1px 0 rgba(255,255,255,.72)}
html:has(link[href*="theme-light"]) :is(.result-buy__buttons button[data-bw-buy="BW Full Face"],.bw-paypal-btn:hover){border-color:#3a3d42!important;color:#2a2c30!important}
html:has(link[href*="theme-light"]) .dial-knob{background:radial-gradient(circle at 35% 30%,#fff,#c9cbce 55%,#7d8085)!important;box-shadow:0 0 0 .6px rgba(60,62,66,.6),0 0 12px rgba(255,255,255,.8)!important}
html:has(link[href*="theme-light"]) .dial-center{background:linear-gradient(165deg,#3a3c40,#1d1e21)!important;border-color:rgba(255,255,255,.24)!important}
html:has(link[href*="theme-light"]) .dial-center em{color:#f2f2f3!important}
html:has(link[href*="theme-light"]) .dial-center small{color:#c9cbce!important}
html:has(link[href*="theme-light"]) .gt-dots span.on{background:#3a3d42!important;box-shadow:0 0 0 2px rgba(255,255,255,.8)!important}
html:has(link[href*="theme-light"]) :is(.ba-more,.ba-zoom){color:#2a2c30!important;border-color:rgba(84,86,90,.35)!important}
html:has(link[href*="theme-light"]) .ba-more{background:rgba(255,255,255,.45)!important}
html:has(link[href*="theme-light"]) .lv-line{stroke:#2b2d31}
html:has(link[href*="theme-light"]) .figcap,html:has(link[href*="theme-light"]) #frameCaption{color:#2a2c30!important}
html:has(link[href*="theme-light"]) .status__dot{background:#3a3d42!important;box-shadow:0 0 0 3px rgba(255,255,255,.7)!important}
html:has(link[href*="theme-light"]) .skip-link,html:has(.tablewrap .rowhead) .skip-link{background:#2a2c30!important;color:#fff!important}
html:has(link[href*="theme-light"]) a:not([class]):not([style]){color:inherit}
body.clinic :is(.eye-pick__face.is-on){box-shadow:0 0 0 2px rgba(60,62,66,.3)!important}
body.clinic .eye-view__pane.is-stage figcaption,body.clinic .cl-turn{background:rgba(42,44,48,.9)!important}
body.clinic .eye-pick__face.is-redo .eye-pick__ph{background:linear-gradient(100deg,rgba(60,62,66,.05) 30%,rgba(60,62,66,.12) 50%,rgba(60,62,66,.05) 70%)!important;background-size:220% 100%!important}
body.clinic .cl-overlay{background-color:#ececec}

/* 3) 가격·병원 제휴·파트너·촬영 화면 고정값 */
html:has(.plan.clinic) nav,body:has(#applyForm) nav{background:rgba(240,240,241,.82)!important}
body:has(#applyForm) .ba figure{background:#e2e2e3}
body:has(#applyForm) .ba figcaption{background:rgba(28,29,31,.72)!important}
body:has(#applyForm) .pilot{color:#ececed}
body:has(#applyForm) .pilot :is(.eyebrow,dt){color:#c4c6c9!important}
body:has(#shootBtn) .done{background:#efeff0}

/* 4) 첫 화면(index) — 글 안에 박힌 색(style 속성)만 겨냥 */
html:has(.bwMob) body{color:#1b1d20}
html:has(.bwMob),html:has(.bwMob) body{background-color:#ececec!important}
.bwMob[style],.bwDesk[style]{background:radial-gradient(70% 30% at 100% 0%,rgba(255,255,255,.95),rgba(255,255,255,0) 72%),radial-gradient(60% 18% at 0% 34%,rgba(170,171,174,.36),rgba(170,171,174,0) 72%),radial-gradient(60% 16% at 100% 62%,rgba(178,179,182,.32),rgba(178,179,182,0) 72%),linear-gradient(180deg,#f1f1f1,#e9e9ea 45%,#ededee)!important}
.bwMob [style*="background:rgba(243,246,249"],.bwDesk [style*="background:rgba(243,246,249"]{background:rgba(244,244,245,.72)!important}
html:has(.bwMob) :is([style*="color:#1f8fa8"],[style*="color:#15606f"],[style*="color: rgb(31, 143, 168)"],[style*="color:#2aa5bd"]){color:#3a3d42!important}
html:has(.bwMob) [style*="color:#16202a"]{color:#1b1d20!important}
html:has(.bwMob) :is([style*="color:#33c3dd"],[style*="color:#9a8cf0"]){color:#8a8d92!important}
html:has(.bwMob) :is([style*="background:#33c3dd"],[style*="background:#57c8dd"]){background:radial-gradient(circle at 35% 30%,#fff,#a9acb0 60%,#6c6f74)!important;box-shadow:0 0 0 1px rgba(60,62,66,.25)!important}
html:has(.bwMob) [style*="background-clip:text"]:is([style*="#1f8fa8"],[style*="#2aa5bd"]){background:linear-gradient(100deg,#1b1d20,#8d9095 46%,#3a3d42)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html:has(.bwMob) [style*="background:linear-gradient(135deg,#2aa5bd,#8ea4f0)"]:not([style*="background-clip:text"]),html:has(.bwMob) [style*="background:linear-gradient(135deg,#57c8dd,#8ea4f0)"]{background:linear-gradient(135deg,#4a4d52,#2a2c30)!important;box-shadow:0 6px 16px rgba(36,36,38,.3)!important}
html:has(.bwMob) :is([style*="background:rgba(20,40,50"],[style*="background:rgba(18,40,50"]){background:rgba(28,29,31,.58)!important;color:#f4f4f5!important}
html:has(.bwMob) [style*="rgba(42,165,189,.85)"]{background:rgba(250,250,250,.84)!important;color:#1b1d20!important}
html:has(.bwMob) [style*="rgba(28,42,54"]{background:linear-gradient(150deg,rgba(46,48,52,.97),rgba(28,29,32,.95))!important;color:#f2f2f3!important;box-shadow:0 30px 70px rgba(30,30,32,.38),inset 0 1px 2px rgba(255,255,255,.22)!important}
html:has(.bwMob) [style*="rgba(160,230,245"]{border-color:rgba(255,255,255,.2)!important}
html:has(.bwMob) [style*="rgba(140,170,190"]{border-color:rgba(120,122,126,.25)!important}
html:has(.bwMob) [style*="solid #2aa5bd"]{border-top-color:#2a2c30!important;filter:drop-shadow(0 0 4px rgba(255,255,255,.95))!important}
html:has(.bwMob) [style*="solid #1f8fa8"]{border-color:#3a3d42!important;border-top-color:transparent!important}
html:has(.bwMob) [style*="stroke:#1f8fa8"]{stroke:#3a3d42!important}
html:has(.bwMob) [style*="rgba(42, 165, 189, 0.5)"]{background:rgba(58,61,66,.6)!important}
html:has(.bwMob) [style*="rgba(90, 140, 165, 0.24)"]{background:rgba(90,92,96,.26)!important}
html:has(.bwMob) [style*="rgba(42,165,189,.5),rgba(87,200,221"],html:has(.bwMob) [style*="rgba(42,165,189,.55),rgba(142,164,240"]{background:var(--mg-iris),var(--lg-fill-main),rgba(240,240,241,.7)!important;color:#1b1d20!important;box-shadow:var(--mg-main-shadow)!important}
html:has(.bwMob) :is(.wheelChip.on,.bwPartPill.on){background:var(--mg-iris),var(--lg-fill-main),rgba(240,240,241,.7)!important;color:#1b1d20!important;box-shadow:var(--mg-main-shadow)!important}
html:has(.bwMob) .mChip.on{background:var(--mg-iris),var(--lg-fill-main)!important;color:#1b1d20!important;box-shadow:var(--mg-main-shadow)!important}
html:has(.bwMob) :is(.idxRow:hover .idxEng,a:hover){color:#3a3d42}
html:has(.bwMob) .langItem:hover{background:rgba(60,62,66,.08)}
html:has(.bwMob) .langItem.on{color:#2a2c30;background:rgba(60,62,66,.1)}
html:has(.bwMob) .bwDial:focus-visible{outline-color:#3a3d42}
html:has(.bwMob) :is(.lbx-tag,.lbx-in){color:#2a2c30}
html:has(.bwMob) .lbx-tag i{background:#3a3d42;box-shadow:0 0 0 3px rgba(60,62,66,.15)}
html:has(.bwMob) .lbx-in:focus-visible{outline-color:#3a3d42}

/* 5) 파트너 보고서(partners) — 글 안에 박힌 색 */
html:has(.tablewrap .rowhead) :is([style*="color:#1e94ad"],[style*="color:#0f5e70"],[style*="color: rgb(30, 148, 173)"]){color:#3a3d42!important}

/* 고정 아래 단추는 어두운 화면에서도 읽히게 몸체 아래에 옅은 은회색 바탕 한 장 */
a[href="./ai-preview.html"][style*="position:fixed"]>div[style*="height:54px"]{background:var(--mg-iris),var(--lg-fill-main),#e9e9ea!important}

@media (prefers-reduced-motion:reduce){
  :is(.option-pick,.area-tab,.dial-stop,.flow-next,.btn,.button,.generate,.start-mine,.cl-btn,.cl-new,.shoot){transition:none!important;transform:none!important}}
html:has(.bwMob) [style*="rgba(210,240,248"]{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(214,215,218,.55))!important;box-shadow:inset 0 1px 2px #fff,0 0 0 .6px rgba(84,86,90,.4),0 6px 14px rgba(36,36,38,.18)!important}
html:has(.bwMob) [style*="rgba(127,214,232"]{background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,255,255,0) 68%)!important}
html:has(.bwMob) [style*="rgba(224,244,250"],html:has(.bwMob) [style*="rgba(224, 244, 250"]{background:var(--mg-iris),var(--mg-panel)!important}
html:has(.bwMob) [style*="rgba(120,210,230"],html:has(.bwMob) [style*="rgba(120, 210, 230"]{border-color:rgba(84,86,90,.55)!important}
html:has(.bwMob) .bwKnurl{background:repeating-conic-gradient(from .4deg,rgba(255,255,255,.98) 0deg .62deg,rgba(232,233,235,.62) .62deg .95deg,rgba(128,130,134,.34) .95deg 1.32deg,rgba(232,233,235,.62) 1.32deg 1.7deg)}
html:has(.bwMob) [style*="#4fd2ea 30%"],html:has(.bwMob) [style*="79, 210, 234) 30%"]{background:linear-gradient(90deg,transparent,#8d9095 30%,#fff 50%,#8d9095 70%,transparent)!important}
html:has(.bwMob) [style*="#4fd2ea 15%"],html:has(.bwMob) [style*="79, 210, 234) 15%"]{background:linear-gradient(180deg,transparent,#8d9095 15%,#fff 50%,#8d9095 85%,transparent)!important;box-shadow:0 0 0 .5px rgba(40,40,42,.25)!important}
html:has(.bwMob) [style*="rgba(120,170,190"]{background:linear-gradient(90deg,transparent,rgba(120,122,126,.4),transparent)!important}
html:has(.bwMob) [style*="color:#22525e"]{color:#2a2c30!important}
html:has(.bwMob) [style*="color:#6fd6ea"]{color:#c9cbce!important}
a[style*="rgba(238,242,245,0)"]{background:linear-gradient(180deg,rgba(236,236,237,0),rgba(236,236,237,.92) 40%)!important}
/* 글 속 맨 링크(브라우저 기본 파랑) → 먹색, 밑줄은 그대로 */
html:has(link[href*="theme-light"]) .text-link,html:has(#inq) :is(p,li,span,label,small)>a:not([class]),html:has(link[href="photo-policy.css"]) :is(p,li,span,small)>a:not([class]){color:#2a2c30}
html:has(link[href*="theme-light"]) .bw-blogo{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(214,215,218,.55))!important;box-shadow:inset 0 1px 2px #fff,0 0 0 .6px rgba(84,86,90,.4),0 6px 14px rgba(36,36,38,.18)!important}
html:has(.bwMob) .bwKnurl::after{background:linear-gradient(146deg,rgba(255,255,255,.62) 4%,rgba(255,255,255,0) 34%,rgba(70,72,76,.2) 68%,rgba(255,255,255,.5) 96%)}