:root{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#123743;background:#f2fbfc}*{box-sizing:border-box}body{margin:0;line-height:1.65}.wrap{width:min(1100px,calc(100% - 36px));margin:auto}.header{background:#fff;border-bottom:1px solid #d6e8ea}.header-inner{display:flex;align-items:center;gap:20px;min-height:70px;color:#5a7882;font-size:.9rem}.brand{font-weight:800;font-size:1.5rem;color:#075366;text-decoration:none}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:36px 0 24px}.eyebrow{color:#079ab0;letter-spacing:.16em;font-size:.75rem;font-weight:700;margin:0}.page-head h1{font-size:clamp(2rem,5vw,3rem);margin:4px 0}.page-head p:last-child{margin:0;color:#58727b}.account{text-align:right;font-size:.86rem;overflow-wrap:anywhere}.account a{display:block;color:#007f93}.notice{padding:13px 16px;border-radius:12px;background:#e2f3f5;color:#075366}.notice:empty{display:none}.notice.error{background:#fff2ed;color:#8d3c26}.layout{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:18px;align-items:start}.sidebar,.conversation{background:#fff;border:1px solid #d6e8ea;border-radius:18px;box-shadow:0 8px 28px #093b4e0b}.sidebar{padding:22px}.sidebar h2,.conversation-head h2{font-size:1.2rem;margin:0}.rooms{display:grid;gap:8px;margin-top:16px}.room-button{text-align:left;border:1px solid #d6e8ea;background:#fff;border-radius:10px;padding:12px;font:inherit;cursor:pointer;width:100%;color:inherit}.room-button:hover,.room-button.active{border-color:#079ab0;background:#e9f7f8}.room-button small{display:block;color:#58727b}.new-room{border-top:1px solid #e3eef0;margin-top:22px;padding-top:18px}.new-room h3{font-size:1rem;margin:0}.new-room p{font-size:.82rem;color:#58727b}.new-room label,.composer label{display:block;font-weight:700;font-size:.9rem;margin-top:10px}.new-room input,.composer textarea{width:100%;border:1px solid #abcbd1;border-radius:9px;padding:10px;font:inherit;background:#fff;color:inherit}.new-room button,.composer button{border:0;border-radius:9px;padding:10px 18px;background:#008fa5;color:#fff;font:inherit;font-weight:700;cursor:pointer}.new-room button{margin-top:14px}.new-room button:hover,.composer button:hover{background:#087489}.conversation{min-height:600px;display:flex;flex-direction:column}.conversation-head{padding:20px 24px;border-bottom:1px solid #e3eef0}.conversation-head p{margin:4px 0 0;color:#58727b;font-size:.83rem}.messages{flex:1;min-height:320px;max-height:60vh;overflow:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.message{max-width:min(85%,600px);align-self:flex-start;background:#eef6f7;border-radius:14px;padding:11px 14px;overflow-wrap:anywhere;white-space:pre-wrap}.message.mine{align-self:flex-end;background:#d9f3f6}.message p{margin:0}.message small{display:block;color:#5b7a84;font-size:.72rem;margin-top:5px}.message a{color:#006e84}.empty{color:#58727b;text-align:center;margin:auto}.composer{border-top:1px solid #e3eef0;padding:16px 24px 20px}.composer label:first-child{margin:0}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.composer .file-label{font-weight:500;margin:0;cursor:pointer;color:#007f93}.file-label input{display:block;max-width:240px;font-size:.8rem;color:#58727b}.composer small{color:#58727b}.help{text-align:center;color:#58727b;margin:24px 0 40px}.help a{color:#007f93}@media(max-width:700px){.page-head{display:block}.account{text-align:left;margin-top:12px}.layout{grid-template-columns:1fr}.sidebar{padding:16px}.rooms{display:flex;overflow:auto}.room-button{min-width:200px}.conversation{min-height:550px}.messages{max-height:55vh;padding:14px}.composer{padding:14px}.composer-actions{align-items:stretch;flex-direction:column}.composer button{width:100%}}
:where(#load-older){border:0;background:none;color:#007f93;text-decoration:underline;font:inherit;cursor:pointer;padding:4px 0;margin-top:5px}
[hidden]{display:none!important}
.account button{display:block;margin-left:auto;padding:0;border:0;background:none;color:#007f93;text-decoration:underline;font:inherit;cursor:pointer}.login{max-width:550px;margin:28px auto 40px;padding:28px;background:#fff;border:1px solid #d6e8ea;border-radius:18px;box-shadow:0 8px 28px #093b4e0b}.login h2{margin:0 0 8px;font-size:1.3rem}.login p{color:#58727b}.login-note{font-size:.85rem}#google-button{min-height:44px}@media(max-width:700px){.account button{margin-left:0}.login{padding:22px}}
.privacy{max-width:760px;padding:42px 0 70px}.privacy h1{font-size:clamp(1.8rem,4vw,2.5rem);margin:8px 0 26px}.privacy h2{font-size:1.2rem;margin:30px 0 8px}.privacy p{margin:0 0 12px}.privacy a{color:#007f93}.privacy-updated{color:#58727b;font-size:.85rem;margin-top:30px!important}
