.mobile-top,.mobile-heading,.mobile-nav{display:none}
body.mobile-ui .app{width:100%;min-height:100dvh;margin:0;padding:0 14px calc(88px + env(safe-area-inset-bottom))}
body.mobile-ui .app>header{display:none}
body.mobile-ui .mobile-top{display:flex;position:sticky;top:0;z-index:4;align-items:center;justify-content:space-between;height:calc(62px + env(safe-area-inset-top));margin:0 -14px;padding:env(safe-area-inset-top) 16px 0;background:#10161a;border-bottom:1px solid var(--line)}
.mobile-brand{display:flex;align-items:center;gap:10px}.mobile-brand>span:last-child{display:flex;flex-direction:column}.mobile-brand b{font-size:16px}.mobile-brand small{margin-top:2px;color:var(--muted);font-size:10px}.mobile-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:var(--green-dark);color:var(--green);font:700 13px ui-monospace,monospace}.mobile-state{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.mobile-state i{width:7px;height:7px;border-radius:50%;background:var(--green)}
body.mobile-ui .mobile-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:24px 2px 15px}.mobile-heading span{color:var(--green);font-size:10px;font-weight:800}.mobile-heading h1{margin:3px 0 0;font-size:25px}.mobile-add{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:7px;background:var(--green);color:#07120e;font-size:27px;line-height:1}
body.mobile-ui .summary{height:42px;margin:0 0 12px;font-size:12px;border-top:1px solid var(--line)}body.mobile-ui .host-list{gap:9px}body.mobile-ui .host{min-height:72px;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;padding:12px}body.mobile-ui .host-icon{width:44px;height:44px}body.mobile-ui .host-main b{font-size:15px}body.mobile-ui .host-main span{font-size:12px}body.mobile-ui .edit{font-size:22px;padding:10px 4px}body.mobile-ui .empty{padding:60px 18px}
body.mobile-ui .mobile-nav{display:grid;position:fixed;z-index:5;left:0;right:0;bottom:0;grid-template-columns:repeat(4,1fr);min-height:calc(66px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);background:#11171b;border-top:1px solid var(--line)}.mobile-nav button{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--muted);font-size:10px}.mobile-nav button b{font:700 18px ui-monospace,monospace}.mobile-nav button.active{color:var(--green)}
body.mobile-ui dialog{width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;border-radius:8px 8px 0 0;border-bottom:0}body.mobile-ui dialog form{max-height:90dvh;overflow:auto;padding-bottom:calc(18px + env(safe-area-inset-bottom))}body.mobile-ui .terminal-head{height:52px}