.kakao-chat-prototype-module__oO53cG__page{background:radial-gradient(circle at top,#ffb27b33,#0000 28%),linear-gradient(#eef5ff 0%,#fff 42%,#f7fbff 100%);place-items:center;min-height:100dvh;padding:48px 24px;display:grid}.kakao-chat-prototype-module__oO53cG__layout{grid-template-columns:minmax(320px,460px) minmax(320px,1fr);align-items:center;gap:48px;width:min(1200px,100%);display:grid}.kakao-chat-prototype-module__oO53cG__copy{flex-direction:column;gap:20px;display:flex}.kakao-chat-prototype-module__oO53cG__eyebrow{font-family:var(--bjj-font-number);letter-spacing:.14em;text-transform:uppercase;color:var(--bjj-color-primary);font-size:.8125rem;font-weight:700}.kakao-chat-prototype-module__oO53cG__title{font-family:var(--bjj-font-heading);font-size:clamp(2.125rem, calc(2.125rem + 1.5rem * ((100vw - 380px) / 1540px)), 3.625rem);color:#09152b;font-weight:800;line-height:1.1}.kakao-chat-prototype-module__oO53cG__titleAccent{color:var(--bjj-color-primary)}.kakao-chat-prototype-module__oO53cG__description{max-width:520px;font-family:var(--bjj-font-body);color:#4d5d73;font-size:1.125rem;line-height:1.65}.kakao-chat-prototype-module__oO53cG__steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.kakao-chat-prototype-module__oO53cG__step{font-family:var(--bjj-font-body);color:#314158;align-items:center;gap:12px;font-size:.9375rem;display:flex}.kakao-chat-prototype-module__oO53cG__stepNumber{width:28px;height:28px;color:var(--bjj-color-primary);font-family:var(--bjj-font-number);background:#004aad1a;border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.kakao-chat-prototype-module__oO53cG__phoneStage{justify-content:center;align-items:center;width:100%;display:flex}.kakao-chat-prototype-module__oO53cG__phoneShell{--u:calc(100cqi / 312);width:min(100%, clamp(14rem, calc(14rem + 5.5rem * ((100vw - 380px) / 1540px)), 19.5rem));aspect-ratio:1350/2760;filter:drop-shadow(0 28px 56px #0216382e);position:relative;container-type:inline-size}@media (max-width:780px){.kakao-chat-prototype-module__oO53cG__phoneShell{width:min(100%,19.5rem)}}.kakao-chat-prototype-module__oO53cG__screen{width:calc(100% - 26 * var(--u));height:calc(100% - 16 * var(--u));transform:translate(-50%, calc(5 * var(--u)));border-radius:calc(36 * var(--u));background:#eef2f6;position:absolute;top:.85%;left:50%;overflow:hidden}.kakao-chat-prototype-module__oO53cG__screenTop{padding:calc(18 * var(--u)) calc(18 * var(--u)) calc(10 * var(--u));z-index:2;background:linear-gradient(#b9d9f1 0%,#cce2f2 100%);position:absolute;inset:0 0 auto}.kakao-chat-prototype-module__oO53cG__topSpacer{height:calc(34 * var(--u))}.kakao-chat-prototype-module__oO53cG__navRow{grid-template-columns:calc(56 * var(--u)) 1fr calc(56 * var(--u));color:#223147;align-items:center;margin-bottom:0;display:grid}.kakao-chat-prototype-module__oO53cG__navLeft{justify-content:flex-start;align-items:center;gap:calc(2 * var(--u));font-family:var(--bjj-font-heading);font-weight:700;display:flex}.kakao-chat-prototype-module__oO53cG__navBack{width:calc(10 * var(--u));height:calc(10 * var(--u));border-left:calc(1.5 * var(--u)) solid currentColor;border-bottom:calc(1.5 * var(--u)) solid currentColor;transform:rotate(45deg)}.kakao-chat-prototype-module__oO53cG__navCount{font-size:calc(12 * var(--u))}.kakao-chat-prototype-module__oO53cG__navCenter{align-items:center;gap:calc(2 * var(--u));flex-direction:column;display:flex}.kakao-chat-prototype-module__oO53cG__navTitle{font-family:var(--bjj-font-heading);font-size:calc(13 * var(--u));font-weight:700;line-height:1.1}.kakao-chat-prototype-module__oO53cG__navSub{font-family:var(--bjj-font-body);font-size:calc(9 * var(--u));color:#4e5f74;line-height:1.2}.kakao-chat-prototype-module__oO53cG__navActions{justify-content:flex-end;align-items:center;gap:calc(12 * var(--u));display:flex}.kakao-chat-prototype-module__oO53cG__navSearch{width:calc(11 * var(--u));height:calc(11 * var(--u));border:calc(1.5 * var(--u)) solid currentColor;border-radius:999px;position:relative}.kakao-chat-prototype-module__oO53cG__navSearch:after{content:"";right:calc(-2 * var(--u));bottom:calc(-3 * var(--u));width:calc(5 * var(--u));height:calc(1.5 * var(--u));transform-origin:50%;background:currentColor;position:absolute;transform:rotate(45deg)}.kakao-chat-prototype-module__oO53cG__navMenu{width:calc(16 * var(--u));height:calc(12 * var(--u));background:linear-gradient(currentColor, currentColor) 0 0 / 100% calc(1.5 * var(--u)) no-repeat, linear-gradient(currentColor, currentColor) 0 50% / 100% calc(1.5 * var(--u)) no-repeat, linear-gradient(currentColor, currentColor) 0 100% / 100% calc(1.5 * var(--u)) no-repeat;position:relative}.kakao-chat-prototype-module__oO53cG__messagesViewport{inset:calc(80 * var(--u)) 0 calc(52 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u)) calc(8 * var(--u));z-index:1;position:absolute;overflow:hidden}.kakao-chat-prototype-module__oO53cG__messagesTrack{justify-content:flex-start;gap:calc(10 * var(--u));flex-direction:column;display:flex}.kakao-chat-prototype-module__oO53cG__dateChip{padding:calc(4 * var(--u)) calc(10 * var(--u));font-family:var(--bjj-font-body);font-size:calc(9 * var(--u));color:#55667c;background:#7b8ba033;border-radius:999px;align-self:center}.kakao-chat-prototype-module__oO53cG__messageRow{align-items:flex-start;gap:calc(7 * var(--u));width:100%;display:flex}.kakao-chat-prototype-module__oO53cG__left{justify-content:flex-start}.kakao-chat-prototype-module__oO53cG__right{justify-content:flex-end}.kakao-chat-prototype-module__oO53cG__avatar{width:calc(34 * var(--u));height:calc(34 * var(--u));object-fit:cover;background:#fff;border-radius:999px;flex-shrink:0}.kakao-chat-prototype-module__oO53cG__animateIn{transform:translateY(calc(28 * var(--u)));opacity:0;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .42s}.kakao-chat-prototype-module__oO53cG__animateInVisible{opacity:1;transform:translateY(0)}.kakao-chat-prototype-module__oO53cG__bubbleWrap{gap:calc(3 * var(--u));flex-direction:column;max-width:72%;display:flex}.kakao-chat-prototype-module__oO53cG__senderName{font-family:var(--bjj-font-body);font-size:calc(8 * var(--u));color:#3d4f63;padding-left:calc(1 * var(--u));font-weight:600}.kakao-chat-prototype-module__oO53cG__bubbleAndTime{align-items:flex-end;gap:calc(4 * var(--u));display:flex}.kakao-chat-prototype-module__oO53cG__bubbleAndTimeOutgoing{flex-direction:row}.kakao-chat-prototype-module__oO53cG__bubble{padding:calc(7 * var(--u)) calc(10 * var(--u));border-radius:calc(12 * var(--u));font-family:var(--bjj-font-body);font-size:calc(11 * var(--u));white-space:pre-line;word-break:keep-all;box-shadow:0 calc(8 * var(--u)) calc(18 * var(--u)) #1c294114;line-height:1.42}.kakao-chat-prototype-module__oO53cG__bubbleIncoming{color:#142037;border-top-left-radius:calc(4 * var(--u));background:#fff}.kakao-chat-prototype-module__oO53cG__bubbleOutgoing{color:#171717;border-bottom-right-radius:calc(4 * var(--u));background:#fee500}.kakao-chat-prototype-module__oO53cG__bubbleLarge{font-size:calc(22 * var(--u))}.kakao-chat-prototype-module__oO53cG__meta{font-family:var(--bjj-font-number);font-size:calc(9 * var(--u));color:#7e8ea3;white-space:nowrap;flex-shrink:0;line-height:1}.kakao-chat-prototype-module__oO53cG__composer{padding:0 0 calc(18 * var(--u));background:linear-gradient(#f2f6fa1a,#f2f6fa80 22%,#f2f6fa 36%);position:absolute;inset:auto 0 0}.kakao-chat-prototype-module__oO53cG__composerPrompt{height:calc(28 * var(--u));color:#fffffff2;font-family:var(--bjj-font-body);font-size:calc(11 * var(--u));background:#7c5cb4;justify-content:center;align-items:center;line-height:1;display:flex}.kakao-chat-prototype-module__oO53cG__composerBar{gap:calc(10 * var(--u));padding:calc(12 * var(--u)) calc(12 * var(--u)) calc(2 * var(--u));background:#f2f2f4;grid-template-columns:auto 1fr auto;align-items:center;display:grid}.kakao-chat-prototype-module__oO53cG__plusButton{width:calc(20 * var(--u));height:calc(20 * var(--u));background:#3d4b601a;border-radius:999px;flex-shrink:0;display:inline-block;position:relative}.kakao-chat-prototype-module__oO53cG__plusButton:before,.kakao-chat-prototype-module__oO53cG__plusButton:after{content:"";border-radius:calc(1 * var(--u));background:#5e6e84;position:absolute}.kakao-chat-prototype-module__oO53cG__plusButton:before{width:calc(9 * var(--u));height:calc(1.5 * var(--u));top:50%;left:50%;transform:translate(-50%,-50%)}.kakao-chat-prototype-module__oO53cG__plusButton:after{width:calc(1.5 * var(--u));height:calc(9 * var(--u));top:50%;left:50%;transform:translate(-50%,-50%)}.kakao-chat-prototype-module__oO53cG__composerPlaceholder{font-family:var(--bjj-font-body);font-size:calc(12 * var(--u));color:#9aa7b8;height:calc(32 * var(--u));padding:0 calc(12 * var(--u));background:#ffffffe6;border-radius:999px;align-items:center;display:flex}.kakao-chat-prototype-module__oO53cG__sendButton{width:calc(20 * var(--u));height:calc(20 * var(--u));background:#d7dfe9;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.kakao-chat-prototype-module__oO53cG__sendButton:before{content:"";border-left:calc(4 * var(--u)) solid transparent;border-right:calc(4 * var(--u)) solid transparent;border-bottom:calc(6 * var(--u)) solid #8a99ae;width:0;height:0;margin-top:calc(-1 * var(--u))}.kakao-chat-prototype-module__oO53cG__phoneFrame{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.kakao-chat-prototype-module__oO53cG__hint{font-family:var(--bjj-font-body);color:#6b7b8f;margin-top:14px;font-size:.8125rem}@media (max-width:960px){.kakao-chat-prototype-module__oO53cG__layout{grid-template-columns:1fr}.kakao-chat-prototype-module__oO53cG__copy{order:2}.kakao-chat-prototype-module__oO53cG__phoneStage{order:1}.kakao-chat-prototype-module__oO53cG__description{max-width:none}}