:root{--bg:#edf1f9;--sd:#c7cfe2;--sl:#fff;--navy:#0f2557;--blue:#1d3f9e;--red:#ee2e4a;--red2:#c91f3a;--mute:#56648f}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%;margin:0;overflow:hidden}
body{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg);color:var(--navy);
font:600 13px/1.3 "Segoe UI",system-ui,-apple-system,Roboto,sans-serif;overscroll-behavior:none;
user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
svg{display:block}
.ia{stroke:var(--navy)}.ib{stroke:var(--red)}.ia,.ib{stroke-width:1.9}
.top{display:flex;align-items:center;gap:10px;padding:10px 16px;flex:0 0 auto;position:relative;z-index:5;
background:var(--bg);box-shadow:0 10px 18px -10px var(--sd);overflow-x:auto}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto;min-width:0;text-decoration:none}
.brand svg{width:38px;height:38px;flex:none}
.brand b{font-size:16px;font-weight:800;color:var(--navy);white-space:nowrap}
.brand b i{font-style:normal;color:var(--red)}
.tools{display:flex;gap:10px;align-items:center;flex:none}
.sep{width:2px;height:24px;border-radius:2px;background:var(--sd);margin:0 2px}
@media(max-width:520px){.top{gap:6px;padding:8px 10px}.tools{gap:5px}.brand b{display:none}.brand svg{width:34px;height:34px}.tools .tbtn{width:36px;height:36px}.tools .tbtn svg{width:19px;height:19px}#btnRoom{height:36px;padding:0 10px;gap:6px}}
@media(max-width:440px){.brand{display:none}.sep{display:none}.tools{margin:0 auto}}