.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))}}