.login-screen{height:100%;display:grid;place-items:center;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);background:radial-gradient(1200px 600px at 50% -10%,var(--login-glow) 0%,var(--bg-0) 60%)}.login-card{width:min(360px,calc(100vw - 32px));background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:32px 28px;display:flex;flex-direction:column;gap:14px}.login-logo{font-size:24px;font-weight:700;text-align:center;letter-spacing:.02em}.login-logo-mark{background:var(--accent);color:var(--on-accent);border-radius:8px;padding:2px 8px;margin-right:8px}.login-lead{margin:0 0 6px;color:var(--text-2);text-align:center;font-size:13px}.login-error{background:color-mix(in srgb,var(--danger) 18%,transparent);border:1px solid var(--danger);color:var(--error-fg);border-radius:var(--radius);padding:8px 10px;font-size:13px}.login-field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text-2)}.login-field input{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);padding:10px 12px;font-size:14.5px;outline:none}.login-field input:focus{border-color:var(--accent)}.login-submit{margin-top:6px;background:var(--accent);border:none;color:var(--on-accent);font-weight:700;padding:11px;border-radius:var(--radius);cursor:pointer;font-size:14.5px}.login-submit:hover:enabled{background:var(--accent-hover)}.login-submit:disabled{opacity:.55;cursor:default}.login-back{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:12.5px;padding:4px}.login-back:hover{color:var(--text-1)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:100}.modal{width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 64px);overflow-y:auto;background:var(--bg-1);border:1px solid var(--border);border-radius:12px}.modal-head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-title{flex:1}.modal-back{background:none;border:none;color:var(--text-1);cursor:pointer;font-size:22px;line-height:1;padding:4px 10px 4px 0}.modal-title{font-weight:700}.modal-close{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:14px;padding:4px 6px;border-radius:6px}.modal-close:hover{background:var(--bg-3);color:var(--text-1)}.modal-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:14px}.modal-section-title{font-size:11.5px;color:var(--text-3);letter-spacing:.06em;margin-top:4px}.modal-row{display:flex;gap:8px;align-items:center}.modal-row .ygp-input{flex:1}.modal-note{font-size:12px;color:var(--text-3);margin:0}@media(max-width:768px){.modal-backdrop{place-items:stretch}.modal{width:100vw;max-width:100vw!important;height:100dvh;max-height:100dvh;border:none;border-radius:0;display:flex;flex-direction:column;overflow:hidden}.modal-head{padding-top:calc(14px + env(safe-area-inset-top));position:sticky;top:0;background:var(--bg-1);z-index:2}.modal-body{flex:1;overflow-y:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.modal-back{padding:10px 12px 10px 2px}.modal-close{padding:10px 12px}.modal-close .ygp-icon{width:20px;height:20px}.modal-row{flex-wrap:wrap}.modal-row .ygp-input{min-width:150px}}.rail{width:72px;flex:none;background:var(--rail-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0;overflow:visible}.rail-item{position:relative;background:none;border:none;padding:0;cursor:pointer}.rail-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;color:#fff;font-weight:700;font-size:17px;transition:border-radius .15s ease,background .15s ease}.rail-item:hover .rail-icon{border-radius:10px}.rail-item.is-active .rail-icon{border-radius:10px;box-shadow:0 0 0 2px var(--accent)}.rail-item.is-active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:24px;border-radius:2px;background:var(--text-1)}.role-list{display:flex;flex-direction:column;gap:6px}.role-row{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius)}.role-head{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--text-1);padding:9px 12px;cursor:pointer;font-size:13.5px;text-align:left}.role-name{font-weight:600;flex:1}.role-count{color:var(--text-3);font-size:12px}.role-dot{width:12px;height:12px;border-radius:50%;flex:none}.role-editor{border-top:1px solid var(--border);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.role-color-input{width:44px;height:34px;border:1px solid var(--border);border-radius:6px;background:none;padding:2px;cursor:pointer}.perm-check{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.role-badge{display:inline-flex;align-items:center;border:1px solid;border-radius:999px;font-size:10.5px;padding:0 6px;margin-left:4px;font-weight:600}.owner-mark{margin-left:4px;font-size:12px}.member-manage-block{display:flex;flex-direction:column}.role-assign{display:flex;flex-direction:column;gap:6px;padding:8px 12px 10px 40px;border-top:1px dashed var(--border)}.rail-item.has-unread:not(.is-active):before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:10px;border-radius:2px;background:var(--text-1)}.rail-item:after{content:attr(data-name);position:absolute;left:56px;top:50%;transform:translateY(-50%);background:var(--tooltip-bg);border:1px solid var(--border);color:var(--text-1);padding:5px 10px;border-radius:8px;font-size:12.5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s;z-index:50;box-shadow:0 4px 14px #00000040}.rail-item:hover:after{opacity:1}.rail-icon-home{background:var(--bg-3);font-size:19px}.rail-item.is-active .rail-icon-home{background:var(--accent)}.rail-divider{width:32px;height:2px;background:var(--border);border-radius:1px;margin:2px 0}.rail-icon-add{background:var(--bg-3);color:var(--accent);font-size:22px}.rail-add:hover .rail-icon-add{background:var(--accent);color:var(--on-accent)}.member-manage-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.member-manage-row{display:flex;align-items:center;gap:8px}.member-manage-name{flex:1;min-width:0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-manage-loginid{color:var(--text-3);font-size:12px;margin-left:6px}.member-manage-row .ygp-select{padding:6px 8px;font-size:12.5px}.member-manage-row .ygp-btn{padding:6px 10px;font-size:12.5px}@media(max-width:768px){.member-manage-row{flex-wrap:wrap;row-gap:6px}.member-manage-name{flex-basis:100%}.member-manage-row .ygp-select,.member-manage-row .ygp-btn{padding:9px 12px;font-size:13.5px}.role-head{padding:12px}.perm-check{padding:6px 0;font-size:14px}.role-assign{padding-left:12px}}.member-add{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.member-add-results{max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-0)}.member-add-empty{padding:12px;font-size:12.5px;color:var(--text-3)}.member-add-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-1);font-size:13px;text-align:left;cursor:pointer}.member-add-row:last-child{border-bottom:none}.member-add-row:hover:not(:disabled){background:var(--bg-1)}.member-add-row:disabled{opacity:.5;cursor:default}.member-add-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-add-action{flex-shrink:0;font-size:12px;font-weight:600;color:var(--accent)}@media(max-width:768px){.member-manage-list,.member-add-results{max-height:none;overflow-y:visible;flex-shrink:0}}.theme-options{display:flex;flex-direction:column;gap:8px}.theme-option{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;cursor:pointer}.theme-option:hover{border-color:var(--text-3)}.theme-option.is-selected{border-color:var(--accent)}.theme-option input{accent-color:var(--accent);margin:0}.theme-option-label{font-weight:600;font-size:13.5px}.theme-option-desc{color:var(--text-3);font-size:12px;text-align:right}.totp-box{display:flex;flex-direction:column;gap:10px}.sec-status{font-size:13px;font-weight:600}.sec-status.is-on{color:var(--online)}.sec-status.is-off{color:var(--text-3)}.totp-secret{font-family:Consolas,Courier New,monospace;font-size:16px;letter-spacing:.06em;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;text-align:center;-webkit-user-select:all;user-select:all}.session-row{display:flex;align-items:center;gap:10px;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px}.session-info{flex:1;min-width:0;display:flex;flex-direction:column}.session-agent{font-size:13.5px;font-weight:600}.session-current{margin-left:8px;font-size:10.5px;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:0 4px}.session-meta{font-size:12px;color:var(--text-3)}.session-row .ygp-btn{padding:5px 10px;font-size:12px;flex:none}@media(max-width:768px){.theme-option{padding:13px 12px}.session-row{flex-wrap:wrap;row-gap:6px}.session-row .ygp-btn{padding:9px 14px;font-size:13px}}.admin-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:4px}.admin-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-3);cursor:pointer;padding:8px 12px;font-size:13.5px}.admin-tab.is-active{color:var(--text-1);border-bottom-color:var(--accent);font-weight:600}.audit-list{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;font-size:12.5px}.audit-row{display:grid;grid-template-columns:130px 1fr 1.2fr 100px;gap:8px;padding:6px 8px;border-bottom:1px solid var(--border)}.audit-time{color:var(--text-3)}.audit-actor{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-action{color:var(--accent);font-family:Consolas,monospace;font-size:11.5px}.audit-ip{color:var(--text-3);font-size:11px}.issued-box{background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid var(--accent);border-radius:var(--radius);padding:10px 12px;font-size:13px}.issued-password{font-family:Consolas,Courier New,monospace;font-size:17px;letter-spacing:.05em;margin:6px 0;-webkit-user-select:all;user-select:all}.admin-user-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.admin-user-row{display:flex;align-items:center;gap:8px;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px}.admin-user-row.is-suspended{opacity:.55}.admin-user-info{flex:1;min-width:0;display:flex;flex-direction:column}.admin-user-name{font-size:13.5px;font-weight:600;display:flex;gap:6px;align-items:center}.admin-user-loginid{color:var(--text-3);font-weight:400;font-size:12px}.admin-user-meta{font-size:12px;color:var(--text-3)}.admin-user-row .ygp-btn{padding:5px 10px;font-size:12px;flex:none}@media(max-width:768px){.admin-tab{padding:12px 14px;font-size:14.5px}.audit-row{grid-template-columns:auto 1fr;row-gap:2px;padding:9px 8px}.audit-action{grid-column:1 / -1}.audit-ip{grid-column:1 / -1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-actor{text-align:right}.admin-user-row{flex-wrap:wrap}.admin-user-info{flex-basis:100%}.admin-user-row .ygp-btn{padding:9px 14px;font-size:13px}}@media(max-width:768px){.audit-list,.admin-user-list{max-height:none;overflow-y:visible;flex-shrink:0}}.fb-toolbar{display:flex;align-items:center;gap:10px;justify-content:space-between}.fb-crumb{font-size:13px;color:var(--text-2);white-space:nowrap}.fb-crumb-link{background:none;border:none;color:var(--text-1);cursor:pointer;font-size:13px;font-weight:600;padding:2px 4px;border-radius:4px}.fb-crumb-link:hover{background:var(--bg-3)}.fb-search{max-width:240px;padding:7px 10px}.fb-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.fb-folder{display:flex;align-items:center;gap:8px;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);padding:12px;cursor:pointer;color:var(--text-1);font-size:13.5px;text-align:left}.fb-folder:hover{border-color:var(--accent)}.fb-folder-icon{font-size:20px}.fb-folder-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.fb-folder-count{color:var(--text-3);font-size:12px;flex:none}.fb-table{display:flex;flex-direction:column;max-height:420px;overflow-y:auto}.fb-row{display:grid;grid-template-columns:1fr 70px 90px 90px;gap:8px;align-items:center;padding:7px 10px;border-radius:6px;color:var(--text-1);text-decoration:none;font-size:13px}.fb-row:hover{background:var(--bg-3)}.fb-head{color:var(--text-3);font-size:12px;border-bottom:1px solid var(--border);border-radius:0;position:sticky;top:0;background:var(--bg-1)}.fb-head:hover{background:var(--bg-1)}.fb-th{background:none;border:none;color:inherit;cursor:pointer;text-align:left;font-size:12px;padding:0}.fb-th:hover{color:var(--text-1)}.fb-th-static{font-size:12px}.fb-name{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-thumb{width:32px;height:32px;object-fit:cover;border-radius:6px;border:1px solid var(--border);flex:none}.fb-icon{font-size:18px;flex:none}.fb-ch{color:var(--text-3);font-size:12px}.fb-size,.fb-by,.fb-date{color:var(--text-2);font-size:12px;white-space:nowrap}@media(max-width:768px){.fb-row{grid-template-columns:1fr 64px}.fb-by,.fb-date{display:none}.fb-row{padding:10px 8px}.fb-toolbar{flex-wrap:wrap;gap:6px}.fb-search{max-width:none;flex:1;min-width:160px}.fb-folders{grid-template-columns:1fr}}@media(max-width:768px){.fb-table{max-height:none;overflow-y:visible;flex-shrink:0}}.search-results{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}.search-row{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px;cursor:pointer;color:var(--text-1)}.search-row:hover{border-color:var(--accent)}.search-meta{font-size:11.5px;color:var(--text-3)}.search-content{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-mark{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--text-1);border-radius:3px;padding:0 1px}@media(max-width:768px){.search-results{max-height:none;overflow-y:visible;flex-shrink:0}}.channel-view{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-2)}.channel-empty-body{flex:1;display:grid;place-items:center;color:var(--text-3)}.header-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-3);cursor:pointer;padding:6px;border-radius:6px;line-height:1}.header-btn:hover{background:var(--bg-3)}.header-btn-right{margin-left:auto}.channel-header{position:relative;display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--border);min-height:49px}.channel-title{font-weight:700}.channel-topic{color:var(--text-3);font-size:13px;border-left:1px solid var(--border);padding-left:12px;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-scroller{flex:1;overflow-y:auto;padding:16px 18px 8px}.load-older{display:block;margin:0 auto 12px;background:var(--bg-3);color:var(--text-2);border:none;border-radius:999px;padding:6px 14px;font-size:12.5px;cursor:pointer}.load-older:hover{color:var(--text-1)}.day-divider{display:flex;align-items:center;gap:12px;color:var(--text-3);font-size:12px;margin:14px 0 8px}.day-divider:before,.day-divider:after{content:"";flex:1;height:1px;background:var(--border)}.channel-start{color:var(--text-2);margin:8px;font-size:13.5px}.msg{display:flex;gap:12px;padding:2px 8px;border-radius:6px}.msg:hover{background:color-mix(in srgb,var(--bg-3) 45%,transparent)}.msg-head{margin-top:12px}.msg-gutter{width:36px;flex:none}.msg-avatar{margin-top:2px}.msg-body{min-width:0;flex:1}.msg-meta{display:flex;align-items:baseline;gap:8px}.msg-author{font-weight:700;font-size:14px}.msg-time{color:var(--text-3);font-size:11.5px}.msg-content{white-space:pre-wrap;overflow-wrap:anywhere}.msg-temp .msg-content{opacity:.55}.composer{padding:8px 18px 16px}.send-error{display:flex;justify-content:space-between;gap:8px;background:color-mix(in srgb,var(--danger) 16%,transparent);border:1px solid var(--danger);color:var(--error-fg);border-radius:var(--radius);padding:6px 10px;font-size:12.5px;margin-bottom:8px}.send-error button{background:none;border:none;color:inherit;cursor:pointer}.composer-box{display:flex;align-items:flex-end;gap:8px;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.composer-box:focus-within{border-color:var(--accent)}.composer-box textarea{flex:1;background:none;border:none;resize:none;outline:none;color:var(--text-1);font-size:14.5px;line-height:1.55;max-height:200px;padding:2px 4px}.composer-box textarea::placeholder{color:var(--text-3)}.composer-send{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-3);cursor:pointer;padding:6px;border-radius:8px;transition:color .12s,background .12s}.composer-send:hover:not(:disabled){color:var(--text-1);background:var(--bg-3)}.composer-send:disabled{color:var(--text-3);opacity:.5;cursor:default}.composer-send-primary{color:var(--accent)}.composer-send-primary:hover:not(:disabled){color:var(--on-accent);background:var(--accent)}.msg{position:relative}.msg-actions{position:absolute;top:-12px;right:12px;display:none;gap:2px;background:var(--bg-1);border:1px solid var(--border);border-radius:8px;padding:2px;z-index:5}.msg:hover .msg-actions{display:flex}.msg-actions.is-open{display:flex;z-index:50}.msg-action-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-3);padding:5px;border-radius:6px;line-height:1;transition:color .12s,background .12s}.msg-action-btn:hover{background:var(--bg-3);color:var(--text-1)}.msg-action-btn.is-on{color:var(--accent)}.msg-action-btn.is-danger:hover{color:var(--danger)}.msg-quick-react{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:3px 4px;border-radius:6px;transition:background .12s,transform .08s}.msg-quick-react:hover{background:var(--bg-3);transform:scale(1.15)}.msg-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:41;min-width:190px;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000052;padding:5px}.msg-menu.up{top:auto;bottom:calc(100% + 4px)}.msg-menu-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:var(--text-1);cursor:pointer;padding:8px 10px;border-radius:6px;font-size:13.5px;text-align:left}.msg-menu-item:hover{background:var(--bg-3)}.msg-menu-item.is-danger{color:var(--danger)}.msg-menu-item.as-label{cursor:default;color:var(--text-2);padding-bottom:2px}.msg-menu-item.as-label:hover{background:none}.msg-menu-remind{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:3px 0;padding:3px 0}.msg-menu-remind-presets{display:flex;flex-wrap:wrap;gap:4px;padding:2px 10px 6px 34px}.msg-menu-remind-presets button{background:var(--bg-3);border:1px solid var(--border);border-radius:999px;color:var(--text-2);cursor:pointer;font-size:11.5px;padding:3px 9px}.msg-menu-remind-presets button:hover{border-color:var(--accent);color:var(--text-1)}.reaction-picker{position:absolute;top:26px;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:0 6px 18px #0000004d;z-index:6}.reaction-picker button{background:none;border:none;font-size:18px;padding:4px 6px;border-radius:6px;cursor:pointer}.reaction-picker button:hover{background:var(--bg-3)}.reaction-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg-3);border:1px solid var(--border);border-radius:999px;padding:1px 8px;cursor:pointer;font-size:13px;color:var(--text-2)}.reaction-chip:hover{border-color:var(--text-3)}.reaction-chip.is-mine{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text-1)}.reaction-count{font-size:12px}.msg-edited{color:var(--text-3);font-size:11px;margin-left:6px}.msg-edit{display:flex;flex-direction:column;gap:6px;margin-top:2px}.msg-edit textarea{background:var(--bg-3);border:1px solid var(--accent);border-radius:8px;color:var(--text-1);font-size:14.5px;line-height:1.55;padding:8px 10px;resize:none;outline:none}.msg-edit-actions{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--text-3)}.msg-pinned-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-3);margin-bottom:2px}.ack-btn,.ack-label,.msg-pinned-tag,.dm-list-btn,.sidebar-me-status,.channel-hash{--icon-gap: 4px}.ack-btn{display:inline-flex;align-items:center;gap:5px}.ack-label{display:inline-flex;align-items:center;gap:4px}.pinned-panel{position:absolute;top:calc(100% + 4px);right:8px;width:min(360px,calc(100vw - 24px));max-height:60vh;overflow-y:auto;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000059;z-index:25;padding:8px}.pinned-item{display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:8px;border-bottom:1px solid var(--border)}.pinned-item-meta{font-size:11.5px;color:var(--text-3);display:flex;justify-content:space-between}.pinned-unpin{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:11px}.msg-announcement{background:color-mix(in srgb,var(--accent) 7%,transparent);border-left:3px solid var(--accent);border-radius:6px}.ack-row{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}.ack-label{font-size:11.5px;font-weight:700;color:var(--accent)}.ack-btn{padding:4px 12px;font-size:12.5px}.ack-done{color:var(--online);font-size:12.5px;font-weight:600}.ack-count{color:var(--text-3);font-size:12px;cursor:default}.composer-send.is-announce{background:var(--accent);color:var(--on-accent);border-radius:8px}.mention-popup{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:0 -6px 18px #00000040;z-index:20;max-height:280px;overflow-y:auto}.mention-popup-title{font-size:11px;color:var(--text-3);padding:2px 8px 6px;letter-spacing:.06em}.mention-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--text-1);padding:6px 8px;border-radius:6px;cursor:pointer;font-size:13.5px;text-align:left}.mention-item.is-active{background:var(--bg-3)}.mention-name{font-weight:600}.mention-loginid{color:var(--text-3);font-size:12px;margin-left:auto}.mention-token{color:var(--accent);font-weight:600}.mention-token.is-me{color:var(--on-accent);background:var(--accent);border-radius:3px;padding:0 4px}.reply-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;padding:5px 10px;font-size:12.5px;color:var(--text-2)}.reply-bar button{background:none;border:none;color:var(--text-3);cursor:pointer}.msg-quote{display:flex;gap:8px;align-items:baseline;font-size:12px;color:var(--text-3);border-left:2px solid var(--border);padding-left:8px;margin:2px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.msg-quote-name{color:var(--text-2);font-weight:600;flex:none}.msg-quote-text{overflow:hidden;text-overflow:ellipsis}.composer-box{position:relative}.pending-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;align-items:center}.pending-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-3);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:12.5px}.pending-chip button{background:none;border:none;color:var(--text-3);cursor:pointer}.attachment-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.attachment-image{max-width:320px;max-height:220px;border-radius:8px;border:1px solid var(--border);display:block}.attachment-card{display:inline-flex;align-items:center;gap:8px;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;color:var(--text-1);text-decoration:none;font-size:13px}.attachment-card:hover{border-color:var(--accent)}.attachment-size{color:var(--text-3);font-size:12px}.msg-delete-preview{margin:0;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.composer-plus-menu{position:absolute;bottom:calc(100% + 8px);left:0;min-width:230px;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;padding:5px;box-shadow:0 -6px 18px #00000040;z-index:21}.composer-plus-menu .msg-menu-item:disabled{opacity:.45;cursor:default}.msg.is-touched .msg-actions{display:flex}.msg.is-touched{background:color-mix(in srgb,var(--bg-3) 45%,transparent)}@media(max-width:768px){.composer-box textarea,.msg-edit textarea{font-size:16px}.channel-header{padding:calc(10px + env(safe-area-inset-top)) 10px 10px;gap:4px}.composer{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}.message-scroller{padding:12px 10px 8px}.channel-topic{display:none}.channel-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.attachment-image{max-width:100%}.header-btn,.composer-send{padding:10px}.composer-send .ygp-icon{width:21px;height:21px}.composer-send.only-desktop{display:none}.msg-action-btn{padding:9px}.msg-action-btn .ygp-icon{width:20px;height:20px}.msg-quick-react{font-size:19px;padding:7px 8px}.msg-actions{top:-18px;right:8px}.msg-menu-item{padding:12px;font-size:14.5px}.msg-menu{min-width:220px;max-height:min(60vh,420px);overflow-y:auto}.msg-menu-remind-presets button{padding:8px 13px;font-size:13px}.reaction-picker button{font-size:22px;padding:8px 10px}.reaction-chip{padding:4px 11px;font-size:14px}.mention-item{padding:11px 10px;font-size:14.5px}.ack-btn{padding:9px 16px;font-size:13.5px}.load-older{padding:9px 16px;font-size:13px}.pinned-unpin{padding:8px;font-size:12.5px}.pinned-item{padding:10px 8px}.attachment-card{padding:11px 12px}.pending-chip{padding:7px 12px}.pending-chip button{padding:4px 6px}.reply-bar button,.send-error button{padding:8px}.msg-edit-actions .ygp-btn{padding:9px 14px}}.shell{height:100%;display:flex;flex-direction:column}.conn-banner{background:var(--warn-bg);color:var(--on-warn);text-align:center;font-size:12.5px;padding:4px}.shell-columns{flex:1;display:flex;min-height:0;position:relative}.shell-left,.shell-right{display:flex;flex:none;min-height:0}.shell-backdrop,.mobile-only{display:none}.sidebar{width:240px;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar-workspace{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--border);min-height:49px}.sidebar-workspace-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-gear{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-3);cursor:pointer;font-size:15px;padding:5px;border-radius:6px;flex:none}.sidebar-gear:hover{background:var(--bg-3);color:var(--text-1)}.sidebar-channels{flex:1;overflow-y:auto;padding:10px 8px}.sidebar-section{font-size:11.5px;color:var(--text-3);padding:6px 8px;letter-spacing:.06em;display:flex;align-items:center;justify-content:space-between}.dm-lists{display:flex;flex-direction:column;gap:2px;padding:4px}.dm-list-btn{display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text-2);padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px;text-align:left}.dm-list-btn:hover{background:var(--bg-3);color:var(--text-1)}.sidebar-add{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-3);cursor:pointer;padding:3px;border-radius:4px}.sidebar-add:hover{color:var(--text-1);background:var(--bg-3)}.channel-item{display:flex;align-items:center;color:var(--text-2);border-radius:6px}.channel-item:hover{background:var(--bg-3);color:var(--text-1)}.channel-item.is-active{background:var(--bg-3);color:var(--text-1);font-weight:600}.channel-main{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;background:none;border:none;color:inherit;font-weight:inherit;padding:7px 10px;cursor:pointer;font-size:14.5px}.channel-gear{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-3);cursor:pointer;padding:5px;opacity:0}.channel-item:hover .channel-gear{opacity:1}.channel-item.has-unread{color:var(--text-1);font-weight:600}.channel-unread{margin-left:auto;flex:none;background:var(--danger);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:0 6px;min-width:18px;text-align:center}.channel-unread.is-normal{background:var(--bg-3);color:var(--text-2);border:1px solid var(--border)}.channel-hash{display:inline-flex;align-items:center;justify-content:center;color:var(--text-3);width:16px;flex:none;font-size:15px}.channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-me{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--border);background:var(--bg-0);position:relative}.sidebar-me-info{background:none;border:none;text-align:left;cursor:pointer;padding:0;color:inherit;flex:1;min-width:0}.sidebar-me-name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-me-status{font-size:11.5px;color:var(--online)}.sidebar-logout{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-3);cursor:pointer;font-size:16px;padding:5px;border-radius:6px}.sidebar-logout:hover{background:var(--bg-3);color:var(--danger)}.members{width:216px;background:var(--bg-1);border-left:1px solid var(--border);overflow-y:auto;padding:14px 10px}.members-section{font-size:11.5px;color:var(--text-3);padding:8px 8px 4px;letter-spacing:.06em}.member-item{display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:6px}.member-item.is-offline{opacity:.45}.member-item.is-clickable{cursor:pointer}.member-item.is-clickable:hover{background:var(--bg-3)}.member-status-label{font-size:11px;color:var(--text-3);margin-left:auto}.member-status-label+.role-badge{margin-left:6px}.status-menu{position:absolute;bottom:calc(100% + 6px);left:8px;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;padding:5px;box-shadow:0 -6px 18px #0000004d;z-index:30;min-width:150px}.status-menu button{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--text-1);padding:7px 10px;border-radius:6px;cursor:pointer;font-size:13px;text-align:left}.status-menu button:hover{background:var(--bg-3)}.status-swatch{width:9px;height:9px;border-radius:50%;flex:none}.member-avatar-wrap{position:relative;flex:none;display:inline-flex}.presence-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--online);border:2px solid var(--bg-1)}.member-name{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-badge{font-size:10.5px;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:0 4px;flex:none}@media(max-width:768px){.mobile-only{display:inline-flex}.shell-left{position:fixed;top:0;left:0;bottom:0;z-index:60;transform:translate(-100%);transition:transform .2s ease;box-shadow:4px 0 20px #00000059}.shell-left.is-open{transform:translate(0)}.shell-right{position:fixed;top:0;right:0;bottom:0;z-index:60;transform:translate(100%);transition:transform .2s ease;box-shadow:-4px 0 20px #00000059}.shell-right.is-open{transform:translate(0)}.shell-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50}.shell-left .sidebar{width:min(280px,78vw)}.shell-left .rail,.shell-left .sidebar{padding-top:env(safe-area-inset-top)}.sidebar-me{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.shell-right .members{padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:calc(14px + env(safe-area-inset-bottom))}.sidebar-gear,.sidebar-logout{padding:9px}.sidebar-add{padding:10px}.channel-main{padding:11px 10px;font-size:15px}.channel-gear{opacity:1;padding:9px}.channel-gear .ygp-icon{width:17px;height:17px}.dm-list-btn{padding:12px 10px;font-size:15px}.status-menu button{padding:11px 12px;font-size:14px}.member-item{padding:8px}.member-name{font-size:14.5px}}.shell-empty{flex:1;display:grid;place-items:center;padding:24px}.shell-empty-card{max-width:380px;text-align:center;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:28px 24px}.shell-empty-card h2{margin:0 0 10px;font-size:17px;color:var(--text-1)}.shell-empty-card p{margin:0;font-size:13.5px;line-height:1.8;color:var(--text-2)}.shell-empty-note{margin-top:14px!important;font-size:12.5px!important;color:var(--text-3)!important}:root{--bg-0: #111317;--bg-1: #191c21;--bg-2: #21252c;--bg-3: #2a2f38;--rail-bg: #0b0d10;--border: #343a45;--text-1: #e7eaee;--text-2: #9aa3af;--text-3: #6b7482;--accent: #2ea88a;--accent-hover: #37bf9d;--on-accent: #062019;--danger: #e5484d;--error-fg: #ffb3b5;--online: #3fb27f;--warn-bg: #7d6a24;--on-warn: #ffffff;--login-glow: #1d2a28;--tooltip-bg: #0c0e11;--radius: 8px;--font: "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, system-ui, sans-serif}:root[data-theme=light]{--bg-0: #dfe2e6;--bg-1: #f2f3f5;--bg-2: #ffffff;--bg-3: #e8eaee;--rail-bg: #d3d7dc;--border: #d4d8dd;--text-1: #1d2229;--text-2: #5a6472;--text-3: #8a93a0;--accent: #1f8a70;--accent-hover: #177a62;--on-accent: #ffffff;--danger: #d33b40;--error-fg: #a11e23;--online: #2e9e6b;--warn-bg: #f0d47a;--on-warn: #4a3d08;--login-glow: #d7e8e2;--tooltip-bg: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{margin:0;overscroll-behavior:none;font-family:var(--font);color:var(--text-1);background:var(--bg-2);font-size:14.5px;line-height:1.6}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:5px}::-webkit-scrollbar-track{background:transparent}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#fff;font-weight:600;flex:none;-webkit-user-select:none;user-select:none}.boot-screen{height:100%;display:grid;place-items:center;color:var(--text-2)}.avatar-img{border-radius:50%;object-fit:cover;flex:none;display:block}.ygp-icon{display:block;flex:none}button,a,label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ygp-label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text-2)}.ygp-input,.ygp-select{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);padding:9px 11px;font-size:14px;outline:none}.ygp-input:focus,.ygp-select:focus{border-color:var(--accent)}.ygp-btn{background:var(--bg-3);border:1px solid var(--border);color:var(--text-1);padding:8px 14px;border-radius:var(--radius);cursor:pointer;font-size:13.5px}.ygp-btn:hover:enabled{border-color:var(--text-3)}.ygp-btn:disabled{opacity:.5;cursor:default}.ygp-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.ygp-btn-primary:hover:enabled{background:var(--accent-hover);border-color:var(--accent-hover)}.ygp-btn-danger{color:var(--danger);border-color:var(--danger);background:none}.ygp-error-text{color:var(--error-fg);font-size:12.5px}@media(max-width:768px){input,textarea,select,.ygp-input,.ygp-select,.login-field input{font-size:16px}.ygp-btn{padding:10px 16px;font-size:14px}.ygp-input,.ygp-select{padding:10px 12px}}