#kka-view{min-height:70vh}a[role=link]{cursor:pointer}a[role=link]:focus-visible{outline:3px solid var(--blue,#4739ff);outline-offset:4px}
.kka-spa-status,.kka-sync-status{margin:12px 24px;padding:12px 16px;background:var(--paper,#f8f8f8);color:var(--ink,#231f20);font:16px/1.45 sans-serif;border-radius:10px}
.kka-spa-status[hidden]{display:none}.kka-sync-status button,.kka-back{min-height:44px;padding:10px 16px;background:var(--paper,#fff);color:var(--blue,#4739ff);border:1px solid currentColor;border-radius:9px;font:inherit;cursor:pointer}
.kka-sync-status button{margin:8px}.kka-back{margin:12px 24px}.kka-back[hidden]{display:none}
html[data-kka-in-vk=true] body{padding-top:max(env(safe-area-inset-top,0px),var(--vk-inset-top,0px));padding-bottom:max(env(safe-area-inset-bottom,0px),var(--vk-inset-bottom,0px));padding-left:var(--vk-inset-left,0px);padding-right:var(--vk-inset-right,0px)}
/* Keep native controls clear at every viewport width, including after scrolling.
   A conservative full-width band avoids guessing the native control width. */
html[data-kka-in-vk=true]{--kka-native-top:calc(max(env(safe-area-inset-top,0px),var(--vk-inset-top,0px)) + 56px);scroll-padding-top:calc(var(--kka-native-top) + 90px)}
html[data-kka-in-vk=true] body{padding-top:var(--kka-native-top)}
html[data-kka-in-vk=true] body::before{content:"";position:fixed;inset:0 0 auto;height:var(--kka-native-top);background:var(--paper,#f8f8f8);z-index:10001;pointer-events:none}
html[data-kka-in-vk=true] .site-header{top:var(--kka-native-top);padding-top:0}
html[data-kka-in-vk=true] .kka-back{margin-top:12px}
html[data-kka-in-vk=true] .site-navigation.is-open{top:var(--kka-native-top);padding-bottom:calc(44px + max(env(safe-area-inset-bottom,0px),var(--vk-inset-bottom,0px)))}