#poskb{--poskb-green:#24634e;--poskb-ink:#183b32;--poskb-cream:#f7f6f1;position:fixed;right:20px;bottom:20px;max-width:calc(100% - 40px);z-index:100001;font-family:inherit;font-size:16px;color:var(--poskb-ink);text-align:left;line-height:1.5}#poskb *{box-sizing:border-box}#poskb [hidden]{display:none!important}#poskb button,#poskb input,#poskb textarea{font:inherit}#poskb button,#poskb .poskb-link{cursor:pointer;border-radius:12px;min-height:44px;padding:10px 14px;white-space:normal;text-decoration:none}#poskb button{border:1px solid #d9e0d9;background:#fff;color:var(--poskb-ink)}#poskb button:focus-visible,#poskb a:focus-visible,#poskb input:focus-visible,#poskb textarea:focus-visible,#poskb summary:focus-visible{outline:3px solid #2175b4;outline-offset:3px}#poskb .poskb-launch,#poskb .poskb-form button,#poskb .poskb-link{background:var(--poskb-green);color:#fff!important;border:0;font-weight:600}#poskb .poskb-launch{box-shadow:0 5px 20px #183b3230;border-radius:24px;padding:13px 20px;border:3px solid #ff0000;background:#e60000}#poskb-dialog{width:400px;max-width:calc(100vw - 40px);height:600px;max-height:calc(100dvh - 40px);border:3px solid #ff0000;border-radius:20px;box-shadow:0 10px 48px #0003;background:#fff;display:flex;flex-direction:column;overflow:hidden}#poskb header{background:var(--poskb-cream);display:flex;align-items:flex-start;gap:14px;padding:18px;border-bottom:1px solid #d9e0d9}#poskb header>div{flex:1}#poskb header strong{font-size:19px}#poskb small{display:block;font-size:12px;line-height:1.5;margin-top:7px}#poskb .poskb-close{font-size:28px;line-height:1;width:44px;flex:0 0 44px;padding:4px}#poskb .poskb-log{padding:16px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}#poskb .poskb-message{background:var(--poskb-cream);padding:14px;border-radius:16px;margin:0 0 14px;overflow-wrap:anywhere}#poskb .poskb-message.user{background:#e5eee9;margin-left:24px}#poskb p{margin:0 0 10px;font-size:15px;line-height:1.6}#poskb p:last-child{margin-bottom:0}#poskb .poskb-options{display:flex;flex-wrap:wrap;gap:6px}#poskb .poskb-message button{display:inline-block;margin:4px 4px 4px 0;font-size:14px;text-align:left}#poskb .poskb-link{display:inline-block;margin-top:6px;font-size:14px}#poskb .poskb-form{padding:14px;border-top:1px solid #d9e0d9;margin:0;background:#fff}#poskb .poskb-form label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}#poskb .poskb-form>div{display:flex;gap:6px}#poskb input[type=text],#poskb input:not([type]),#poskb textarea{width:100%;min-width:0;min-height:44px;border:1px solid #aabeb2;background:#fff;padding:10px;border-radius:10px;color:var(--poskb-ink)}#poskb .poskb-form input{flex:1;width:0}#poskb .poskb-form button{flex:0 0 auto}#poskb details{margin-top:16px;border-top:1px solid #d9e0d9;padding-top:10px;font-size:13px}#poskb summary{cursor:pointer;min-height:44px;font-weight:600}#poskb details label{display:block;margin:10px 0;line-height:1.5}#poskb details input{width:auto;min-height:0}#poskb details p{font-size:13px}#poskb button:disabled{opacity:.6;cursor:default}@media(max-width:767px){#poskb{right:12px;max-width:calc(100% - 24px);bottom:max(12px,env(safe-area-inset-bottom))}#poskb-dialog{width:calc(100vw - 24px);max-width:100%;height:560px;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));border-radius:16px}#poskb header{padding:12px}#poskb .poskb-log{padding:12px}#poskb .poskb-form{padding:10px}#poskb input,#poskb textarea{font-size:16px!important}}

@media(max-width:767px){#poskb .poskb-launch{position:relative;width:110px;min-height:32px;padding:3px 6px;border-width:2px;border-radius:18px;font-size:10px;line-height:1.1}#poskb .poskb-launch::after{content:"";position:absolute;inset:-6px 0;border-radius:18px}}

#poskb .poskb-feedback{border-top:1px solid #d9e0d9;margin-top:14px;padding-top:10px}#poskb .poskb-feedback p{font-weight:600;margin-bottom:4px}#poskb .poskb-message>.poskb-link{display:table;max-width:100%}#poskb .poskb-feedback button{font-size:13px;padding:8px 10px}#poskb .poskb-feedback button:disabled{display:none}

/* Native top-layer dialog: usable without dismissing navigation/other overlays first. */
#poskb{z-index:2147483646}
#poskb-dialog{position:fixed;inset:auto 20px 20px auto;margin:0;padding:0;color:var(--poskb-ink);text-align:left;line-height:1.5;font-family:inherit}
#poskb-dialog::backdrop{background:rgb(0 0 0 / .25)}
#poskb .poskb-close{min-width:44px;min-height:44px;touch-action:manipulation}
#poskb .poskb-launch{touch-action:manipulation}
@media(max-width:767px){
 #poskb{bottom:max(16px,env(safe-area-inset-bottom));right:12px}
 #poskb .poskb-launch{width:auto;min-width:110px;min-height:44px;padding:8px 12px;font-size:14px;line-height:1.2}
 #poskb-dialog{left:8px;right:8px;top:calc(var(--poskb-vtop,0px) + 8px);bottom:auto;width:auto;max-width:none;height:calc(var(--poskb-vh,100dvh) - 16px);max-height:calc(var(--poskb-vh,100dvh) - 16px);margin:0;border-radius:16px}
 #poskb .poskb-log{min-height:0;scroll-padding-bottom:12px;-webkit-overflow-scrolling:touch}
 #poskb .poskb-form{flex-shrink:0;padding-bottom:max(10px,env(safe-area-inset-bottom))}
 #poskb header{flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){#poskb *{scroll-behavior:auto!important}}

html:has(#poskb-dialog[open]){overflow:hidden}