html, body { height: 100%; }
body { overscroll-behavior: none; }
.field { width: 100%; border-radius: 0.5rem; border: 1px solid rgb(63 63 70); background: rgb(24 24 27); padding: 0.75rem 1rem; color: rgb(244 244 245); outline: none; font-size: 16px; }
.field:focus { border-color: rgb(34 211 238); }
.touch-btn { min-height: 44px; border-radius: 0.5rem; padding: 0.65rem 0.9rem; }
.action-btn { min-height: 48px; border-radius: 0.5rem; border: 1px solid rgb(63 63 70); padding: 0.75rem; background: rgb(24 24 27); font-weight: 600; }
.tab { white-space: nowrap; border-radius: 999px; border: 1px solid rgb(63 63 70); padding: 0.55rem 0.9rem; color: rgb(212 212 216); }
.tab.active { border-color: rgb(34 211 238); background: rgba(8, 145, 178, 0.18); color: rgb(207 250 254); }
#terminal { padding: 0.5rem; background: #050505; }
#terminal .xterm { height: 100%; }
dialog::backdrop { background: rgba(0,0,0,0.72); }