:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:light dark}*{box-sizing:border-box}body{margin:0}main:not(.chat){padding:2rem 1rem;max-width:480px;margin:0 auto}main.chat{display:flex;flex-direction:column;height:100dvh;max-width:720px;margin:0 auto}.chat-header{display:flex;justify-content:space-between;align-items:baseline;padding:.75rem 1rem;border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent)}.chat-header h1{margin:0;font-size:1.125rem}.build{font-size:.75rem;font-weight:400;opacity:.6;margin-left:.4rem}.status{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.dot{width:.5rem;height:.5rem;border-radius:50%;display:inline-block}.dot.connected{background:#2ea043}.dot.disconnected{background:#d1242f}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.msg{max-width:80%;padding:.5rem .75rem;border-radius:.5rem;background:color-mix(in srgb,currentColor 8%,transparent);align-self:flex-start}.msg.mine{align-self:flex-end;background:color-mix(in srgb,#2563eb 70%,transparent);color:#fff}.msg .meta{font-size:.75rem;opacity:.75;display:flex;justify-content:space-between;gap:1rem;margin-bottom:.125rem}.msg .body{white-space:pre-wrap;word-wrap:break-word}.composer{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent)}.composer input{flex:1;padding:.5rem .75rem;font:inherit;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:.25rem;background:transparent;color:inherit}.composer button{padding:.5rem 1rem;font:inherit;border:none;background:#2563eb;color:#fff;border-radius:.25rem;cursor:pointer}.composer button:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-block;padding:.5rem 1rem;background:#2563eb;color:#fff;text-decoration:none;border:none;border-radius:.25rem;font:inherit;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.link-btn{background:none;border:none;color:#2563eb;font:inherit;cursor:pointer;padding:0;text-decoration:underline}.link-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:inherit;padding:0 .25rem}.error{color:#d1242f}.muted{opacity:.7}.invites-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,black 40%,transparent);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.invites-panel{background:Canvas;color:CanvasText;border-radius:.5rem;padding:1rem;width:min(100%,480px);max-height:80dvh;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.invites-header{display:flex;justify-content:space-between;align-items:center}.invites-header h2{margin:0;font-size:1.125rem}.invites-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.invites-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:.25rem}.invite-meta{display:flex;flex-direction:column;gap:.125rem;font-size:.875rem}.fresh-invite{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid color-mix(in srgb,#2563eb 50%,transparent);border-radius:.25rem;background:color-mix(in srgb,#2563eb 10%,transparent)}.fresh-invite p{margin:0;font-size:.875rem}.fresh-invite-row{display:flex;gap:.5rem}.fresh-invite-row input{flex:1;padding:.375rem .5rem;font:inherit;font-size:.8125rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:.25rem;background:transparent;color:inherit}