.support-widget{position:fixed;right:max(16px,calc((100vw - 480px)/2 + 16px));bottom:calc(156px + env(safe-area-inset-bottom));z-index:34;font-family:inherit;color:#191f28}
.support-launch{width:52px;height:52px;border:0;border-radius:50%;background:#16856c;color:#fff;box-shadow:0 4px 14px #123b2926;display:grid;place-items:center;cursor:pointer}
.support-launch svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.support-panel{position:absolute;right:0;bottom:64px;width:min(360px,calc(100vw - 32px));height:min(480px,calc(100dvh - 246px));min-height:240px;display:flex;flex-direction:column;background:#fff;border:1px solid #e8ebee;border-radius:20px;box-shadow:0 10px 40px #191f2820;overflow:hidden}
.support-widget [hidden]{display:none!important}.support-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #f2f4f6;flex-shrink:0}.support-head strong{font-size:17px;font-weight:700}.support-head span{display:block;font-size:11px;color:#8b95a1;margin-top:5px}.support-head button{width:44px;height:44px;background:none;border:0;color:#6b7684;font-size:26px;cursor:pointer}
.support-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px;scrollbar-width:thin}.support-bubble{padding:12px 14px;background:#f2f4f6;border-radius:14px;font-size:14px;line-height:1.7;margin:0 24px 12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.support-user{margin:0 0 12px 24px;background:#edf7f3;color:#216b56}
.support-actions{padding:0 18px 12px;flex-shrink:0}.support-actions button{min-height:44px;width:100%;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid #e5e8ec;border-radius:10px;font-size:14px;font-weight:600;color:#333d4b;cursor:pointer}
.support-compose{display:flex;align-items:center;gap:8px;margin:0 16px 14px;padding:8px 10px;background:#f7f8fa;border:1px solid #edf0f2;border-radius:12px;flex-shrink:0}.support-compose textarea{width:100%;min-width:0;resize:none;border:0;outline:none;background:transparent;font:inherit;font-size:13px;line-height:1.5;max-height:80px;color:#191f28}.support-compose button{border:0;border-radius:50%;background:#16856c;color:white;width:36px;height:36px;flex-shrink:0;font-size:22px;cursor:pointer}.support-compose button:disabled{background:#dce1e5;cursor:default}.support-notice{font-size:12px;color:#6b7684;line-height:1.6;margin:0 18px 12px}.support-notice:empty{display:none}
.support-handoff{text-align:center;padding:4px 0 8px}.support-human-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 14px;background:#eef8f4;color:#16856c;border-radius:50%;font-size:24px}.support-handoff h2{font-size:19px;margin:0 0 12px}.support-handoff p{font-size:13px;line-height:1.8;color:#6b7684;margin:0 0 20px}.support-handoff a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px;background:#fee500;color:#191919;border-radius:10px;font-size:14px;font-weight:650;text-decoration:none}.support-handoff>button{min-height:44px;margin-top:10px;border:0;background:none;color:#8b95a1;font-size:12px;cursor:pointer}
.support-widget button:focus-visible,.support-widget a:focus-visible{outline:2px solid #16856c;outline-offset:3px}
@media screen{.support-panel{animation:support-open 360ms cubic-bezier(.22,1,.36,1)}@keyframes support-open{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(max-height:600px){.support-widget{bottom:calc(80px + env(safe-area-inset-bottom))}.support-panel{height:calc(100dvh - 166px);min-height:160px}}


/* Direct Kakao launcher; hover response stays inside its touch target. */
.support-widget[hidden]{display:none!important}
.support-launch{position:relative;width:52px;height:56px;border-radius:0;background:transparent;color:#fff;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:none;filter:drop-shadow(0 3px 7px #3182f62b);transform:translate(var(--support-x,0px),var(--support-y,0px)) rotate(var(--support-r,0deg));transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .3s ease}
.support-launch:before{content:"";position:absolute;inset:0;z-index:-1;background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 56'%3E%3Cpath fill='%233182f6' d='M22 3Q26 1 30 3L46 12Q50 14 50 18V38Q50 42 46 44L30 53Q26 55 22 53L6 44Q2 42 2 38V18Q2 14 6 12Z'/%3E%3C/svg%3E")}
.support-launch svg{width:27px;height:27px;animation:none;transform:translateY(-1px);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover) and (pointer:fine){.support-launch:hover{filter:drop-shadow(0 5px 10px #3182f647)}.support-launch:hover svg{transform:translateY(-2px) scale(1.055)}}
.support-launch:active{transform:scale(.96);transition-duration:.12s}
.support-widget .support-launch:focus-visible{outline:2px solid #3182f6;outline-offset:4px;border-radius:14px}
body:has(dialog[open]) .support-widget{visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.support-launch,.support-launch svg{transition:none!important;animation:none!important;transform:none!important}}
@media(max-width:360px){.support-launch{width:48px;height:52px}.support-launch svg{width:25px;height:25px}}

/* Keep the launcher inset from the mobile canvas and above navigation. */
#supportWidget{right:max(28px,calc((100vw - 480px)/2 + 28px));bottom:calc(196px + env(safe-area-inset-bottom));animation:support-gentle-float 5.5s ease-in-out infinite}
@keyframes support-gentle-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
#supportWidget.support-paused{animation-play-state:paused}
@media(min-width:768px){#supportWidget{right:calc((100vw - 390px)/2 + 28px)}}
@media(max-height:600px){#supportWidget{bottom:calc(196px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){#supportWidget{animation:none!important;transform:none!important}}