body.lv-app-navigation { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
.lv-app-bottom { position:fixed; inset:auto 0 0; z-index:1040; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); background:var(--bg-elev,#101a2b); color:var(--text,#edf1f6); border-top:1px solid var(--border,#334155); box-shadow:0 -5px 20px #0002; }
.lv-app-bottom a,.lv-app-bottom button { min-width:0; min-height:48px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; padding:4px; border:0; border-radius:9px; background:transparent; color:inherit; text-decoration:none; font:600 12px/1.3 system-ui,sans-serif; cursor:pointer; }
.lv-app-bottom [aria-hidden]:not(svg) { font-size:23px; line-height:24px; }
.lv-app-bottom :is(a,button):hover { background:var(--border,#334155); }
.lv-app-bottom button:disabled { opacity:.4; cursor:default; }
.lv-app-bottom :focus-visible,.lv-area-heading button:focus-visible { outline:3px solid #edcd80; outline-offset:-3px; }
.lv-area { padding:0; margin:0; border:0; inset:0; width:100%; max-width:none; height:100vh; height:100dvh; max-height:none; background:var(--bg,#0b1220); color:var(--text,#edf1f6); }
.lv-area[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto auto; }
.lv-area::backdrop { background:#0b1220; }
html.lv-area-open { overflow:hidden; }
.lv-area-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left)); padding-top:calc(10px + env(safe-area-inset-top)); border-bottom:1px solid var(--border,#334155); background:var(--bg-elev,#101a2b); }
.lv-area-heading small { font:500 12px/1.5 system-ui,sans-serif; color:var(--muted,#adb8c9); }
.lv-area-heading h2 { margin:0; font:600 18px/1.4 system-ui,sans-serif; }
.lv-area-heading button { background:transparent; color:inherit; border:1px solid var(--border,#334155); border-radius:9px; padding:10px 13px; min-height:44px; }
.lv-area-heading button span { font-size:20px; padding-left:6px; }
.lv-area-content { position:relative; min-height:0; }
.lv-area-content iframe { width:100%; height:100%; display:block; border:0; background:var(--bg,#0b1220); }
.lv-area-status { position:absolute; top:12px; left:50%; transform:translateX(-50%); z-index:1; margin:0; padding:9px 15px; border-radius:10px; background:var(--bg-elev,#101a2b); color:var(--text,#edf1f6); font:500 13px/1.5 system-ui,sans-serif; pointer-events:none; }
.lv-area-status[hidden],.lv-area-picker[hidden] { display:none; }
.lv-area-bottom { position:static; box-shadow:none; }
.lv-area-picker { max-height:40dvh; overflow:auto; border-top:1px solid var(--border,#334155); padding:8px; }
.lv-area-picker .ln-reading-nav { margin:0; }
@media(min-width:900px) { .lv-app-bottom { padding-left:max(12px,calc((100vw - 800px)/2)); padding-right:max(12px,calc((100vw - 800px)/2)); } }