:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f6f3;--surface:#fff;--text:#1d1f1e;--muted:#5d6360;--line:#d9dcd8;--accent:#2f6f5e;--accent-text:#fff;--danger:#a3322a;--own:#e6efe9;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-8:32px;--radius:10px;--radius-small:6px;--control:44px;--mark:2px;--hidden-size:1px;--ring-offset:1px;--font-brand:2rem;--font-h1:1.5rem;--font-bar-brand:1.4rem;--font-h2:1.25rem;--font-chat-title:1.1rem;--font-body:1rem;--font-small:.9rem;--font-aside:.85rem;--font-code:.9em;--tracking-brand:-.02em;--tracking-key:.05em;--width-narrow:420px;--width-wide:960px;--width-chat:820px;--width-list:280px;--width-qr:200px;--width-time:13rem;--height-screen:100dvh;--height-placeholder-own:40px;--height-placeholder-answer:64px;--height-placeholder-card:128px;--height-composer:40dvh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#151716;--surface:#1e2120;--text:#e8eae8;--muted:#a2a8a5;--line:#333836;--accent:#6cb39c;--accent-text:#0f1311;--danger:#f08a80;--own:#24302b}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--text);margin:0}body{min-height:var(--height-screen);overflow-wrap:anywhere}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.2}h1{font-size:var(--font-h1);margin:var(--space-2) 0 var(--space-4)}h2{font-size:var(--font-h2)}h3{font-size:var(--font-body);margin-top:var(--space-5)}h1:focus{outline:none}a{color:var(--accent)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-code)}pre{padding:var(--space-3);overflow-x:auto}label{margin-bottom:var(--space-4);font-weight:500;display:block}input,select,textarea{width:100%;min-height:var(--control);margin-top:var(--space-1);padding:var(--space-2) var(--space-3);font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-small);display:block}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:var(--ring-offset)}button{font:inherit;padding:var(--space-2) var(--space-4);min-height:var(--control);border:1px solid var(--accent);border-radius:var(--radius-small);background:var(--accent);color:var(--accent-text);cursor:pointer;white-space:nowrap;overflow-wrap:normal}button.quiet{color:var(--accent);background:0 0}button.danger{border-color:var(--danger);color:var(--danger);background:0 0}button:disabled{opacity:.6;cursor:default}.error{color:var(--danger);margin:0 0 var(--space-4)}.error:empty{margin:0}.muted{color:var(--muted)}.notice{background:var(--own);border-radius:var(--radius-small);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-4)}.brand{font-size:var(--font-brand);color:var(--accent);letter-spacing:var(--tracking-brand)}.card,.entries,.message.answer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card{padding:var(--space-5);margin-bottom:var(--space-4)}.card button[type=submit]{width:100%}pre,.key,.link{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-small)}.users,.entries,.chat-list ul{margin:0;padding:0;list-style:none}.bar .who,.chat-list a,.chat-head h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar nav a,.chat-head .back,.chat-list a{line-height:var(--control);white-space:nowrap}.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.waiting{gap:var(--space-4);visibility:hidden;animation:0s .5s forwards appear;display:grid}@keyframes appear{to{visibility:visible}}.placeholder{height:var(--space-5);border-radius:var(--radius-small);background:var(--line);animation:1.4s ease-in-out infinite pulse}.placeholder.own{height:var(--height-placeholder-own);border-radius:var(--radius);margin-left:15%}.placeholder.answer{height:var(--height-placeholder-answer);border-radius:var(--radius)}.placeholder.card{height:var(--height-placeholder-card);border-radius:var(--radius)}.placeholder.line{width:40%;height:var(--space-4)}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.placeholder{animation:none}}.visually-hidden{width:var(--hidden-size);height:var(--hidden-size);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.logged-in{min-height:var(--height-screen);grid-template-rows:auto auto 1fr;display:grid}.logged-in>:last-child{grid-row:3}.backup-banner{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);background:var(--surface);color:var(--danger)}.bar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;display:flex}.bar .brand{font-size:var(--font-bar-brand);margin:0 var(--space-2) 0 0}.bar nav{gap:var(--space-3);flex:1;display:flex}.bar nav a{padding:0 var(--space-1);color:var(--muted);text-decoration:none}.bar nav a[aria-current=page]{color:var(--text);border-bottom:var(--mark) solid var(--accent)}.bar .who{color:var(--muted)}.bar .error{margin:0}@media (width<640px){.bar nav{flex-basis:100%;order:3}.bar .who{min-width:0;margin-left:auto}}.narrow{max-width:var(--width-narrow);padding:var(--space-8) var(--space-4);margin:0 auto}.wide{max-width:var(--width-wide);padding:var(--space-4);margin:0 auto}.narrow .brand{margin:var(--space-2) 0 var(--space-4);font-weight:700;line-height:1.2}.narrow h1{font-size:var(--font-h2);margin:0 0 var(--space-3)}.narrow h2{font-size:var(--font-body);margin-top:var(--space-5)}.ways{padding-left:var(--space-5)}.ways li{margin-bottom:var(--space-3)}.qr{width:var(--width-qr);max-width:100%;height:auto;margin:var(--space-2) 0;border-radius:var(--radius-small);display:block}.key{margin-top:var(--space-1);padding:var(--space-1) var(--space-2);letter-spacing:var(--tracking-key);-webkit-user-select:all;user-select:all;display:inline-block}.once{border-color:var(--accent)}.link{margin:0 0 var(--space-3);padding:var(--space-2);word-break:break-all;-webkit-user-select:all;user-select:all;display:block}.make .fields{gap:0 var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.make .fields{grid-template-columns:2fr 1fr}}.user{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.user.removed{opacity:.6}.state[data-state=locked],.state[data-state=link\ expired]{color:var(--danger)}.entries{margin:0 0 var(--space-4)}.wide>.period{margin-bottom:var(--space-4)}.entry{gap:0 var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);grid-template-columns:1fr auto;display:grid}.entry:last-child{border-bottom:none}.entry time{font-size:var(--font-aside);color:var(--muted);grid-column:1/-1}@media (width>=640px){.entry{grid-template-columns:var(--width-time) 1fr auto}.entry time{grid-column:auto}}.chats{grid-template-columns:var(--width-list) minmax(0, 1fr);display:grid}.chat-list{border-right:1px solid var(--line);min-width:0;padding:var(--space-4);flex-direction:column;display:flex}.chat-list button{width:100%;margin-bottom:var(--space-3)}.chat-list a{padding:0 var(--space-3);border-radius:var(--radius-small);color:var(--text);text-decoration:none;display:block}.chat-list a[aria-current=page]{background:var(--own)}.chat-list .period{padding-top:var(--space-4);font-size:var(--font-small);margin-top:auto}.chat-view{flex-direction:column;min-width:0;display:flex}.chat-head{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);display:flex}.chat-head h1{min-width:0;font-size:var(--font-chat-title);flex:1;margin:0}.chat-head .back{display:none}@media (width>=768px){.chat-list h1{display:none}}@media (width<768px){.chats{grid-template-columns:minmax(0,1fr)}.chat-list{border-right:none}.chats[data-view=list] .chat-view,.chats[data-view=chat] .chat-list{display:none}.chat-head .back{display:inline}}.chat{width:100%;max-width:var(--width-chat);padding:0 var(--space-4);flex-direction:column;flex:1;margin:0 auto;display:flex}.chat .model{margin:var(--space-3) 0 var(--space-1);font-size:var(--font-small)}.messages{padding:var(--space-2) 0 var(--space-4);flex:1}.message{margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius)}.message.own{background:var(--own);white-space:pre-wrap;margin-left:15%}.message.answer>:first-child{margin-top:0}.message.answer>:last-child{margin-bottom:0}.message table{border-collapse:collapse;display:block;overflow-x:auto}.message th,.message td{border:1px solid var(--line);padding:var(--space-1) var(--space-2)}.message .note{margin:var(--space-2) 0 0;font-size:var(--font-small)}.message .stop{margin-top:var(--space-2)}.messages .notice{margin-top:var(--space-3)}.message .error:not(:empty){margin:var(--space-2) 0 0}.no-image{color:var(--muted)}.composer{gap:var(--space-2);padding:var(--space-3) 0 calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--bg);flex-wrap:wrap;align-items:flex-end;display:flex;position:sticky;bottom:0}.composer textarea{resize:vertical;min-width:0;max-height:var(--height-composer);flex:1;margin:0}.composer .keys{font-size:var(--font-aside);flex-basis:100%;margin:0;display:none}@media (pointer:fine){.composer .keys{display:block}}
