:root{color-scheme:light dark;--line-green:#06c755;--line-green-pressed:#05a648;--bg-app:#ffffff;--bg-app-outer:#ffffff;--bg-room:#f7f7f7;--bg-bubble-other:#ffffff;--bg-bubble-other-border:#e5e5ea;--bg-input:#ffffff;--bg-card:#ffffff;--bg-side-rail:#1f1f24;--bg-side-rail-active:rgba(255,255,255,0.08);--bg-list-pane:#ffffff;--bg-active-row:rgba(0,0,0,0.04);--text-primary:#1f1f1f;--text-secondary:#6b6b73;--text-on-accent:#ffffff;--text-on-side-rail:rgba(255,255,255,0.85);--divider:#ececec;--avatar-1:#06c755;--avatar-2:#f5a623;--avatar-3:#4a90e2;--avatar-4:#b388ff;--avatar-fallback:#c4c4c8;--shadow-card:0 4px 12px rgba(0,0,0,0.15);--topbar-h:56px;--bottom-tabs-h:64px;--side-rail-w:56px;--chat-list-pc-w:340px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--bg-app:#1c1c20;--bg-app-outer:#0e0e10;--bg-room:#16161a;--bg-bubble-other:#2a2a2f;--bg-bubble-other-border:#3a3a40;--bg-input:#28282d;--bg-card:#232328;--bg-side-rail:#0a0a0c;--bg-side-rail-active:rgba(255,255,255,0.1);--bg-list-pane:#1c1c20;--bg-active-row:rgba(255,255,255,0.06);--text-primary:#e8e8eb;--text-secondary:#9b9ba0;--divider:#2e2e34;--shadow-card:0 4px 12px rgba(0,0,0,0.5)}}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg-app-outer);color:var(--text-primary);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}body{margin:0 auto;max-width:480px;min-height:100vh;background:var(--bg-app);box-shadow:0 0 0 1px var(--divider)}a{text-decoration:none}a,button{color:inherit}button{font:inherit;border:0;background:transparent;cursor:pointer;padding:0}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font:inherit;color:inherit;background:var(--bg-input);border:1px solid var(--divider);border-radius:10px;padding:10px 12px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--line-green)}label{display:grid;grid-gap:4px;gap:4px;font-size:13px;color:var(--text-secondary)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--line-green);color:var(--text-on-accent);border-radius:24px;font-weight:600;padding:0 18px;min-height:44px;width:100%}.btn-primary:active{background:var(--line-green-pressed)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--divider);border-radius:24px;min-height:40px;padding:0 14px}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px}.login-card{width:100%;display:grid;grid-gap:14px;gap:14px}.login-card h1{margin:0;font-size:22px;text-align:center;font-weight:700}.login-card .brand{margin:0 0 8px;text-align:center;color:var(--line-green);font-weight:700;letter-spacing:.08em;font-size:12px}.app-shell{display:grid;grid-template-rows:1fr auto;min-height:100vh;padding-bottom:var(--safe-bottom)}.app-content{min-height:0}.side-rail{display:none}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);align-items:center;height:var(--topbar-h);padding-top:var(--safe-top);background:var(--bg-app);border-bottom:1px solid var(--divider)}.topbar>:first-child{justify-self:start}.topbar>:last-child{justify-self:end;padding-right:4px}.topbar .topbar-title{text-align:center;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(70vw,320px)}.topbar .icon-button{display:grid;place-items:center;width:44px;height:44px;font-size:20px;color:var(--text-secondary)}.bottom-tabs{position:-webkit-sticky;position:sticky;bottom:0;z-index:10;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:calc(var(--bottom-tabs-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-app);border-top:1px solid var(--divider)}.tab-item{display:grid;place-items:center;grid-gap:2px;gap:2px;color:var(--text-secondary);font-size:11px}.tab-item.active{color:var(--line-green)}.tab-item .tab-icon{font-size:22px;line-height:1}.chats-list-pane-inner{display:flex;flex-direction:column;height:100%;min-height:0}.chat-list{display:grid;grid-gap:0;gap:0;padding-bottom:16px;overflow-y:auto}.chat-row{display:grid;grid-template-columns:56px 1fr auto;grid-gap:12px;gap:12px;padding:12px 16px;border-bottom:1px solid var(--divider);align-items:center;text-align:left;width:100%;background:transparent;color:inherit}.chat-row.active,.chat-row:active{background:var(--bg-active-row)}.chat-row .row-meta{display:grid;grid-gap:4px;gap:4px;text-align:right}.chat-row .row-time{font-size:11px;color:var(--text-secondary)}.chat-row .unread-badge{justify-self:end;min-width:20px;height:20px;border-radius:10px;background:var(--line-green);color:var(--text-on-accent);font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 6px}.chat-row .row-name{font-size:15px;font-weight:600}.chat-row .row-name,.chat-row .row-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row .row-preview{font-size:13px;color:var(--text-secondary)}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:20px;color:var(--text-on-accent);font-weight:700;font-size:16px;flex-shrink:0}.avatar.size-32{width:32px;height:32px;font-size:13px}.avatar.size-48{width:48px;height:48px;font-size:18px}.avatar.size-96{width:96px;height:96px;font-size:36px;border-radius:48px}.avatar.avatar-image{background:var(--bg-active-row);overflow:hidden;padding:0}.avatar.avatar-image img{width:100%;height:100%;object-fit:cover;display:block}.chats-pane-shell{display:grid;grid-template-columns:1fr;height:100%;min-height:0}.chats-detail-pane,.chats-list-pane{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.chats-list-pane{background:var(--bg-list-pane)}.chats-detail-pane{background:var(--bg-room)}.chats-empty{display:grid;place-items:center;height:100%;color:var(--text-secondary);text-align:center;padding:24px}.chat-room{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0;background:var(--bg-room)}.message-list{overflow-y:auto;padding:12px 12px 16px;display:flex;flex-direction:column;gap:4px;min-height:0}.load-older{align-self:center;font-size:13px;color:var(--text-secondary);padding:8px 14px;border-radius:16px;background:var(--bg-active-row);margin-bottom:8px}.date-separator{display:grid;place-items:center;margin:12px 0 6px}.date-separator span{font-size:11px;color:var(--text-secondary);background:var(--bg-active-row);padding:4px 10px;border-radius:12px}.message-row{display:grid;grid-template-columns:36px 1fr;grid-gap:8px;gap:8px;margin-top:8px}.message-row.own{grid-template-columns:1fr}.message-row.continuation{margin-top:2px}.message-row.continuation .message-row-avatar{visibility:hidden}.message-row.continuation .sender-name{display:none}.message-row-content{display:grid;grid-gap:2px;gap:2px;min-width:0}.sender-name{font-size:12px;color:var(--text-secondary);margin-left:2px}.bubble-line{display:flex;gap:6px;align-items:flex-end}.message-row.own .bubble-line{justify-content:flex-end}.bubble{max-width:min(75vw,320px);padding:8px 12px;font-size:14.5px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:18px}.bubble.other{background:var(--bg-bubble-other);border:1px solid var(--bg-bubble-other-border);border-bottom-left-radius:4px}.bubble.own{background:var(--line-green);color:var(--text-on-accent);border-bottom-right-radius:4px}.bubble-meta{display:grid;grid-gap:2px;gap:2px;font-size:10px;color:var(--text-secondary);text-align:right;margin-bottom:1px}.bubble-meta.left{text-align:left}.read-indicator,.read-indicator-button{color:var(--line-green);font-weight:600}.read-indicator-button{font-size:inherit;padding:0;background:transparent;border:0;cursor:pointer}.read-indicator-button:focus-visible,.read-indicator-button:hover{text-decoration:underline}.bubble-attachment{display:block;max-width:min(75vw,320px);border-radius:14px;overflow:hidden;background:transparent;padding:0;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit}.bubble-attachment:not(.bubble-attachment-media){padding:8px 12px;background:var(--bg-active-row);color:var(--text-primary);text-decoration:none}.bubble-attachment-media{transition:filter .12s ease-out}.bubble-attachment-media:focus-visible,.bubble-attachment-media:hover{filter:brightness(1.06)}.bubble-attachment img{display:block;width:100%;height:auto}.bubble-attachment-placeholder{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--bg-active-row);color:var(--text-primary);font-size:13px;min-width:160px}.media-viewer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:100;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);overscroll-behavior:contain}.media-viewer-toolbar{display:flex;align-items:center;gap:8px;padding:12px 0;color:#fff}.media-viewer-title{flex:1 1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-viewer-button{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:18px;background:rgba(255,255,255,.12);color:#fff;font-size:14px;font-weight:600;text-decoration:none;border:0;cursor:pointer}.media-viewer-button:focus-visible,.media-viewer-button:hover{background:rgba(255,255,255,.22)}.media-viewer-stage{flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 0 24px}.media-viewer-stage img,.media-viewer-stage video{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.media-viewer-stage audio{width:min(480px,90%)}.media-viewer-pdf{width:100%;height:100%;border:0;background:#fff;border-radius:6px}.media-viewer-fallback{text-align:center;color:#fff;display:grid;grid-gap:12px;gap:12px;justify-items:center}.reaction-row{position:relative;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;align-items:center}.message-row.own .reaction-row{justify-content:flex-end}.reaction-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;height:24px;border-radius:12px;background:var(--bg-active-row);color:var(--text-primary);font-size:12px;line-height:1;border:1px solid transparent;cursor:pointer}.reaction-pill.mine{border-color:var(--line-green);background:rgba(6,199,85,.16);color:var(--line-green)}.reaction-actions{display:inline-flex;gap:2px}.reaction-add{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;background:transparent;color:var(--text-secondary);font-size:14px;line-height:1;border:1px dashed var(--divider);cursor:pointer}.reaction-add:focus-visible,.reaction-add:hover{background:var(--bg-active-row);color:var(--text-primary)}.emoji-picker{position:absolute;bottom:calc(100% + 4px);left:0;z-index:5;display:grid;grid-template-columns:repeat(8,32px);grid-gap:2px;gap:2px;padding:6px;border-radius:12px;background:var(--bg-bubble-other);border:1px solid var(--divider);box-shadow:0 8px 24px rgba(0,0,0,.35)}.message-row.own .emoji-picker{left:auto;right:0}.emoji-picker-item{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:transparent;font-size:18px;line-height:1;cursor:pointer}.emoji-picker-item:focus-visible,.emoji-picker-item:hover{background:var(--bg-active-row)}.reaction-detail-group+.reaction-detail-group{border-top:1px solid var(--divider);margin-top:8px;padding-top:8px}.reaction-detail-header{display:flex;align-items:center;gap:8px;padding:8px 0}.reaction-detail-emoji{font-size:22px;line-height:1}.chat-room{position:relative}.drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:4;opacity:0;pointer-events:none;transition:opacity .18s ease-out}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-right{position:absolute;top:0;right:0;bottom:0;width:min(360px,100%);background:var(--bg-app);border-left:1px solid var(--divider);transform:translateX(100%);transition:transform .22s ease-out;z-index:5;display:flex;flex-direction:column;min-height:0}.drawer-right.open{transform:translateX(0)}.drawer-header{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 6px 0 16px;height:var(--topbar-h);padding-top:var(--safe-top);border-bottom:1px solid var(--divider)}.drawer-title{font-weight:600;font-size:15px}.drawer-body{flex:1 1;display:flex;flex-direction:column;min-height:0}.drawer-info-block{flex-shrink:0;padding:12px 16px;border-bottom:1px solid var(--divider);display:grid;grid-gap:10px;gap:10px}.drawer-info-name{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.drawer-info-list{margin:0;display:grid;grid-gap:4px;gap:4px;font-size:13px}.drawer-info-list>div{display:grid;grid-template-columns:56px 1fr;grid-gap:8px;gap:8px;align-items:baseline}.drawer-info-list dt{margin:0;color:var(--text-secondary);font-size:12px}.drawer-info-list dd{margin:0;overflow-wrap:anywhere}.drawer-members-block{flex:1 1;display:flex;flex-direction:column;min-height:0}.drawer-members-header{flex-shrink:0;padding:10px 16px;border-bottom:1px solid var(--divider);font-size:13px;color:var(--text-secondary);font-weight:600;display:flex;align-items:center;gap:6px;background:var(--bg-app)}.drawer-members-scroll{flex:1 1;overflow-y:auto;padding:0 16px calc(16px + var(--safe-bottom))}.member-count{background:var(--bg-active-row);color:var(--text-secondary);border-radius:999px;font-size:11px;font-weight:700;padding:1px 8px}.member-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:0;gap:0}.member-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--divider)}.member-row:last-child{border-bottom:0}.member-meta{flex:1 1;display:grid;grid-gap:1px;gap:1px;min-width:0}.member-name{font-size:14px;font-weight:600}.member-email,.member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-email{font-size:11px;color:var(--text-secondary)}.member-info-button{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:32px;border-radius:16px;background:var(--bg-active-row);color:var(--text-secondary);font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0}.member-info-button:focus-visible,.member-info-button:hover{color:var(--text-primary)}.composer{display:grid;grid-template-columns:36px 1fr 36px;grid-gap:8px;gap:8px;align-items:flex-end;padding:8px 10px calc(8px + var(--safe-bottom));background:var(--bg-app);border-top:1px solid var(--divider)}.composer textarea{resize:none;min-height:40px;max-height:120px;border-radius:20px;padding:10px 14px;background:var(--bg-input);border:1px solid var(--divider)}.composer .icon-button{width:36px;height:36px;border-radius:18px;display:grid;place-items:center;font-size:20px;color:var(--text-secondary);background:var(--bg-active-row)}.composer .send-button{background:var(--line-green);color:var(--text-on-accent)}.composer .send-button:disabled{background:var(--bg-active-row);color:var(--text-secondary)}.composer .image-preview{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;padding-top:4px}.composer .image-preview .thumb{position:relative;min-width:56px;height:56px;border-radius:8px;overflow:hidden;background:var(--divider)}.composer .image-preview .thumb img{width:56px;height:100%;object-fit:cover}.composer .image-preview .thumb-file{display:flex;align-items:center;gap:6px;height:100%;padding:0 24px 0 8px;background:var(--bg-active-row);color:var(--text-primary);font-size:12px}.composer .image-preview .thumb-file-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer .image-preview button{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:9px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;display:grid;place-items:center}.composer-progress{grid-column:1/-1;position:relative;height:18px;border-radius:9px;background:var(--bg-active-row);overflow:hidden;display:flex;align-items:center}.composer-progress-bar{position:absolute;inset:0 auto 0 0;background:var(--line-green);transition:width .15s linear}.composer-progress-label{position:relative;font-size:11px;font-weight:600;color:var(--text-on-accent);padding:0 8px;z-index:1}.composer-error{grid-column:1/-1;margin:0;font-size:12px;color:var(--error-text,#d33)}.bubble-attachment-video{position:relative;display:block}.bubble-attachment-video img{display:block;width:100%;height:auto;border-radius:14px}.bubble-attachment-play{position:absolute;inset:0;display:grid;place-items:center;font-size:36px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);background:rgba(0,0,0,.18);border-radius:14px;pointer-events:none}.section{padding:16px;display:grid;grid-gap:14px;gap:14px}.section h2{font-size:14px;margin:0;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.list-card{display:grid;background:var(--bg-card);border-radius:12px;border:1px solid var(--divider);overflow:hidden}.list-row{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--divider);align-items:center;text-align:left;width:100%}.list-row:last-child{border-bottom:0}.list-row .label{flex:1 1;font-size:14px}.empty,.list-row .value{color:var(--text-secondary);font-size:13px}.empty{padding:20px;text-align:center}.role-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--bg-active-row);color:var(--text-secondary)}.role-pill.role-system_admin{background:rgba(6,199,85,.16);color:var(--line-green)}.role-pill.role-company_system_admin{background:rgba(74,144,226,.16);color:#4a90e2}.role-pill.role-company_admin{background:rgba(245,166,35,.18);color:#f5a623}.role-pill.role-company_user{background:var(--bg-active-row);color:var(--text-secondary)}.sort-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sort-toolbar .sort-label{margin-right:2px}.sort-button,.sort-toolbar .sort-label{font-size:12px;color:var(--text-secondary)}.sort-button{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;background:var(--bg-active-row);font-weight:600;white-space:nowrap}.sort-button.active{background:rgba(6,199,85,.16);color:var(--line-green)}.fab{position:fixed;bottom:calc(var(--bottom-tabs-h) + var(--safe-bottom) + 16px);right:16px;width:56px;height:56px;border-radius:28px;background:var(--line-green);color:var(--text-on-accent);font-size:26px;display:grid;place-items:center;box-shadow:var(--shadow-card)}.dialog-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);display:grid;place-items:end;z-index:100}.dialog-sheet{width:min(480px,100%);background:var(--bg-app);border-radius:16px 16px 0 0;padding:20px 16px calc(20px + var(--safe-bottom));display:grid;grid-gap:12px;gap:12px;max-height:85vh;overflow-y:auto}.dialog-sheet h2{margin:0;font-size:17px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--text-primary)}.checkbox-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--divider)}.checkbox-row:last-child{border-bottom:0}.checkbox-row input{width:auto}.error-text{color:#f3603a;font-size:13px}.app-shell.in-chat-detail .bottom-tabs{display:none}@media (max-width:1023px){.chats-pane-shell[data-view=detail] .chats-list-pane,.chats-pane-shell[data-view=list] .chats-detail-pane{display:none}}@media (min-width:1024px){body{max-width:none;box-shadow:none;background:var(--bg-app-outer)}.app-shell{display:grid;grid-template-columns:var(--side-rail-w) 1fr;grid-template-rows:1fr;height:100vh;padding-bottom:0}.app-content{overflow:hidden;height:100vh;background:var(--bg-app);border-left:1px solid var(--divider)}.bottom-tabs{display:none}.side-rail{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0;background:var(--bg-side-rail);color:var(--text-on-side-rail);height:100vh}.side-rail-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:20px;margin-bottom:12px}.side-rail-nav{flex:1 1;display:flex;flex-direction:column;gap:4px;width:100%;align-items:center}.side-rail-item{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;font-size:18px;color:var(--text-on-side-rail);background:transparent}.side-rail-item:focus-visible,.side-rail-item:hover{background:var(--bg-side-rail-active)}.side-rail-item.active{background:var(--bg-side-rail-active);color:var(--line-green)}.chats-pane-shell{grid-template-columns:var(--chat-list-pc-w) 1fr}.chats-list-pane{border-right:1px solid var(--divider)}.composer{padding-bottom:8px}.fab{bottom:16px}.login-page{background:var(--bg-app-outer)}.login-card{width:min(420px,100%);padding:32px;background:var(--bg-app);border:1px solid var(--divider);border-radius:16px;box-shadow:var(--shadow-card)}.bubble,.bubble-attachment{max-width:min(60ch,480px)}}.hint-text{font-size:13px;background:rgba(6,199,85,.14);border-left:3px solid var(--line-green);padding:10px 14px;border-radius:6px;line-height:1.6;margin:0}.form-card,.hint-text{color:var(--text-primary)}.form-card{display:grid;grid-gap:14px;gap:14px;background:var(--bg-card);padding:16px;border-radius:12px;border:1px solid var(--divider)}.form-card label{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:var(--text-secondary);font-weight:500}.form-card input{padding:10px 12px;font-size:16px;border:1px solid var(--divider);border-radius:8px;background:var(--bg-input);color:var(--text-primary)}