#spinner{display:none;width:40px;height:40px;border:3px solid #ccc;border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box}:root{--topbar-h:56px;--composer-h:64px }body,html{height:100%;margin:0;overflow:hidden}body{font-family:Arial,sans-serif}#app{display:flex;height:100vh;width:100%;overflow:hidden}#sidebar{width:320px;max-width:85vw;background-color:#1e3a8a;color:#fff;border-right:2px solid #000;overflow-y:auto;-webkit-overflow-scrolling:touch}#content{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}#messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;overscroll-behavior:contain}#composer{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(0,0,0,.2);z-index:9999}#composer input,#composer textarea{flex:1;min-width:0;font-size:16px;padding:10px}#composer button{padding:10px 12px}#menuBtn{display:none}#error{background-color:rgba(250,79,67,.25);border:1px solid rgba(0,0,0,.55);border-radius:5%;padding:10px}@media (max-width:900px){#sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-105%);transition:transform .22s ease;z-index:99999;box-shadow:8px 0 20px rgba(0,0,0,.25)}#sidebar.open{transform:translateX(0)}#overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:99998}#overlay.show{display:block}#topbar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.15);position:fixed;background:#fff;flex:0 0 auto;z-index:9999;top:0;left:0;right:0;height:var(--topbar-h)}body,html{height:100%;margin:0;overflow:hidden}#content{height:100vh;display:flex;flex-direction:column}#composer{bottom:0;height:var(--composer-h);z-index:9999;background:#fff;border-top:1px solid rgba(0,0,0,.15);display:flex;align-items:center;gap:8px;padding:10px 12px}#composer,#messages{position:fixed;left:0;right:0}#messages{top:var(--topbar-h);bottom:var(--composer-h);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px}#menuBtn{display:inline-flex;align-items:center;justify-content:center;font-size:18px;padding:8px 10px}}.nipa-msg{background-color:rgba(103,226,240,.25);text-align:left}.nipa-msg,.user-msg{border:1px solid rgba(0,0,0,.55);border-radius:5%;padding:10px}.user-msg{background-color:rgba(108,240,105,.25);text-align:right}