.kakao-dialog { width:min(490px,calc(100% - 36px)); padding:42px 37px 28px; background:var(--paper); color:var(--ink); border:0; border-radius:0; box-shadow:0 22px 100px #0004; max-height:calc(100dvh - 48px); overflow-y:auto; }
.kakao-dialog::backdrop { background:#16120de0; }
.kakao-dialog:not([open]) { display:none; }
#cookiesdirective { position:fixed!important; border-top:1px solid var(--line); box-shadow:0 -6px 24px #00000012; font-size:13px; line-height:1.65; }
#cookiesdirective .btn { display:inline-flex; justify-content:center; align-items:center; min-height:44px; min-width:90px; padding:10px 20px; border-radius:3px; cursor:pointer; }
#cookiesdirective a:focus-visible { outline:3px solid var(--ink); outline-offset:3px; }
body.cookie-notice-visible .floating-kakao { bottom:calc(var(--cookie-notice-height,130px) + 17px); }
.dialog-close-form { margin:0; }
.dialog-close { position:absolute; top:12px; right:15px; padding:4px; width:34px; height:34px; border:0; background:transparent; color:var(--ink); font-size:27px; font-weight:300; line-height:1; }
.kakao-dialog > .eyebrow { font-size:8px; letter-spacing:1px; }
.kakao-dialog > h2 { font-size:29px; letter-spacing:-1.5px; line-height:1.35; margin-top:21px; }
.kakao-dialog > #kakao-dialog-description { margin-top:15px; color:var(--muted); font-size:12px; line-height:1.8; }
.dialog-id { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:19px 20px; margin-top:24px; background:#fff; border:1px solid var(--line); }
.dialog-id > div { display:flex; flex-direction:column; line-height:1.3; }
.dialog-id > div > span { font-size:9px; color:var(--muted); }
.dialog-id strong { font-family:Arial,sans-serif; font-weight:600; font-size:26px; letter-spacing:-.5px; margin-top:8px; user-select:all; }
.copy-kakao-id { display:flex; align-items:center; gap:11px; min-height:44px; border:0; border-radius:0; padding:10px 15px; background:var(--yellow); color:#24201d; font-size:11px; font-weight:600; }
.copy-kakao-id > span { font-size:18px; font-family:Arial,sans-serif; }
.copy-kakao-id:hover { background:#f4dd00; }
.kakao-howto { list-style:none; margin:24px 0 0; padding:0; font-size:11px; line-height:1.9; }
.kakao-howto li + li { margin-top:9px; }
.kakao-howto li > span { display:inline-block; margin-right:9px; font-size:9px; color:var(--red-text); font-family:Arial,sans-serif; }
.kakao-howto strong { font-weight:600; }
.copy-status { min-height:21px; margin-top:13px; color:var(--red-text); font-size:10px; }
.dialog-tip { border-top:1px solid var(--line); padding-top:15px; margin-top:6px; color:var(--muted); font-size:9px; }
/* Original consent UI is positioned above the floating contact link by the deployment owner. */

@media(max-width:650px){.kakao-dialog{padding:38px 24px 23px}.kakao-dialog>h2{font-size:25px}.dialog-id{padding:16px;gap:12px}.copy-kakao-id{padding:10px 12px}}

/* Keep inquiry details legible regardless of the surrounding site theme. */
.kakao-dialog{--paper:#fbf8f2;--ink:#242321;--muted:#66615c;--line:#d8d2ca;--red:#b46b33;--red-text:#8d451b;background:var(--paper);color:var(--ink)}
