:root{color-scheme:dark;--view-height: 100dvh}*{box-sizing:border-box}body{margin:0;background:#17130f;color:#e8d8b5;font:15px Georgia,serif;height:var(--view-height);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column;overflow:hidden}header{display:flex;gap:6px;align-items:center;padding:5px 8px;background:#292017;border-bottom:1px solid #715a38;font-size:12px}header span{margin-right:auto}button,input,select{font:inherit;color:inherit;background:#30261c;border:1px solid #846741;border-radius:4px;padding:8px;touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5}main{margin:auto;width:min(100%,440px);padding:16px;overflow:auto}form,label{display:grid;gap:8px}form{gap:14px}iframe{width:100%;flex:1;border:0;min-height:0;background:#17130f}[hidden]{display:none !important}#catalog button{display:block;width:100%;margin:8px 0}
body{padding-top:max(env(safe-area-inset-top),var(--vk-top,0px));padding-bottom:max(env(safe-area-inset-bottom),var(--vk-bottom,0px))}input,select{min-width:0;width:100%}header{flex-wrap:wrap}iframe{min-width:0}