:root{
    --bg:#000000;
    --sidebar:#000000;
    --panel:#000000;
    --panel-2:#252525;
    --hover:#2f2f2f;
    --active:#343541;
    --border:rgba(255,255,255,.12);
    --text:#ececec;
    --muted:#a7a7a7;
    --blue:#8ec5ff;
    --blue-strong:#69b6ff;
    --danger:#ff8d8d;
    --sidebar-width:286px;
    --composer-width:650px;
    font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

*{box-sizing:border-box}

html,body{
    margin:0;
    width:100%;
    height:100dvh;
    background:var(--bg);
    color:var(--text);
    overflow:hidden;
    overscroll-behavior:none;
}

button,textarea,input{font:inherit}
button{color:inherit}
button:focus-visible,textarea:focus-visible{outline:2px solid rgba(142,197,255,.65);outline-offset:2px}

#app-shell{
    height:100dvh;
    width:100%;
    display:flex;
    overflow:hidden;
}