:root{--bonito-shell-ink:#17383e;--bonito-shell-muted:#73807c;--bonito-shell-line:rgba(23,56,62,.10);--bonito-shell-active:#17383e;--bonito-shell-yellow:#ffd56a}
body.bonito-has-unified-dock{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
.bonito-app-dock{position:fixed;z-index:950;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(760px,calc(100% - 18px));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:7px;border:1px solid var(--bonito-shell-line);border-radius:25px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 16px 48px rgba(23,56,62,.16)}
.bonito-app-dock a{position:relative;min-width:0;min-height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 2px;border-radius:17px;color:var(--bonito-shell-muted);text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:850;-webkit-tap-highlight-color:transparent;transition:background .18s ease,color .18s ease,transform .12s ease}
.bonito-app-dock a:active{transform:scale(.96)}
.bonito-app-dock a.is-active{background:var(--bonito-shell-active);color:#fff}
.bonito-app-dock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bonito-app-dock span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.05;letter-spacing:-.01em}
.bonito-app-help{position:fixed;z-index:951;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--bonito-shell-line);border-radius:18px;background:#fff;color:var(--bonito-shell-ink);text-decoration:none;box-shadow:0 10px 28px rgba(23,56,62,.14);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.bonito-app-help b{font-size:18px;line-height:1}.bonito-app-help span{font-size:7px;font-weight:900}
.bonito-has-unified-dock .client-app-dock,.bonito-has-unified-dock .bonito-subnav,.bonito-has-unified-dock .store-dock{display:none!important}
.bonito-has-unified-dock .ab-dock{display:none!important}
.bonito-has-unified-dock .ab-composer{bottom:calc(83px + env(safe-area-inset-bottom))!important}
.bonito-has-unified-dock .ab-app{padding-bottom:calc(155px + env(safe-area-inset-bottom))!important}
.bonito-has-unified-dock .ab-topbar.has-app-shell{grid-template-columns:44px 1fr 44px 44px}
.bonito-has-unified-dock .ab-saved-top{font-size:22px;font-weight:800}
.bonito-splash{position:fixed;z-index:4000;inset:0;display:grid;place-items:center;background:#fff;color:var(--bonito-shell-ink);opacity:1;visibility:visible;transition:opacity .34s ease,visibility .34s ease,transform .34s cubic-bezier(.2,.75,.2,1);transform:scale(1)}
.bonito-splash.is-leaving{opacity:0;visibility:hidden;transform:scale(1.035)}
.bonito-splash-card{width:min(330px,84vw);display:flex;flex-direction:column;align-items:center;text-align:center}
.bonito-splash-card>img{width:190px;height:132px;object-fit:contain;animation:bonitoLogoIn .55s cubic-bezier(.2,.8,.2,1) both}
.bonito-splash-card>strong{margin-top:8px;font:950 45px/.95 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.08em}
.bonito-splash-card>small{margin-top:10px;color:#7a8883;font:900 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.34em;padding-left:.34em}
.bonito-splash-route{position:relative;width:190px;height:54px;margin-top:22px}
.bonito-splash-route:before{content:"";position:absolute;left:12px;right:18px;top:29px;border-top:2px dashed #d9d5c8;transform:rotate(-4deg)}
.bonito-splash-route i{position:absolute;top:24px;width:9px;height:9px;border-radius:50%;background:#dfe8e3;animation:bonitoRoute 1.15s ease-in-out infinite}.bonito-splash-route i:nth-child(1){left:20px}.bonito-splash-route i:nth-child(2){left:86px;animation-delay:.15s}.bonito-splash-route i:nth-child(3){right:29px;animation-delay:.3s}
.bonito-splash-route em{position:absolute;right:4px;top:4px;width:32px;height:32px;display:grid;place-items:center;border-radius:50% 50% 50% 12px;transform:rotate(45deg);background:var(--bonito-shell-yellow);color:#fff;font-style:normal;font-size:13px;box-shadow:0 8px 20px rgba(218,168,47,.18)}
.bonito-splash-route em::first-letter{transform:rotate(-45deg)}
.bonito-splash-card p{margin:16px 0 0;font:850 14px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.bonito-splash-dots{display:flex;gap:8px;margin-top:16px}.bonito-splash-dots i{width:8px;height:8px;border-radius:50%;background:#dbe4df;animation:bonitoDot 1s ease-in-out infinite}.bonito-splash-dots i:first-child{background:var(--bonito-shell-ink)}.bonito-splash-dots i:nth-child(2){animation-delay:.13s}.bonito-splash-dots i:nth-child(3){animation-delay:.26s}
@keyframes bonitoLogoIn{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes bonitoRoute{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-4px);opacity:1}}@keyframes bonitoDot{0%,100%{transform:scale(.75);opacity:.45}50%{transform:scale(1);opacity:1}}
@media(max-width:430px){.bonito-app-dock{width:calc(100% - 12px);bottom:calc(5px + env(safe-area-inset-bottom));padding:5px;gap:1px;border-radius:22px}.bonito-app-dock a{min-height:53px;border-radius:15px}.bonito-app-dock svg{width:20px;height:20px}.bonito-app-dock span{font-size:8px}.bonito-app-help{right:9px;bottom:calc(78px + env(safe-area-inset-bottom));width:45px;height:45px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){.bonito-splash,.bonito-splash *{animation:none!important;transition:none!important}.bonito-app-dock a{transition:none}}