html,body{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}.app-side{box-sizing:border-box;flex-direction:column;height:100%;display:flex}.app-side-nav{min-height:0;padding:0 var(--space-3) var(--space-2);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.app-side-nav>*{flex:none}.app-side-foot{gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--border);flex-direction:column;flex:none;display:flex}.app-skeleton{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.app-skeleton-row{column-gap:var(--space-2);padding:6px var(--space-2);grid-template-columns:24px 1fr;row-gap:6px;display:grid}.app-skeleton-dot{border-radius:var(--radius-full);background:var(--surface-muted);width:24px;height:24px}.app-skeleton-bar{border-radius:var(--radius-full);background:var(--surface-muted);height:12px}.app-skeleton-bar-short{width:45%}.app-skeleton-bar-long{grid-column:2;width:80%}.app-skeleton-bubble{border-radius:var(--radius-lg);background:var(--surface-muted);width:min(78%,560px);height:96px}.auth-page{min-height:100%;padding:var(--space-6);box-sizing:border-box;place-items:center;display:grid}.auth-panel{width:min(100%,400px)}.auth-form{gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.auth-lead{color:var(--ink-muted);margin:0;font-size:14px;line-height:20px}.auth-actions{gap:var(--space-3);padding-top:var(--space-2);flex-direction:column;display:flex}.auth-switch{color:var(--ink-muted);font-size:13px}.app-auto-away{left:64px;bottom:var(--space-4);z-index:50;width:340px;box-shadow:var(--shadow-popover);border-radius:var(--radius-lg);position:fixed}.app-auto-away-text{align-items:flex-start;gap:var(--space-2);display:flex}