/* 홈 화면 글래스모피즘 — 되돌리려면 index.html 의 home-glass.css <link> 한 줄만 지우면 돼요 */
/* === 홈 글래스모피즘 시안 (홈 화면만) === */
body:has(main.home){background-color:#f2f3f7;background-image:
   radial-gradient(48vw 40vw at 6% 18%,rgba(0,113,227,.17),transparent 70%),
   radial-gradient(44vw 38vw at 96% 12%,rgba(175,82,222,.14),transparent 70%),
   radial-gradient(52vw 44vw at 22% 92%,rgba(90,200,250,.15),transparent 70%),
   radial-gradient(46vw 40vw at 92% 86%,rgba(255,159,10,.10),transparent 70%);
  background-attachment:fixed}
.home .card,.home .c{
  background:linear-gradient(160deg,rgba(255,255,255,.70),rgba(255,255,255,.44));
  -webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 30px -12px rgba(30,40,80,.18),0 2px 6px rgba(30,40,80,.05);
  transition:transform .25s ease,box-shadow .25s ease}
.home a.card:hover,.home a.c:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 40px -14px rgba(30,40,80,.26),0 2px 6px rgba(30,40,80,.06)}
.home .door .thumb,.home .c .thumb{border-radius:0}
.home .door{border-radius:26px}
.home .pill{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 3px rgba(30,40,80,.08)}
.home .chip{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.home .chip.on{background:#1d1d1f;border-color:#1d1d1f}
.home .pr{border-top-color:rgba(29,29,31,.08);border-radius:14px;margin:0 -12px;padding:20px 12px;transition:background .2s}
.home .pr:hover{background:rgba(255,255,255,.55)}
.home .btn.g{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9)}
@media(prefers-reduced-transparency:reduce){.home .card,.home .c{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}