:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101318;color:#edf1f7}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:1rem}header{display:flex;gap:1rem;align-items:center;border-bottom:1px solid #303744;padding-bottom:.8rem}header h1{margin-right:auto;font-size:1.1rem}.layout{display:grid;grid-template-columns:240px 1fr;gap:1rem;margin-top:1rem}nav,.conversation-head,.composer,.snapshot-shell{background:#171c24;border:1px solid #303744;border-radius:10px;padding:1rem}nav h2,.conversation h2{font-size:1rem;margin:.1rem 0 .8rem}.session{display:block;width:100%;color:inherit;background:none;border:0;border-bottom:1px solid #303744;padding:.7rem .2rem;text-align:left;cursor:pointer}.session.selected{background:#26334a}.status-online{color:#8de1a3}.status-stale{color:#f4cf72}.status-offline{color:#ee8c8c}.snapshot-shell{min-height:50vh;position:relative;overflow:hidden}.snapshot-shell iframe{display:block;width:100%;height:60vh;border:0;background:#fff}.conversation-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:.7rem}.conversation-head h2{margin-right:auto}.composer{margin-top:.7rem}.composer label{display:block;font-size:.85rem}.composer textarea{display:block;width:100%;margin:.4rem 0;background:#0e1116;color:inherit;border:1px solid #4a5568;border-radius:6px;padding:.7rem}.composer-row{display:flex;align-items:center;gap:1rem}.composer-row span{font-size:.85rem;margin-right:auto}.login{max-width:360px;margin:15vh auto;padding:2rem;background:#171c24;border:1px solid #303744;border-radius:10px}.login input{display:block;width:100%;margin:.4rem 0 1rem;padding:.7rem;background:#0e1116;color:inherit;border:1px solid #4a5568;border-radius:6px}button{border:1px solid #596a83;background:#26334a;color:inherit;border-radius:6px;padding:.55rem .9rem;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}#login-error{color:#ee8c8c;min-height:1.2em}@media(max-width:700px){.layout{grid-template-columns:1fr}nav{order:0}.snapshot-shell iframe{height:55vh}}