:root{--pink:#ff4f91;--pink2:#fff0f6;--gold:#ffbf36;--ink:#272331;--muted:#777281;--line:#ece8ef;--shadow:0 16px 45px rgba(61,38,74,.10);--font-body:'LINE Seed KR','Malgun Gothic',sans-serif;--font-display:'Cafe24 Ssurround','LINE Seed KR','Malgun Gothic',sans-serif;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{color:var(--ink);background:radial-gradient(circle at 20% 0,#fff0b8,transparent 35%),linear-gradient(160deg,#fff6fa,#f3efff);font-family:var(--font-body)}
button,input,textarea{font:inherit}
.dr-kicker{margin:0;color:var(--pink);font-weight:700;letter-spacing:.08em;font-size:.875rem}
h1,h2{font-family:var(--font-display);font-weight:400}

/* index */
.dr-index-main{max-width:1080px;margin:auto;padding:56px 16px 72px}
.dr-index h1{font-size:clamp(2rem,6vw,3.25rem);margin:10px 0 6px}
.dr-lead{color:var(--muted);margin:0 0 28px;font-size:1.0625rem}
.dr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.dr-card{display:flex;flex-direction:column;padding:0;border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;cursor:pointer;text-align:left;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}
.dr-card:hover,.dr-card:focus-visible{transform:translateY(-4px);box-shadow:0 24px 55px rgba(61,38,74,.16)}
.dr-card:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.dr-card img{display:block;width:100%;height:auto;aspect-ratio:640/380}
.dr-card-body{display:grid;gap:4px;padding:18px 20px 22px}
.dr-card-body b{font-family:var(--font-display);font-weight:400;font-size:1.5rem}
.dr-card-body small{color:var(--muted);font-size:.9375rem}
.dr-layer{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(20,15,28,.6)}
.dr-layer[hidden]{display:none}
.dr-layer-box{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35);max-width:calc(100vw - 32px)}
.dr-layer-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 18px;border-bottom:1px solid var(--line)}
.dr-layer-x{border:0;background:#f3f1f4;border-radius:10px;width:34px;height:34px;font-size:1.25rem;cursor:pointer}
.dr-layer iframe{display:block;width:100%;border:0}
body.dr-locked{overflow:hidden}

@media(prefers-reduced-motion:reduce){.dr-card{transition:none}}