/* Palette exported from the actual Flutter light and dark themes. */
:root{color-scheme:light;--brand-seed:#2b49e8;--brand-purple:#4d39fc;--primary:#525a92;--onPrimary:#ffffff;--primaryContainer:#dee0ff;--onPrimaryContainer:#3a4379;--surface:#fbf8ff;--surfaceContainer:#efedf4;--surfaceContainerLow:#f5f2fa;--surfaceContainerHighest:#e4e1e9;--onSurface:#1b1b21;--onSurfaceVariant:#46464f;--outline:#767680;--outlineVariant:#c7c5d0;--error:#ba1a1a;--errorContainer:#ffdad6;--onErrorContainer:#93000a;--scaffold:#fbf8ff}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--brand-seed:#6e85ff;--primary:#bac3ff;--onPrimary:#222c61;--primaryContainer:#394379;--onPrimaryContainer:#dee0ff;--surface:#121318;--surfaceContainer:#1f1f25;--surfaceContainerLow:#1b1b21;--surfaceContainerHighest:#34343a;--onSurface:#e3e1e9;--onSurfaceVariant:#c6c5d0;--outline:#90909a;--outlineVariant:#46464f;--error:#ffb4ab;--errorContainer:#93000a;--onErrorContainer:#ffdad6;--scaffold:#141218}}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--onSurface);background:var(--scaffold);font-synthesis:none}*{box-sizing:border-box}body{margin:0}.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 32px;background:var(--surface);border-bottom:1px solid var(--outlineVariant)}.brand strong{font-size:23px;letter-spacing:-.8px}.logo{background:transparent;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:750}.subtle{color:var(--onSurfaceVariant);line-height:1.6}#connection{margin-left:auto;font-size:13px;color:var(--onSurfaceVariant)}main{padding:28px}.link-card{max-width:460px;margin:4vh auto;padding:36px;background:var(--surface);border:1px solid var(--outlineVariant);border-radius:20px;box-shadow:0 14px 55px #00000010}.eyebrow{color:var(--primary);font-size:10px;letter-spacing:1.7px;font-weight:750}h1{font-size:30px;letter-spacing:-1px;margin:16px 0}h2{font-size:19px;margin:0}label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}input,textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid var(--outline);border-radius:9px;background:var(--surface);color:inherit}input:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:1px}button{font:inherit;font-size:14px;font-weight:600;padding:12px 18px;background:var(--primary);color:var(--onPrimary);border:0;border-radius:9px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}form>button{margin-top:20px;width:100%}.secondary{background:var(--primaryContainer);color:var(--onPrimaryContainer)}.small{font-size:12px}#qr{display:block;margin:22px auto;max-width:100%;height:auto}#digits{display:block;text-align:center;font-size:38px;letter-spacing:9px;font-weight:700;margin:28px 0}#confirm{width:100%}#error{color:var(--onErrorContainer);background:var(--errorContainer);border:1px solid var(--errorContainer);border-radius:8px;padding:14px 18px;max-width:800px;margin:16px auto}.messenger{display:grid;grid-template-columns:310px 1fr;max-width:1250px;height:calc(100dvh - 132px);min-height:420px;margin:auto;border:1px solid var(--outlineVariant);border-radius:16px;overflow:hidden;background:var(--surface)}aside{padding:22px 16px;border-right:1px solid var(--outlineVariant);display:flex;flex-direction:column;gap:16px;min-height:0}.sidebar-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-title button{font-size:12px;padding:9px 11px}nav{overflow:auto;flex:1}nav button{display:block;width:100%;text-align:left;background:transparent;color:var(--onSurface);border-radius:8px;margin:4px 0;padding:14px 12px}nav button.active{background:var(--primaryContainer)}nav small{display:block;color:var(--onSurfaceVariant);font-size:12px;font-weight:400;margin-top:5px}.conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.conversation>header{padding:21px 26px;border-bottom:1px solid var(--outlineVariant)}.conversation>header p{margin:4px 0 0;font-size:12px}#messages{padding:24px;overflow:auto;flex:1;background:var(--surfaceContainerLow);display:flex;flex-direction:column;gap:12px}.bubble{max-width:75%;padding:12px 15px;border-radius:13px;background:var(--surface);border:1px solid var(--outlineVariant);white-space:pre-wrap;overflow-wrap:anywhere;align-self:flex-start}.bubble.outgoing{background:var(--primaryContainer);border-color:var(--primaryContainer);align-self:flex-end}.bubble small{display:block;text-align:right;font-size:10px;color:var(--onPrimaryContainer);margin-top:8px}#composer{display:flex;gap:12px;align-items:flex-end;padding:18px 22px;border-top:1px solid var(--outlineVariant)}#composer button{width:auto;margin:0}textarea{resize:none;max-height:150px;line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:700px){main{padding:12px}.brand{padding:0 18px;height:64px}.link-card{padding:25px;margin:3vh auto}.messenger{height:calc(100dvh - 88px);grid-template-columns:145px 1fr}aside{padding:14px 8px;gap:12px}.sidebar-title{display:block}.sidebar-title button{margin-top:10px}aside input{padding:9px;font-size:12px}nav button{font-size:12px;padding:12px 8px}.conversation>header{padding:18px 14px}#messages{padding:12px}.bubble{max-width:95%;font-size:14px}#composer{padding:12px;gap:6px}#composer button{padding:12px 10px}}

.logo{object-fit:contain}.bubble small.read{color:var(--brand-purple)}