:root{--primary: #0b57d0;--on-primary: #ffffff;--primary-container: #d3e3fd;--on-primary-container: #041e49;--surface: #ffffff;--surface-container: #f0f4f9;--surface-container-high: #e9eef6;--on-surface: #1f1f1f;--on-surface-variant: #444746;--outline: #c4c7c5;--outline-soft: #e1e3e1;--error: #b3261e;--error-container: #f9dedc;--radius-sm: 12px;--radius: 20px;--radius-lg: 28px;--page: 600px;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--on-surface);-webkit-text-size-adjust:100%}[data-theme=dark]{--primary: #a8c8fa;--on-primary: #0b3568;--primary-container: #204488;--on-primary-container: #d3e3fd;--surface: #131314;--surface-container: #1e1f20;--surface-container-high: #282a2c;--on-surface: #e3e3e3;--on-surface-variant: #c4c6c8;--outline: #8e9192;--outline-soft: #444746;--error: #ffb4ab;--error-container: #93000a}*{box-sizing:border-box}body{margin:0;background:var(--surface)}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:4px}.page{max-width:var(--page);margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--surface)}.page.chat,.page.roster{position:fixed;top:0;right:0;bottom:0;left:0;min-height:auto;overflow:hidden}.page.roster .list-body{position:relative;flex:1;overflow:hidden}.page.roster .content{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto}.content{flex:1;padding-bottom:8px}.pad{margin:12px 16px}.appbar{display:flex;align-items:center;gap:8px;padding:calc(14px + env(safe-area-inset-top)) 12px 8px;min-height:64px;flex-shrink:0;position:sticky;top:0;z-index:5;background:var(--surface)}.appbar-text{flex:1;min-width:0}.appbar-text h1{font-size:20px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-text p{margin:0;font-size:13px;color:var(--on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-actions{display:flex;align-items:center;gap:4px}.appbar-spacer{width:4px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--on-surface-variant);cursor:pointer;flex-shrink:0}.icon-btn:hover{background:var(--surface-container-high)}.avatar{display:grid;place-items:center;font-weight:500;flex-shrink:0;line-height:1;-webkit-user-select:none;user-select:none}.list{list-style:none;margin:0;padding:0 0 76px}.row{display:flex;align-items:center;gap:16px;width:100%;min-height:76px;padding:12px 16px;background:none;border:0;text-align:left;cursor:pointer}.row:hover{background:var(--surface-container)}.row-main{flex:1;min-width:0;display:block}.row-title{display:block;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-preview{display:block;font-size:15px;color:var(--on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.row.unread .row-title,.row.unread .row-preview{font-weight:500;color:var(--on-surface)}.row-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.row-time{font-size:13px;color:var(--on-surface-variant);white-space:nowrap}.row.unread .row-time{color:var(--primary);font-weight:500}.badge{min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--primary);color:var(--on-primary);font-size:12px;font-weight:500;display:grid;place-items:center}.tag{font-size:12px;color:var(--on-surface-variant)}.fab-wrap{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;padding:8px 16px calc(20px + env(safe-area-inset-bottom));pointer-events:none}.fab{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;height:60px;padding:0 24px;border:0;border-radius:var(--radius-sm);background:var(--primary-container);color:var(--on-primary-container);transition:padding .2s ease,border-radius .2s ease,gap .2s ease,width .2s ease;font-size:16px;font-weight:500;cursor:pointer;box-shadow:0 2px 6px #00000029}.fab.collapsed{width:60px;padding:0;gap:0;border-radius:50%;justify-content:center}.fab-label{overflow:hidden;white-space:nowrap;max-width:160px;transition:max-width .2s ease,opacity .15s ease}.fab.collapsed .fab-label{max-width:0;opacity:0}.fab:hover{filter:brightness(.97)}.btn{min-height:52px;width:100%;border-radius:var(--radius-lg);border:1px solid var(--primary);background:var(--primary);color:var(--on-primary);font-size:16px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.5;cursor:default;filter:none}.btn.secondary{background:var(--surface);color:var(--primary);border-color:var(--outline)}.btn.quiet{background:none;border-color:transparent;color:var(--primary);min-height:48px}.btn.danger{background:var(--surface);border-color:var(--outline);color:var(--error)}.form{display:grid;gap:16px;padding:8px 16px 24px}.form+.form{border-top:1px solid var(--outline-soft);padding-top:24px}.form h2{font-size:16px;font-weight:500;color:var(--primary);margin:0}.form .headline{font-size:24px;font-weight:400;color:var(--on-surface);margin:8px 0 0}.field{display:grid;gap:6px}.field label{font-size:14px;font-weight:500;color:var(--on-surface-variant)}.field .hint,.hint{font-size:14px;color:var(--on-surface-variant)}.field input{min-height:56px;padding:0 16px;border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface)}.field input:focus{border-color:var(--primary);outline-offset:0}.notice{padding:14px 16px;border-radius:var(--radius-sm);background:var(--primary-container);color:var(--on-primary-container);font-size:15px;margin:0}.notice.error{background:var(--error-container);color:var(--error)}.empty{padding:64px 32px;text-align:center;color:var(--on-surface-variant)}.empty strong{display:block;font-size:20px;font-weight:400;color:var(--on-surface);margin-bottom:8px}.center{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top);color:var(--on-surface-variant);background:var(--surface)}.link{background:none;border:0;padding:8px;color:var(--primary);font-weight:500;cursor:pointer}.thread{flex:1;overflow-y:auto;padding:8px 16px;display:flex;flex-direction:column}.thread-note{text-align:center;color:var(--on-surface-variant);font-size:14px;padding:32px 0;margin:0}.day{text-align:center;font-size:12px;font-weight:500;color:var(--on-surface-variant);margin:20px 0 12px}.msg-wrap{display:flex;flex-direction:column}.msg{max-width:78%;padding:10px 16px;border-radius:var(--radius);background:var(--surface-container-high);color:var(--on-surface);margin-bottom:2px;align-self:flex-start;border-bottom-left-radius:4px}.msg.run{border-top-left-radius:4px}.msg.last{margin-bottom:12px}.msg.mine{align-self:flex-end;background:var(--primary);color:var(--on-primary);border-bottom-left-radius:var(--radius);border-bottom-right-radius:4px}.msg.mine.run{border-top-right-radius:4px;border-top-left-radius:var(--radius)}.msg-from{font-size:13px;font-weight:500;margin-bottom:2px;color:var(--on-surface-variant)}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere}.msg-time{font-size:11px;opacity:.75;text-align:right;margin-top:2px}.composer{padding:8px 12px calc(12px + env(safe-area-inset-bottom));background:var(--surface);flex-shrink:0}.composer-row{display:flex;gap:8px;align-items:flex-end}.composer textarea{flex:1;min-height:52px;max-height:150px;padding:14px 18px;border:0;border-radius:var(--radius-lg);background:var(--surface-container);resize:none}.composer textarea:focus{outline:2px solid var(--primary);outline-offset:0}.send-btn{width:52px;height:52px;border:0;border-radius:50%;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.send-btn:disabled{background:var(--surface-container-high);color:var(--on-surface-variant);cursor:default}.closed{text-align:center;color:var(--on-surface-variant);font-size:15px;margin:0;padding:16px;background:var(--surface-container);border-radius:var(--radius-sm)}.choices{display:grid;gap:8px}.choice{min-height:56px;border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface);font-size:16px;cursor:pointer;text-align:left;padding:0 16px}.choice.on{border-color:var(--primary);background:var(--primary-container);color:var(--on-primary-container);font-weight:500}.code{padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface-container);font-size:14px;overflow-wrap:anywhere;margin:0}.member{display:flex;align-items:center;gap:14px;padding:10px 0}.member-actions{display:flex;gap:8px;flex-shrink:0}.danger-link{color:var(--error)}.invite{margin:8px 16px 16px;padding:16px;border-radius:var(--radius);background:var(--primary-container);color:var(--on-primary-container)}.invite-actions{display:flex;gap:8px;margin-top:14px}.invite-actions .btn{width:auto;flex:1;min-height:44px}.invite-actions .btn.secondary{background:transparent;border-color:var(--on-primary-container);color:var(--on-primary-container)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.option-icon{width:48px;height:48px;border-radius:50%;background:var(--surface-container-high);color:var(--on-surface-variant);display:grid;place-items:center;flex-shrink:0}.bottom-nav{position:sticky;bottom:0;display:flex;border-top:1px solid var(--outline-soft);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);z-index:5}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0 8px;border:0;background:none;color:var(--on-surface-variant);font-size:12px;cursor:pointer}.nav-item.on{color:var(--primary);font-weight:500}.page .fab-wrap{bottom:0;padding-bottom:8px}.contact-row{padding:0;gap:0}.row-tap{flex:1;display:flex;align-items:center;gap:16px;min-height:76px;padding:12px 16px;background:none;border:0;text-align:left;cursor:pointer}.row-tap:hover{background:var(--surface-container)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:30}.sheet{width:100%;max-width:var(--page);background:var(--surface);border-radius:20px 20px 0 0;padding:8px 0 calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.sheet-title{padding:14px 20px 6px;font-size:15px;font-weight:600;color:var(--on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-option{display:flex;align-items:center;gap:16px;min-height:56px;padding:0 20px;border:0;background:none;font-size:16px;text-align:left;cursor:pointer;color:var(--on-surface)}.sheet-option:hover{background:var(--surface-container)}.sheet-option.danger{color:var(--error)}.sheet-option.cancel{color:var(--on-surface-variant);border-top:1px solid var(--outline-soft);margin-top:4px}.search-box{display:flex;align-items:center;gap:10px;margin:8px 16px 4px;padding:0 14px;height:48px;border-radius:24px;background:var(--surface-container);color:var(--on-surface-variant)}.search-box input{flex:1;border:0;background:none;font-size:16px;color:var(--on-surface)}.search-box input::-webkit-search-cancel-button{cursor:pointer}.composer-field{flex:1;position:relative}.char-count{position:absolute;right:14px;bottom:6px;font-size:12px;color:var(--on-surface-variant);background:var(--surface-container);padding:1px 6px;border-radius:8px;pointer-events:none}.char-count.max{color:var(--error)}.appbar-text-btn{flex:1;min-width:0;border:0;background:none;padding:0;text-align:left;cursor:pointer}.appbar-text-btn .appbar-text{pointer-events:none}.pin-mark{display:inline-flex;vertical-align:-2px;margin-right:4px;color:var(--primary)}.app-loading-icon{border-radius:22%;animation:app-loading-pulse 1.4s ease-in-out infinite}@keyframes app-loading-pulse{0%,to{opacity:1}50%{opacity:.55}}.center-fill{flex:1;display:grid;place-items:center;color:var(--on-surface-variant)}.admin-shell{max-width:1100px;margin:0 auto;display:flex;min-height:calc(100dvh - 64px)}.admin-sidebar{width:200px;flex-shrink:0;border-right:1px solid var(--outline-soft);padding:16px 8px;display:flex;flex-direction:column;gap:4px}.admin-nav-item{text-align:left;padding:12px 16px;border-radius:var(--radius-sm);border:0;background:none;font-size:15px;font-weight:500;color:var(--on-surface-variant);cursor:pointer}.admin-nav-item.active{background:var(--primary-container);color:var(--on-primary-container)}.admin-main{flex:1;padding:24px;min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px}.stat-card{border:1px solid var(--outline-soft);border-radius:var(--radius);padding:16px;background:var(--surface-container)}.stat-card .stat-number{font-size:28px;font-weight:700;line-height:1.2;display:block}.stat-card .stat-label{font-size:13px;color:var(--on-surface-variant)}@media(max-width:700px){.admin-shell{flex-direction:column}.admin-sidebar{width:auto;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--outline-soft);padding:8px}.admin-nav-item{white-space:nowrap}.admin-main{padding:16px}}