/* Mobile gesture feedback does not move the content, caret or fixed navigation. */
.kimia-gesture-hint { position:fixed; z-index:380; pointer-events:none; display:flex; align-items:center; gap:8px; padding:10px 15px; max-width:calc(100vw - 40px); border:1px solid var(--kimia-border); border-radius:16px; background:var(--kimia-panel); color:var(--kimia-text); box-shadow:0 8px 24px #16382b22; font-size:13px; top:calc(68px + env(safe-area-inset-top)); left:50%; transform:translateX(-50%); }
.kimia-gesture-hint[hidden] { display:none; }
.kimia-gesture-hint svg,.kimia-page-refresh svg { width:20px; height:20px; flex:none; }
.kimia-gesture-hint[data-mode=back] { top:45%; left:4px; border-radius:0 18px 18px 0; }
.kimia-gesture-hint[data-ready=true] { background:var(--kimia-accent-surface); border-color:var(--kimia-accent); color:var(--kimia-accent); }
.kimia-page-refresh { flex:none; display:inline-grid; place-items:center; width:44px; height:44px; border:1px solid var(--kimia-border); border-radius:12px; background:var(--kimia-panel); color:var(--kimia-accent); cursor:pointer; }
.kimia-page-refresh:hover { background:var(--kimia-accent-surface); }
.kimia-page-bar:has(>[data-app-refresh]) { gap:8px; }
.kimia-page-bar:has(>[data-app-refresh]) .kimia-page-bar__identity { flex:1; }
.kimia-page-refresh:focus-visible { outline:3px solid var(--kimia-accent); outline-offset:3px; }
.kimia-navigation-guard { width:min(440px,calc(100vw - 32px)); box-sizing:border-box; border:1px solid var(--kimia-border); border-radius:22px; background:var(--kimia-panel); color:var(--kimia-text); padding:24px; }
.kimia-navigation-guard::backdrop { background:#10242f88; }
.kimia-navigation-guard h2 { font-size:19px; margin:0 0 12px; }
.kimia-navigation-guard p { font-size:14px; line-height:1.9; margin:0 0 20px; }
.kimia-navigation-guard>div { display:flex; gap:10px; flex-wrap:wrap; }
.kimia-navigation-guard button { min-height:48px; flex:1 1 150px; }
.kimia-gesture-hint { animation:kimia-gesture-enter 120ms ease-out; }
@keyframes kimia-gesture-enter { from { opacity:0; } to { opacity:1; } }
@media(min-width:901px) { .kimia-gesture-hint { display:none; } }
@media(prefers-reduced-motion:reduce) { .kimia-gesture-hint { animation:none; transform:none!important; left:20px; } }
html[data-kimia-reduce-motion=true] .kimia-gesture-hint { animation:none; transform:none!important; left:20px; }