:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#eee);--border:var(--lightningcss-light,#ddd)var(--lightningcss-dark,#333);--muted:var(--lightningcss-light,#666)var(--lightningcss-dark,#999);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#242424);--accent:#e8590c;background:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#1a1a1a);font-family:system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}main{max-width:40rem;margin:0 auto;padding:1rem}h1{margin:0;font-size:1.5rem}h2{color:var(--muted);margin:1.5rem 0 .5rem;font-size:1rem}header{justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;display:flex}.hint,.preview{color:var(--muted);font-size:.9rem}.notice{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.75rem}.error{color:var(--lightningcss-light,#b00020)var(--lightningcss-dark,#ff6b6b)}form{gap:1rem;display:grid}label{gap:.25rem;font-size:.9rem;display:grid}input{font:inherit;border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:.5rem;min-width:0;padding:.6rem .75rem;font-size:16px}button{font:inherit;color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);cursor:pointer;background:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#eee);border:0;border-radius:.5rem;padding:.6rem 1rem}button:disabled{opacity:.5;cursor:default}button.link{color:inherit;background:0 0;padding:0;text-decoration:underline}button.primary{background:var(--accent);color:#fff;width:100%;padding:1rem;font-size:1.1rem}button.secondary{background:var(--surface);width:100%;color:inherit;border:1px solid var(--border);padding:.85rem}.upload-buttons{gap:.5rem;display:grid}.login{max-width:22rem}.upload{text-align:center;margin-top:1.5rem}.thumbs{flex-wrap:wrap;gap:.5rem;display:flex}.thumb{object-fit:cover;background:var(--surface);border-radius:.5rem;width:3.5rem;height:3.5rem}.pending{display:inline-block;position:relative}.pending .cancel{border-radius:50%;width:1.4rem;height:1.4rem;padding:0;font-size:1rem;line-height:1;position:absolute;top:-.4rem;right:-.4rem;box-shadow:0 0 0 2px var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#1a1a1a)}.chats{margin:0;padding:0;list-style:none}.chats li+li{border-top:1px solid var(--border)}.chats a{color:inherit;align-items:center;gap:.75rem;padding:.75rem 0;text-decoration:none;display:flex}.pair{flex:none;width:4.5rem;height:3.5rem;position:relative}.pair .thumb{position:absolute;top:0;left:0}.pair .thumb.mine{width:2.5rem;height:2.5rem;top:.5rem;left:1.5rem;box-shadow:0 0 0 2px var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#1a1a1a)}.meta{gap:.15rem;min-width:0;display:grid}.preview{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html.chat-open,html.chat-open body{overscroll-behavior:none;height:100%;overflow:hidden}html.chat-open body{padding:0}.chat{flex-direction:column;max-width:40rem;margin:0 auto;padding:0 .75rem;display:flex;position:fixed;left:0;right:0}.chat-header{padding:calc(.4rem + env(safe-area-inset-top)) 0 .4rem;border-bottom:1px solid var(--border);flex:none;justify-content:flex-start;gap:.25rem}.chat-title{align-items:center;gap:.6rem;min-width:0;font-size:1rem;display:flex}.back{color:inherit;padding:0 .5rem .2rem .25rem;font-size:2rem;line-height:1;text-decoration:none}.thumb.avatar{border-radius:50%;width:2rem;height:2rem}.messages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;padding:.5rem 0;display:flex;overflow-y:auto}.center{text-align:center;margin:auto}.row{flex-direction:column;display:flex}.day{color:var(--muted);align-self:center;margin:.75rem 0 .5rem;font-size:.75rem}.msg{background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:1.1rem;align-self:flex-start;max-width:80%;margin-top:.15rem;padding:.45rem .75rem;line-height:1.35}.msg.first{margin-top:.5rem}.msg.theirs:not(.first){border-top-left-radius:.35rem}.msg.theirs:not(.last){border-bottom-left-radius:.35rem}.msg.mine:not(.first){border-top-right-radius:.35rem}.msg.mine:not(.last){border-bottom-right-radius:.35rem}.msg.mine{background:var(--accent);border-color:var(--accent);color:#fff;align-self:flex-end}.msg.photo{background:var(--surface);border:0;max-width:65%;padding:0;line-height:0;overflow:hidden}.msg.photo img{object-fit:cover;width:100%;max-height:60vh;display:block}.msg.photo+.msg.photo{margin-top:.5rem}.time{color:var(--muted);margin:.15rem .5rem 0;font-size:.7rem}.time.mine{align-self:flex-end}.composer{padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);flex:none;align-items:flex-end;gap:.5rem;display:flex}.composer.keyboard{padding-bottom:.5rem}.composer textarea{resize:none;min-width:0;font:inherit;border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:1.25rem;flex:1;max-height:120px;padding:.5rem .85rem;font-size:16px;line-height:1.35}.composer button{background:var(--accent);color:#fff;border-radius:50%;flex:none;width:2.4rem;height:2.4rem;padding:0;font-size:1.3rem;line-height:1}.notice{margin-top:1rem}.notice p{margin:0 0 .5rem}