.brand-story-trigger{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;padding:0;border:3px solid #25d366;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #fff,0 3px 12px #25d36630;cursor:pointer;touch-action:manipulation;overflow:hidden}
.brand-story-trigger .brand-logo{width:44px!important;height:44px!important;object-fit:contain;margin:0;filter:none}
.brand-story-trigger:focus-visible{outline:3px solid #157f42;outline-offset:4px}
.hk-story-viewer{position:fixed;inset:auto;left:var(--story-left,0px);top:var(--story-top,0px);border:0;border-radius:var(--story-radius,0px);padding:0;background:#101715;color:#fff;width:var(--story-width,100%);max-width:100vw;height:var(--story-height,100dvh);max-height:100dvh;margin:0;overflow:hidden;box-shadow:0 20px 100px #0008}
.hk-story-viewer::backdrop{background:rgba(0,0,0,.86)}
.hk-story-viewer[open]{display:flex;flex-direction:column}
.hk-story-progress{display:flex;gap:4px;padding:calc(env(safe-area-inset-top,0px) + 12px) 12px 0;z-index:2}
.hk-story-progress span{flex:1;height:3px;background:#ffffff50;border-radius:4px;overflow:hidden}
.hk-story-progress i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}
.hk-story-top{display:flex;align-items:center;gap:10px;padding:16px 14px;z-index:2}
.hk-story-avatar{width:38px;height:38px;border-radius:50%;padding:5px;background:white;border:2px solid #25d366}
.hk-story-top strong{flex:1;font:600 15px system-ui}
.hk-story-top button{background:#ffffff16;border:0;border-radius:50%;width:38px;height:38px;color:#fff;font-size:22px;cursor:pointer}
.hk-story-stage{flex:1;min-height:0;position:relative;touch-action:pan-y;user-select:none}
.hk-story-stage img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.hk-story-stage img[hidden]{display:none}
.hk-story-nav{position:absolute;top:0;bottom:0;width:30%;border:0;background:transparent;color:transparent;cursor:pointer}
.hk-story-nav:focus-visible{outline:2px solid #25d366;outline-offset:-3px}
.hk-story-prev{left:0}.hk-story-next{right:0;width:70%}
.hk-story-message{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:30px;pointer-events:none;font:16px/1.6 system-ui}
.hk-story-message[hidden]{display:none}
.hk-story-caption{margin:0;padding:20px 24px 8px;text-align:center;font:600 17px/1.5 system-ui;overflow-wrap:anywhere}
.hk-story-hint{margin:0;padding:4px 18px calc(env(safe-area-inset-bottom,0px) + 18px);text-align:center;color:#b3c6bb;font:12px system-ui}
@media(max-width:380px){.brand-story-trigger{width:44px;height:44px}.brand-story-trigger .brand-logo{width:38px!important;height:38px!important}}