.koko-connection-banner{position:fixed;inset:auto 16px calc(85px + env(safe-area-inset-bottom)) 16px;z-index:5000;background:#fff0ce;color:#573e13;padding:14px 20px;border:1px solid #c6a756;border-radius:12px;text-align:center;font:500 14px/1.5 system-ui;box-shadow:0 4px 18px #0002}.koko-connection-banner[hidden]{display:none!important}.koko-app-dialog{max-width:500px;width:calc(100% - 32px);padding:30px;border:1px solid #d9e1d7;border-radius:20px;background:#fffefa;color:#24372f;font:16px/1.6 system-ui}.koko-app-dialog::backdrop{background:#132e2877}.koko-app-dialog h2{font-size:25px;margin:0 0 15px}.koko-app-dialog p{margin:14px 0!important}.koko-app-note{font-size:13px;color:#596b61}.koko-app-dialog button{padding:12px 20px;background:#176d63;color:white;border:0;border-radius:10px;cursor:pointer;font:600 15px system-ui}.koko-app-dialog :focus-visible{outline:3px solid #177765;outline-offset:4px}
@media(display-mode:standalone){.ui-preview-strip{display:none!important}.ui-studio{padding-top:calc(110px + env(safe-area-inset-top))}.ui-studio .ui-topbar{top:0;padding-top:env(safe-area-inset-top);height:calc(82px + env(safe-area-inset-top))}.ui-studio .ui-navigation{top:calc(82px + env(safe-area-inset-top))}}
@media(display-mode:standalone) and (max-width:760px){.ui-studio{padding-top:calc(88px + env(safe-area-inset-top))}.ui-studio .ui-topbar{height:calc(65px + env(safe-area-inset-top))}.ui-studio .ui-navigation{top:calc(65px + env(safe-area-inset-top))}}
/* Only the exact staging origin adds these classes. This is a visual label,
   not access protection, and does not replace the server's no-store/noindex. */
#koko-staging-notice{box-sizing:border-box;position:fixed;inset:0 0 auto;z-index:9000;display:block;margin:0;padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));border:0;border-bottom:1px solid #bda05b;background:#fff1cc;color:#503900;text-align:center;font:700 13px/1.4 system-ui,sans-serif;letter-spacing:.02em;pointer-events:none}
.koko-staging-layout body{margin-top:calc(var(--koko-staging-body-margin,0px) + var(--koko-staging-height,36px))!important}
.koko-staging-layout .ui-topbar{top:calc(var(--koko-staging-topbar-top,0px) + var(--koko-staging-height,36px))!important}
.koko-staging-layout .ui-navigation{top:calc(var(--koko-staging-sidebar-top,82px) + var(--koko-staging-height,36px))!important}
.koko-staging-layout .ui-skip:focus{top:calc(var(--koko-staging-height,36px) + 8px)!important}
@media print{#koko-staging-notice{position:static;print-color-adjust:exact}.koko-staging-layout body{margin-top:0!important}}