:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f5f7;--surface:#fff;--text:#1d2129;--muted:#6b7280;--line:#e3e5e8;--accent:#2f6f5e;--accent-text:#fff;--own:#2f6f5e;--own-text:#fff;--other:#fff;--other-text:#1d2129;--danger:#b42318;--warn-bg:#fff4e5;--warn-text:#8a4b00;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111418;--surface:#1b1f24;--text:#e6e8eb;--muted:#9aa1ab;--line:#2c3238;--accent:#5fb39b;--accent-text:#0c1512;--own:#3d8a75;--own-text:#fff;--other:#252a30;--other-text:#e6e8eb;--danger:#ff7b6e;--warn-bg:#3a2a12;--warn-text:#ffcf8a}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}#app{height:100%}a{color:var(--accent)}.page{max-width:34rem;margin:0 auto;padding:1.5rem 1rem 3rem}.logo{letter-spacing:.02em;margin:.5rem 0 1rem;font-size:1.4rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:1rem;padding:1.1rem 1.1rem 1.2rem}.card h2{margin:0 0 .5rem;font-size:1.1rem}.lead{font-size:1.05rem}.nickname{font-weight:700}.muted{color:var(--muted);font-size:.9rem}.strong{font-weight:700}.consent{background:var(--bg);border-radius:8px;margin:1rem 0;padding:.8rem .8rem .8rem 1.6rem;font-size:.9rem}.consent li+li{margin-top:.3rem}.btn{font:inherit;border:1px solid var(--line);cursor:pointer;background:var(--surface);color:var(--text);border-radius:8px;padding:.55rem 1rem}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:700}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.small{padding:.3rem .7rem;font-size:.85rem}.btn.wide{width:100%;padding:.8rem;font-size:1.05rem}.btn.link,button.link{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.banner{background:var(--surface);border-bottom:1px solid var(--line);margin:0;padding:.5rem 1rem;font-size:.85rem}.banner.warn{background:var(--warn-bg);color:var(--warn-text)}.chat{background:var(--bg);flex-direction:column;max-width:48rem;height:100dvh;margin:0 auto;display:flex}.chat-header{padding:calc(.6rem + env(safe-area-inset-top)) 1rem .6rem;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chat-header .title{flex-direction:column;min-width:0;font-weight:700;display:flex}.chat-header .title>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-header .status{color:var(--muted);font-size:.75rem;font-weight:400}.notice-line{color:var(--muted);text-align:center;margin:0;padding:.3rem 1rem;font-size:.75rem}.messages{-webkit-overflow-scrolling:touch;flex:1;padding:.5rem .8rem 1rem;overflow-y:auto}.day,.system{text-align:center;color:var(--muted);margin:.8rem 0 .4rem;font-size:.75rem}.row{flex-direction:column;margin-top:.35rem;display:flex}.row.own{align-items:flex-end}.row.other{align-items:flex-start}.label{color:var(--muted);margin:.4rem .3rem .1rem;font-size:.75rem}.bubble{background:var(--other);max-width:80%;color:var(--other-text);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-touch-callout:none;-webkit-user-select:text;user-select:text;border-radius:14px;padding:.45rem .75rem}.row.own .bubble{background:var(--own);color:var(--own-text);border-color:var(--own)}.bubble .meta{opacity:.7;text-align:right;margin-top:.1rem;font-size:.68rem;display:block}.bubble.deleted .body{opacity:.75;font-style:italic}.bubble.pending{opacity:.7}.bubble .failed{margin-top:.2rem;font-size:.75rem;display:block}.composer{padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);align-items:flex-end;gap:.5rem;display:flex}.composer textarea{resize:none;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;flex:1;max-height:160px;padding:.5rem .65rem;font-size:16px}.composer-side{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.counter{color:var(--muted);font-size:.7rem}.counter.over{color:var(--danger);font-weight:700}.modal-backdrop{z-index:10;background:#00000073;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}@media (width>=40rem){.modal-backdrop{align-items:center}}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:24rem;padding:1.1rem}.modal h2{margin:0 0 .4rem;font-size:1.05rem}.modal-actions{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.dev label{margin-bottom:.6rem;font-size:.9rem;display:block}.dev input{width:100%;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:6px;margin-top:.2rem;padding:.4rem .5rem;display:block}.dev-room{border-top:1px solid var(--line);padding:.7rem 0}.dev-actions{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.invite-link{overflow-wrap:anywhere;font-size:.85rem}