:root{--color-canvas: #1e1f22;--color-rail: #151619;--color-rail-deep: #101113;--color-surface-1: #1a1b1e;--color-surface-2: #232427;--color-surface-3: #2a2b2f;--color-selected: #232427;--color-stage: #0c0d10;--color-border-soft: rgba(255,255,255,.06);--color-border: rgba(255,255,255,.1);--color-border-strong: rgba(255,255,255,.12);--color-accent: #24c9b5;--color-accent-hi: #5fe3d2;--color-accent-dim: #1aa696;--color-accent-soft: rgba(36,201,181,.16);--color-accent-soft-2: rgba(36,201,181,.09);--color-accent-line: rgba(36,201,181,.42);--color-on-accent: #062a26;--color-warn: #f2a63b;--color-warn-hi: #ffc271;--color-warn-soft: rgba(242,166,59,.16);--color-on-warn: #2a1b04;--color-text: #e8e9ea;--color-text-2: #dcdde0;--color-text-muted: #8e9095;--color-text-dim: #6f7176;--color-text-dimmer: #5f6166;--color-danger: #e05561;--color-danger-hi: #f4818b;--color-danger-soft: rgba(224,85,97,.16);--color-online: #3bc77a;--color-online-hi: #86e0ac;--color-online-soft: rgba(59,199,122,.14);--color-away: #f2a63b;--color-busy: #e05561;--color-offline: #6f7176;--av-teal: #159c94;--av-green: #47924f;--av-amber: #c8862e;--av-coral: #d4614a;--av-plum: #a2549b;--av-clay: #93724a;--font-ui: "Poppins", "Noto Sans Thai Looped", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 19px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 7px;--radius-md: 8px;--radius-lg: 9px;--radius-xl: 11px;--radius-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur-med: .2s;--w-rail: 214px;--w-chatlist: 280px;--w-members: 260px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--arc-faint: oklch(.72 .02 190 / .1);--arc-teal: oklch(.74 .13 185 / .3);--arc-teal-2:oklch(.74 .13 185 / .14);--arc-amber: oklch(.78 .13 72 / .24)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{height:100dvh}html,body{overflow-x:clip;color-scheme:dark}html,body{overscroll-behavior:none}body{font-family:var(--font-ui);font-size:var(--text-base);background:var(--color-canvas);color:var(--color-text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input{font-family:inherit}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.shell{display:flex;height:100%}:root{--tb-h: 34px}.has-titlebar #root{padding-top:var(--tb-h)}.tbar{position:fixed;top:0;left:0;right:0;height:var(--tb-h);z-index:200;display:flex;align-items:center;gap:var(--space-2);padding-left:10px;background:var(--color-rail-deep);border-bottom:1px solid var(--color-border-soft);-webkit-user-select:none;user-select:none}.tbar-left{display:flex;align-items:center;gap:7px;flex:none}.tbar-logo{width:16px;height:16px;object-fit:contain}.tbar-app{font-size:11.5px;font-weight:600;color:var(--color-text-dim);letter-spacing:.02em}.tbar-mid{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;height:100%}.tbar-space{font-size:12.5px;font-weight:600;color:var(--color-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tbar-right{display:flex;align-items:center;flex:none;height:100%}.tbar-btn{position:relative;width:44px;height:100%;flex:none;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--color-text-2);cursor:pointer;padding:0}.tbar-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.tbar-btn.close:hover{background:var(--color-danger);color:#fff}.tbar-btn.up{color:var(--color-accent-hi)}.tbar-btn.up:hover{background:var(--color-accent-soft)}.tbar-dot{position:absolute;top:7px;right:12px;width:7px;height:7px;border-radius:50%;background:var(--color-danger);box-shadow:0 0 0 2px var(--color-rail-deep)}.navpanes{display:contents}.content{flex:1;min-width:0;height:100%;display:flex;position:relative}.spacerail{width:62px;flex:none;background:var(--color-rail-deep);border-right:1px solid var(--color-border-soft);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:4px}.spacerail-list{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;overflow-y:auto;width:100%}.spacerail-list::-webkit-scrollbar{width:0}.spacerail-foot{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.space-icon{position:relative;width:100%;height:48px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.space-pill{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:var(--color-accent);border-radius:0 4px 4px 0;transition:height var(--dur-med) var(--ease-out)}.space-icon:hover .space-pill{height:18px}.space-icon.active .space-pill{height:28px}.space-badge{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;transition:border-radius var(--dur-med) var(--ease-out),filter var(--dur-fast) var(--ease-out);overflow:hidden}.space-logo-img{width:100%;height:100%;object-fit:cover}.space-icon:hover .space-badge{border-radius:12px}.space-icon.active .space-badge{border-radius:11px;filter:brightness(1.12)}.space-icon:not(.active) .space-badge{filter:saturate(.86) brightness(.94)}.space-icon:not(.active):hover .space-badge{filter:none}.space-dot{position:absolute;top:3px;right:7px;width:10px;height:10px;border-radius:50%;background:var(--color-danger);border:2px solid var(--color-rail-deep)}.space-dot.mention{background:var(--color-warn)}.space-mute{position:absolute;bottom:2px;right:7px;font-size:10px;line-height:1;opacity:.75}.sr-zone{position:relative;align-self:stretch;height:1px;margin:10px 13px 4px;background:var(--color-border);display:flex;justify-content:center;flex:none}.sr-zone>span{position:absolute;top:-7px;padding:0 5px;background:var(--color-rail-deep);color:var(--color-text-dimmer);font-size:9px;font-weight:700;letter-spacing:.12em;line-height:15px}.space-verified{position:absolute;bottom:1px;right:6px;width:15px;height:15px;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);border:2px solid var(--color-rail-deep);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;line-height:1}.space-icon.is-oa .space-mute{right:24px}.space-notify{display:flex;gap:6px;flex-wrap:wrap}.space-notify-opt{flex:1;min-width:96px;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text-2);font-family:inherit;font-size:12.5px;cursor:pointer}.space-notify-opt:hover{background:var(--color-surface-2)}.space-notify-opt.on{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-hi);font-weight:600}.space-util{height:42px;color:var(--color-text-muted)}.space-util>svg{position:relative;z-index:1}.space-util:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:12px;background:var(--color-rail);transition:background var(--dur-fast) var(--ease-out)}.space-util:hover{color:var(--color-text)}.space-util:hover:before{background:var(--color-surface-2)}.sr-tip{position:fixed;left:71px;z-index:70;transform:translateY(-50%);pointer-events:none;max-width:240px;padding:7px 11px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 12px 30px #00000080;font-size:12.5px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:sr-tip-in .13s var(--ease-out)}.sr-tip:before{content:"";position:absolute;left:-5px;top:50%;margin-top:-4.5px;width:9px;height:9px;transform:rotate(45deg);background:var(--color-surface-2);border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.sr-tip small{display:block;margin-top:2px;font-size:11px;font-weight:500;color:var(--color-text-muted)}@keyframes sr-tip-in{0%{opacity:0;transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media (hover: none){.sr-tip{display:none}}.space-add-wrap{position:relative}.space-add{color:var(--color-accent)}.space-add:hover{color:#fff}.space-menu{position:absolute;left:64px;bottom:0;z-index:60;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:6px;width:190px;box-shadow:0 16px 40px #00000080;display:flex;flex-direction:column;gap:2px}.space-menu button{text-align:left;border:0;background:transparent;color:var(--color-text);padding:9px 11px;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer}.space-menu button:hover{background:var(--color-surface-2)}.modal-wide{max-width:540px}.space-invite-actions{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.space-invite-actions button{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);border-radius:var(--radius-md);padding:6px 12px;font-size:12.5px;cursor:pointer}.space-invite-actions button:hover:not(:disabled){background:var(--color-surface-3)}.space-invite-hint{font-size:11.5px;color:var(--color-text-muted)}.space-members{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px}.space-member{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-md)}.space-member:hover{background:var(--color-surface-2)}.space-member-name{flex:1;min-width:0;display:flex;flex-direction:column;font-size:var(--text-sm);white-space:nowrap;overflow:hidden}.space-member-name small{color:var(--color-text-muted);font-size:11.5px}.space-role{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--color-surface-3);color:var(--color-text-2);white-space:nowrap}.space-role.role-owner{background:var(--color-accent-soft);color:var(--color-accent-hi)}.space-role.role-admin{background:var(--color-warn-soft);color:var(--color-warn)}.space-role-sel{background:var(--color-canvas);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;padding:3px 6px}.space-kick{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:14px;width:24px;height:24px;border-radius:var(--radius-md)}.space-kick:hover{background:var(--color-danger-soft);color:var(--color-danger)}.space-danger{border:1px solid var(--color-danger);background:transparent;color:var(--color-danger);border-radius:var(--radius-md);padding:9px 16px;font-size:var(--text-sm);font-weight:500;cursor:pointer}.space-danger:hover:not(:disabled){background:var(--color-danger-soft)}.field-dirty{font-style:normal;font-size:11px;color:var(--color-warn);background:var(--color-warn-soft);padding:1px 7px;border-radius:999px}.invite-ttl{font-style:normal;font-variant-numeric:tabular-nums;color:var(--color-text-2)}.invite-ttl.soon{color:var(--color-warn)}.space-qr{display:block;margin:10px auto 0;border-radius:8px;width:150px;height:150px}.oa-tag{flex:none;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-accent);background:var(--color-accent);border-radius:var(--radius-pill);padding:0 6px;line-height:14px}.mem-group{display:flex;align-items:baseline;gap:8px;margin:12px 0 6px;padding-top:10px;border-top:1px solid var(--color-border-soft)}.mem-group>span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mem-group>small{font-size:11px;color:var(--color-text-dimmer);flex:none;margin-left:auto}.qr-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.qr-btn{border:1px solid var(--color-accent-line);background:var(--color-accent-soft);color:var(--color-accent-hi);border-radius:var(--radius-pill);padding:5px 13px;font-size:var(--text-sm);font-weight:600;cursor:pointer}.qr-btn:hover:not(:disabled){background:var(--color-accent);color:var(--color-on-accent)}.qr-btn:disabled{opacity:.55;cursor:default}.ar-wrap{flex:1;min-width:0;display:flex;flex-direction:column;padding:20px 24px;overflow-y:auto;overscroll-behavior:contain;gap:16px}.ar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ar-body{display:flex;flex-direction:column;gap:16px;max-width:900px;width:100%}.ar-card{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:16px}.ar-card-head{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-bottom:12px}.ar-card-head h2{font-size:var(--text-lg);font-weight:700;margin:0}.ar-card-head small{color:var(--color-text-muted);font-size:var(--text-sm)}.ar-card-head>.contacts-add{margin-left:auto}.ar-text{width:100%;resize:vertical;font-family:inherit;line-height:1.5}.ar-row-end{display:flex;justify-content:flex-end;margin-top:10px}.ar-rules{display:flex;flex-direction:column;gap:10px}.ar-rule{display:flex;gap:12px;padding:12px;border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface-2)}.ar-rule.off{opacity:.58}.ar-rule-ord{display:flex;flex-direction:column;align-items:center;gap:2px;flex:none;color:var(--color-text-muted);font-size:11px}.ar-rule-ord button{border:0;background:transparent;color:var(--color-text-dim);cursor:pointer;font-size:10px;line-height:1;padding:2px}.ar-rule-ord button:hover:not(:disabled){color:var(--color-accent)}.ar-rule-ord button:disabled{opacity:.3;cursor:default}.ar-rule-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ar-rule-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ar-rule-main>small{color:var(--color-text-muted);font-size:var(--text-xs)}.ar-rule-reply{font-size:var(--text-sm);color:var(--color-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-stat{color:var(--color-text-dimmer)!important}.ar-rule-act{display:flex;flex-direction:column;gap:6px;flex:none}.ar-rule-act button{padding:5px 12px;font-size:var(--text-xs)}.ar-probe{margin-top:10px;font-size:var(--text-sm);color:var(--color-text-muted)}.ar-probe.hit{color:var(--color-accent-hi)}.ar-unmatched{display:flex;flex-wrap:wrap;gap:6px}.ar-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ar-chip{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:3px 6px 3px 11px;font-size:var(--text-sm)}.ar-chip small{color:var(--color-text-dimmer);font-size:10px}.ar-chip button{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;display:flex;padding:2px;border-radius:50%}.ar-chip button:hover{background:var(--color-danger-soft);color:var(--color-danger)}.ar-check{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);cursor:pointer}.ar-sched{display:flex;flex-direction:column;gap:10px;margin-top:10px}.ar-days{display:flex;flex-wrap:wrap;gap:5px}.ar-times{display:flex;align-items:center;gap:8px}.ar-times .modal-text{width:auto;flex:none}.mem-tag{flex:none;font-size:9.5px;font-weight:700;border-radius:var(--radius-pill);padding:0 6px;line-height:15px;color:var(--color-text-2);background:var(--color-surface-3)}.mem-tag.req{color:var(--color-on-warn);background:var(--color-warn)}.msg-oa.auto{color:var(--color-text-2);background:var(--color-surface-3);border-color:var(--color-border)}.msg-oa{font-size:9.5px;font-weight:700;letter-spacing:.04em;color:var(--color-accent);background:var(--color-accent-soft);border:1px solid var(--color-accent-line);border-radius:var(--radius-pill);padding:0 6px;line-height:15px;flex:none}.oa-friend{border:1px solid var(--color-accent-line);background:var(--color-accent-soft);border-radius:var(--radius-lg);padding:12px}.oa-qr{width:176px;height:176px}.oa-hero{position:relative;width:88px;height:88px;margin:0 auto 14px}.oa-hero-badge{width:88px;height:88px;border-radius:26px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);color:var(--color-text);font-size:34px;font-weight:700}.oa-hero-badge img{width:100%;height:100%;object-fit:cover}.oa-hero-badge.person{border-radius:50%}.oa-hero-badge.sm{width:44px;height:44px;border-radius:14px;font-size:17px;flex:none}.oa-hero-badge.sm.person{border-radius:50%}.fl-found{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2)}.fl-found-text{display:flex;flex-direction:column;min-width:0;flex:1}.fl-found-text b{font-size:var(--text-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-found-text small{color:var(--color-text-muted);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oa-hero-check{position:absolute;right:-3px;bottom:-3px;width:27px;height:27px;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);border:3px solid var(--color-surface-1);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.oa-hero-sub{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin:-12px 0 18px}.join-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.join-card{width:100%;max-width:400px;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:28px;box-shadow:0 24px 60px #00000080}.join-logo{font-family:Poppins,sans-serif;font-weight:700;font-size:20px;color:var(--color-accent);text-align:center;margin-bottom:18px}.join-sub{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.join-title{text-align:center;font-size:var(--text-xl);font-weight:700;margin:2px 0 18px}.join-state{text-align:center;color:var(--color-text-muted);padding:20px 0}.join-tabs{display:flex;gap:4px;padding:4px;background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:16px}.join-tab{flex:1;padding:8px;border:0;background:transparent;color:var(--color-text-muted);border-radius:calc(var(--radius-md) - 3px);font-size:var(--text-sm);font-weight:600;cursor:pointer}.join-tab.on{background:var(--color-accent);color:var(--color-on-accent)}.join-btn{width:100%;justify-content:center;margin-top:6px;padding:11px}.join-me{display:flex;flex-direction:column;gap:10px;align-items:center}.join-meline{font-size:var(--text-sm);color:var(--color-text-2)}.join-alt{border:0;background:transparent;color:var(--color-text-muted);font-size:12.5px;cursor:pointer;text-decoration:underline}.join-google{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:6px}.gbtn{display:flex;justify-content:center;min-height:40px}.join-or{font-size:12px;color:var(--color-text-muted)}.login-or{text-align:center;font-size:12px;color:var(--color-text-muted);margin:14px 0 10px}.askn{position:fixed;z-index:200;right:20px;bottom:20px;width:min(340px,calc(100vw - 40px));display:grid;grid-template-columns:auto 1fr;gap:4px 12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:15px 16px 14px;box-shadow:0 14px 38px #00000080;animation:toast-in var(--dur-med) var(--ease-out)}.askn-ico{grid-row:1 / 3;width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent-hi)}.askn-text{display:flex;flex-direction:column;gap:3px;min-width:0;padding-right:18px}.askn-text b{font-size:var(--text-base);font-weight:700}.askn-text small{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.55}.askn-act{grid-column:2;display:flex;align-items:center;gap:8px;margin-top:10px}.askn-ok{border:0;background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);padding:8px 15px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.askn-ok:hover{filter:brightness(1.12)}.askn-later{border:0;background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:12.5px;padding:8px 6px;cursor:pointer;border-radius:var(--radius-md)}.askn-later:hover{color:var(--color-text);background:var(--color-surface-3)}.askn-x{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--color-text-dimmer);border-radius:var(--radius-sm);cursor:pointer}.askn-x:hover{color:var(--color-text);background:var(--color-surface-3)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:7px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff29;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.avatar{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex:none;line-height:1;border-radius:50%;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.av-teal{background:var(--av-teal)}.av-green{background:var(--av-green)}.av-amber{background:var(--av-amber)}.av-coral{background:var(--av-coral)}.av-plum{background:var(--av-plum)}.av-clay{background:var(--av-clay)}.icon-btn{width:32px;height:32px;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.icon-btn:hover{background:var(--color-surface-3);color:var(--color-text)}.icon-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.icon-btn.on{background:var(--color-accent-soft);color:var(--color-accent-hi)}.imgpick{display:flex;align-items:center;gap:14px;margin-bottom:var(--space-4)}.imgpick-preview{flex:none;display:inline-flex}.imgpick-space{width:68px;height:68px;border-radius:20px;font-size:24px}.imgpick-side{min-width:0;display:flex;flex-direction:column;gap:7px}.imgpick-btns{display:flex;gap:8px}.imgpick-btn{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);border-radius:var(--radius-md);padding:7px 14px;font-size:var(--text-sm);font-family:inherit;cursor:pointer}.imgpick-btn:hover:not(:disabled){background:var(--color-surface-3)}.imgpick-btn:disabled{opacity:.55;cursor:default}.imgpick-btn.ghost{background:transparent;color:var(--color-text-muted)}.imgpick-btn.ghost:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-danger);background:transparent}.imgpick-hint{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.profile-un{font-size:var(--text-xs);color:var(--color-text-dim);margin:-4px 0 var(--space-3)}.rail-wrap,.chatlist-wrap{position:relative;flex:none;display:flex;min-width:0;height:100%}.rail-wrap>.rail,.chatlist-wrap>.chatlist{width:100%}.resizer{position:absolute;top:0;bottom:0;right:-4px;width:8px;z-index:30;cursor:col-resize;background:transparent;border:0;padding:0;transition:background var(--dur-fast) var(--ease-out);touch-action:none}.memberpanel>.resizer{right:auto;left:-4px}.resizer:hover,.resizer.dragging,.resizer:focus-visible{background:var(--color-accent-line);outline:none}body:has(.resizer.dragging){cursor:col-resize;-webkit-user-select:none;user-select:none}.rail{flex:none;background:var(--color-rail);border-right:1px solid var(--color-border-soft);display:flex;flex-direction:column;padding:14px 12px 10px;overflow:hidden}.rail.mini{padding:14px 8px 10px;align-items:center}.rail-head{display:flex;align-items:center;gap:10px;padding:2px 4px 14px}.rail.mini .rail-head{padding:2px 0 12px;justify-content:center}.rail-me{position:relative;border:0;background:transparent;padding:0;display:flex;flex:none;border-radius:50%;cursor:pointer}.rail-me:hover{filter:brightness(1.1)}.rail-me:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.rail-medot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2.5px solid var(--color-rail);background:var(--color-offline)}.rail-medot.online{background:var(--color-online)}.rail-medot.away{background:var(--color-warn)}.rail-medot.busy{background:var(--color-danger)}.rail-id{flex:1;min-width:0}.rail-name{font-weight:600;font-size:13.5px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-status{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-muted);margin-top:2px}.rail-dot{width:7px;height:7px;border-radius:50%;background:var(--color-offline)}.rail-dot.online{background:var(--color-online)}.rail-dot.away{background:var(--color-warn)}.rail-dot.busy{background:var(--color-danger)}.rail-sep{height:1px;background:var(--color-border-soft);margin:0 0 10px;align-self:stretch}.rail-headbtn{width:26px;height:26px;border:0;background:transparent;color:var(--color-text-muted);border-radius:6px;display:flex;align-items:center;justify-content:center;flex:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.rail-headbtn:hover{background:var(--color-surface-2);color:var(--color-text)}.rail-search{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:var(--color-canvas);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:7px 10px;margin-bottom:14px;color:var(--color-text-dim);font-size:12.5px;cursor:pointer;font-family:inherit;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.rail-search:hover{background:var(--color-surface-2);border-color:var(--color-accent-line);color:var(--color-text)}.rail-search:focus-visible{background:var(--color-surface-2);color:var(--color-text);outline:2px solid var(--color-accent);outline-offset:1px}.rail-search svg{color:var(--color-text-muted)}.rail-section{font-size:10.5px;font-weight:600;letter-spacing:.09em;color:var(--color-text-dimmer);text-transform:uppercase;padding:0 6px 8px}.rail-items{display:flex;flex-direction:column;gap:2px}.rail-item{position:relative;display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--radius-md);text-decoration:none;transition:background var(--dur-fast) var(--ease-out)}.rail-item:hover{background:var(--color-surface-2)}.rail-item.active{background:var(--color-accent-soft-2)}.rail-bar{position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:transparent}.rail-item.active .rail-bar{background:var(--color-accent)}.rail-glyph{position:relative;display:flex;color:var(--color-text-muted)}.rail-item.active .rail-glyph{color:var(--color-accent)}.rail-label{flex:1;font-size:13.5px;font-weight:500;color:var(--color-text-2)}.rail-item.active .rail-label{color:#fff}.rail-live{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--color-online)}.rail-live-dot{width:6px;height:6px;border-radius:50%;background:var(--color-online);animation:blink 1.6s infinite}.rail-count{flex:none;min-width:19px;height:18px;padding:0 6px;border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.rail-count.mention{background:var(--color-warn);color:var(--color-on-warn)}.rail-minidot{position:absolute;top:-3px;right:-5px;width:9px;height:9px;border-radius:50%;background:var(--color-danger);border:2px solid var(--color-rail)}.rail-minidot.mention{background:var(--color-warn)}.rail-minidot.live{background:var(--color-online)}.rail.mini .rail-search{justify-content:center;padding:8px 0;margin-bottom:10px;width:100%}.rail.mini .rail-items{width:100%}.rail.mini .rail-item{justify-content:center;padding:9px 0}.rail.mini .rail-glyph{position:relative}.rail.mini .rail-bar{left:-8px}.rail.mini .rail-foot{flex-direction:column;gap:4px;width:100%}.rail.mini .rail-menu-wrap{margin-left:0}.rail-foot{margin-top:auto;display:flex;align-items:center;gap:6px;padding-top:12px;border-top:1px solid var(--color-border-soft)}.rail-footbtn{width:30px;height:30px;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;position:relative;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.rail-footbtn:hover{background:var(--color-surface-2);color:var(--color-text)}.rail-footbtn.upd{color:var(--color-accent-hi)}.rail-footbtn.upd:hover{background:var(--color-accent-soft)}.rail-footdot.dot{min-width:8px;width:8px;height:8px;padding:0;background:var(--color-danger)}.rail-footbtn.on{background:var(--color-surface-2);color:var(--color-text)}.rail-footdot{position:absolute;top:1px;right:0;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:var(--color-accent);border:2px solid var(--color-rail);color:var(--color-on-accent);font-size:9.5px;font-weight:700;line-height:11px;display:flex;align-items:center;justify-content:center}.rail-menu-wrap{position:relative;margin-left:auto}.rail-menu.fixed{position:fixed;top:auto;bottom:auto;right:auto}.rail-menu{position:absolute;bottom:calc(100% + 6px);right:0;z-index:41;width:200px;padding:var(--space-2);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000073}.rail-menu-name{padding:6px var(--space-2) 0;font-size:var(--text-sm);font-weight:600}.rail-menu-sub{padding:0 var(--space-2) 6px;font-size:var(--text-xs);color:var(--color-text-muted)}.rail-menu-sep{border:0;border-top:1px solid var(--color-border-soft);margin:4px 0}.rail-menu-item{width:100%;text-align:left;border:0;background:transparent;color:var(--color-text);font-size:var(--text-sm);padding:8px var(--space-2);border-radius:var(--radius-sm)}.rail-menu-item:hover{background:#ffffff0f}.pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.chat-layout{display:flex;flex:1;min-width:0}.chatlist{flex:none;background:var(--color-surface-1);border-right:1px solid var(--color-border-soft);display:flex;flex-direction:column;min-height:0;overflow:hidden}.chatlist-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.chatlist-title{font-weight:600;font-size:15px}.chatlist-actions{display:flex;gap:2px}.chatlist-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:2px 8px 12px}.chatlist-group{display:flex;align-items:center;gap:5px;padding:14px 8px 5px;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--color-text-dim);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none}.chatlist-group:hover{color:var(--color-text-2)}.chatlist-group:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:var(--radius-md)}.cat-chev{flex:none;transition:transform var(--dur-fast) var(--ease-out)}.cat-chev.shut{transform:rotate(-90deg)}.chatlist-group:first-child{padding-top:8px}.room{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:8px 9px;border:0;border-radius:var(--radius-md);cursor:pointer;text-align:left;margin-bottom:1px;background:transparent;transition:background var(--dur-fast) var(--ease-out)}.room:hover,.room.active{background:var(--color-surface-2)}.room:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.room-hash{display:flex;color:var(--color-text-muted);flex:none}.room-av{position:relative;flex:none;display:flex}.room-pinmark{position:absolute;top:-3px;left:-3px;width:15px;height:15px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-warn);color:var(--color-canvas);border:2px solid var(--color-surface-1)}.room-online{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-surface-1);background:var(--color-offline)}.room-online.online{background:var(--color-online)}.room-online.away{background:var(--color-warn)}.room-online.busy{background:var(--color-danger)}.room-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.room-top{display:flex;align-items:center;gap:5px;min-width:0}.room-bottom{display:flex;align-items:center;gap:8px;min-width:0}.room-name{flex:1;min-width:0;font-size:13.5px;font-weight:500;color:var(--color-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-muted{display:inline-flex;flex:none;color:var(--color-text-dimmer)}.room-time{flex:none;font-size:10.5px;color:var(--color-text-dimmer);white-space:nowrap}.room-preview{flex:1;min-width:0;font-size:11.5px;color:var(--color-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-preview b{font-weight:500;color:var(--color-text-muted)}.room.unread .room-preview{color:var(--color-text-2)}.room.unread .room-time{color:var(--color-text-muted)}.room-menu-wrap{position:absolute;right:8px;top:8px}.room:hover .room-time{visibility:hidden}.room.active .room-name{color:#fff;font-weight:600}.room.unread .room-name{color:#fff;font-weight:700}.room.unread .room-hash{color:var(--color-text-2)}.room-badge{display:inline-flex;align-items:center;gap:2px;font-size:10.5px;font-weight:700;color:var(--color-on-accent);border-radius:var(--radius-pill);padding:1px 6px;min-width:18px;justify-content:center;background:var(--color-accent);flex:none}.room-badge.mention{background:var(--color-warn);color:var(--color-on-warn)}.room-badge.thread{background:var(--color-accent-soft);color:var(--color-accent-hi);border:1px solid var(--color-accent-line)}.room-newdot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);flex:none}.room.mentioned .room-newdot{background:var(--color-warn)}.chatlist.mini .chatlist-head{justify-content:center;padding:12px 0 8px}.chatlist.mini .chatlist-scroll{padding:2px 6px 12px}.chatlist.mini .room{justify-content:center;padding:8px 0;position:relative}.chatlist.mini .room-badge{position:absolute;top:1px;right:2px;min-width:16px;padding:0 4px;font-size:9.5px}.chatlist.mini .room-newdot{position:absolute;top:5px;right:6px}.chatlist-minisep{height:1px;background:var(--color-border-soft);margin:8px 6px}.list-state{padding:var(--space-5) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.list-state.error{color:var(--color-danger)}.conversation{position:relative;flex:1;min-width:0;height:100%;display:flex;flex-direction:column;background:var(--color-canvas)}.conv-head{position:relative;display:flex;align-items:center;gap:10px;padding:0 18px;height:56px;flex:none;border-bottom:1px solid var(--color-border-soft)}.conv-hash{color:var(--color-text-muted);font-size:18px;font-weight:600;line-height:1}.conv-name{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-members{color:var(--color-text-dim);font-size:13px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.conv-spacer{flex:1}.conv-tools{display:flex;align-items:center;gap:1px}.conv-tabs{display:flex;gap:4px;padding:8px 16px;border-bottom:1px solid var(--color-border-soft);flex:none}.conv-tab{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--color-text-muted);font-size:12.5px;padding:5px 12px;border-radius:var(--radius-pill);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.conv-tab:hover{color:var(--color-text);background:var(--color-surface-2)}.conv-tab.active{background:var(--color-accent);color:var(--color-on-accent)}.conv-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 0 8px}.conv-state{padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.conv-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm)}.sysmsg{display:flex;justify-content:center;padding:6px 12px}.sysmsg>span{display:inline-flex;align-items:baseline;gap:8px;max-width:100%;padding:5px 13px;border-radius:var(--radius-pill);background:var(--color-surface-1);border:1px solid var(--color-border-soft);font-size:11.5px;color:var(--color-text-muted);line-height:1.5;text-align:center}.sysmsg small{color:var(--color-text-dimmer);font-size:10.5px;flex:none}.day-divider{display:flex;align-items:center;gap:14px;padding:6px 24px 14px}.day-divider:before,.day-divider:after{content:"";flex:1;height:1px;background:var(--color-border-soft)}.day-divider span{font-size:11.5px;font-weight:600;color:var(--color-text-muted);background:var(--color-surface-3);border-radius:12px;padding:3px 12px}.msg{display:flex;gap:13px;padding:3px 24px;transition:background var(--dur-fast) var(--ease-out)}.msg:hover{background:#ffffff06}.msg-gutter{width:38px;flex:none;display:flex;justify-content:flex-end}.msg-htime{font-size:10.5px;color:var(--color-text-dimmer);padding-top:3px;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.msg:hover .msg-htime{opacity:1}.msg-htime.show{opacity:.75}.msg-body{flex:1;min-width:0}.msg-meta{display:flex;align-items:center;gap:8px;margin-bottom:2px}.msg-author{font-weight:500;font-size:13px;color:var(--color-text-muted)}.msg-time{font-size:11px;color:var(--color-text-dim)}.msg-text{font-size:14px;line-height:1.55;color:var(--color-text-2);white-space:pre-wrap;word-break:break-word}.msg-image-wrap{display:inline-block;max-width:min(340px,100%);margin-top:6px;border:0;background:transparent;padding:0;cursor:zoom-in}.msg-image{max-width:100%;max-height:280px;border-radius:var(--radius-lg);display:block;border:1px solid var(--color-border-soft);transition:filter var(--dur-fast) var(--ease-out)}.msg-image-wrap:hover .msg-image{filter:brightness(1.08)}.msg-image-wrap:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-lg)}.th-imgbtn{border:0;background:transparent;padding:0;cursor:zoom-in;display:block;max-width:100%}.fv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;background:#0a0b0df7}.fv .lb-head{background:var(--color-surface-1);border-bottom:1px solid var(--color-border-soft)}.fv-stage{position:relative;z-index:1;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 16px 16px}.fv-state{color:var(--color-text-2);font-size:var(--text-sm)}.fv-state.error{color:var(--color-danger-hi)}.fv-frame{width:min(1000px,100%);height:100%;border:0;border-radius:var(--radius-md);background:#fff}.fv-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md)}.fv-media{max-width:min(1000px,100%);max-height:100%;border-radius:var(--radius-md);background:#000}.fv-text{width:min(1000px,100%);max-height:100%;overflow:auto;margin:0;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;font-family:var(--font-mono);font-size:12.5px;line-height:1.65;color:var(--color-text-2);white-space:pre-wrap;word-break:break-word}.fv-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:30px 28px;max-width:420px}.fv-icon{width:58px;height:58px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);color:var(--color-text-muted)}.fv-cardname{font-size:var(--text-md);font-weight:600;word-break:break-all}.fv-cardmeta{font-size:12.5px;color:var(--color-text-muted);line-height:1.6}.fv-open{margin-top:4px;border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-family:inherit;font-size:12.5px;font-weight:600;padding:9px 18px;cursor:pointer}.fv-audio{width:260px;margin-top:6px}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column}.lb-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6}.lb-head{position:relative;z-index:1;display:flex;align-items:center;gap:16px;padding:12px 18px;color:var(--color-text)}.lb-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lb-name{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.lb-tools{display:flex;align-items:center;gap:8px;flex:none}.lb-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:var(--color-text);border-radius:var(--radius-md);padding:7px 13px;font-family:inherit;font-size:12.5px;cursor:pointer}.lb-btn:hover{background:#ffffff29}.lb-stage{position:relative;z-index:1;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 8px 8px;overflow:auto}.lb-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);cursor:zoom-in;display:block}.lb-img.zoom{max-width:none;max-height:none;cursor:zoom-out}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:78px;border:0;border-radius:var(--radius-lg);background:#ffffff14;color:#fff;font-size:34px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.lb-nav:hover{background:#ffffff2e}.lb-nav.prev{left:14px}.lb-nav.next{right:14px}.lb-strip{position:relative;z-index:1;display:flex;gap:6px;padding:8px 14px 14px;overflow-x:auto;justify-content:center}.lb-thumb{flex:none;width:54px;height:54px;border:2px solid transparent;border-radius:var(--radius-md);padding:0;background:transparent;cursor:pointer;overflow:hidden;opacity:.55}.lb-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lb-thumb:hover{opacity:.85}.lb-thumb.on{border-color:var(--color-accent);opacity:1}.attach{border:0;font-family:inherit;text-align:left;width:100%;cursor:pointer;display:inline-flex;align-items:center;gap:11px;margin-top:8px;background:var(--color-surface-2);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);padding:9px 14px 9px 11px;max-width:340px;text-decoration:none}.attach-icon{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex:none;background:var(--color-danger-soft);color:var(--color-danger-hi)}.attach-info{min-width:0}.attach-name{display:block;font-size:13px;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-meta{display:block;font-size:11px;color:var(--color-text-dim);margin-top:1px}.msg-react-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}.msg-foot{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:6px}.msg-flag{display:inline-flex;align-items:center;color:var(--color-warn);opacity:.85}.msg-flag+.msg-flag{color:var(--color-accent)}.msg{position:relative}.msg-menu-wrap{position:absolute;right:10px;top:-6px;display:flex;gap:2px;z-index:3}.msg-menu-wrap.open{z-index:60}.msg-menu-btn{width:24px;height:24px;border:1px solid var(--color-border);padding:0;border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);box-shadow:0 2px 8px #00000059}.msg:hover .msg-menu-btn,.msg-menu-btn:focus-visible{opacity:1}.msg-menu-btn:hover{background:var(--color-accent);color:var(--color-on-accent)}.msg-menu.fixed,.react-pop.fixed,.msg-menu-wrap .react-pop.fixed{position:fixed;top:auto;bottom:auto;right:auto;overflow-y:auto}.msg-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:41;min-width:178px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000080;padding:5px;display:flex;flex-direction:column;gap:1px}.msg-menu button{display:flex;align-items:center;gap:9px;text-align:left;border:0;background:transparent;color:var(--color-text);font-family:inherit;font-size:12.5px;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer}.msg-menu button:hover{background:var(--color-surface-3)}.msg-menu button.on{color:var(--color-warn)}.msg-menu button.danger{color:var(--color-danger)}.msg-menu-wrap .react-pop{top:calc(100% + 4px);right:0;left:auto}.readpie-btn{border:0;background:transparent;padding:1px;cursor:pointer;display:inline-flex;align-items:center;border-radius:50%;vertical-align:middle}.readpie-btn:hover{background:var(--color-surface-2)}.readpie{display:block}.readpie-bg{fill:var(--color-surface-3)}.readpie-wedge,.readpie-full{fill:var(--color-online)}.readpie-check{fill:none;stroke:var(--color-canvas);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.readpie-ring{fill:none;stroke:var(--color-border-strong);stroke-width:1}.readpie-btn.all .readpie-ring{stroke:var(--color-online)}.reaction{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;border-radius:11px;padding:2px 9px;cursor:pointer;background:var(--color-surface-2);border:1px solid transparent;color:var(--color-text-2)}.reaction b{font-weight:600}.reaction:hover{border-color:#ffffff2e}.reaction.mine{background:var(--color-accent-soft);border-color:var(--color-accent-line);color:var(--color-accent-hi)}.react-pop{position:absolute;z-index:51;bottom:calc(100% + 4px);left:0;display:flex;gap:2px;padding:4px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:0 8px 24px #0006}.react-pop button{border:0;background:transparent;font-size:18px;padding:4px 6px;border-radius:var(--radius-pill);cursor:pointer}.react-pop button:hover{background:#ffffff14}.composer{padding:0 18px 16px;flex:none}.composer{display:block}.composer-input{width:100%;border:1px solid var(--color-border-strong);border-bottom:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-surface-2);color:var(--color-text);font-size:14px;padding:13px 14px 9px;outline:none}.composer-input::placeholder{color:var(--color-text-dim)}.composer-tools{display:flex;align-items:center;gap:2px;padding:6px 8px 8px;background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-top:0;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.composer-btn{width:30px;height:30px;border:0;background:transparent;color:var(--color-text-muted);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.composer-btn:hover{background:var(--color-surface-3);color:var(--color-text)}.composer-btn:disabled{opacity:.5;cursor:not-allowed}.composer-spacer{flex:1}.composer-send{width:34px;height:34px;border:0;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-on-accent);background:var(--color-accent);transition:filter var(--dur-fast) var(--ease-out)}.composer-send:hover{filter:brightness(1.12)}.composer-send:disabled{opacity:.5;cursor:not-allowed}.emoji-wrap{position:relative}.emoji-pop{position:absolute;z-index:51;bottom:calc(100% + 8px);left:0;width:240px;padding:var(--space-2);display:grid;grid-template-columns:repeat(6,1fr);gap:2px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 32px #00000073}.emoji-pop button{border:0;background:transparent;font-size:20px;padding:5px;border-radius:var(--radius-sm);cursor:pointer}.emoji-pop button:hover{background:#ffffff14}.files-list{display:flex;flex-direction:column;gap:2px;padding:8px 16px}.file-row{border:0;background:transparent;font-family:inherit;text-align:left;width:100%;cursor:pointer;display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:background var(--dur-fast) var(--ease-out)}.file-row:hover{background:var(--color-surface-2)}.file-thumb{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex:none;border:1px solid var(--color-border-soft)}.file-thumb-doc{display:flex;align-items:center;justify-content:center;background:var(--color-accent-soft);color:var(--color-accent-hi);border:0}.file-info{display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:11px;color:var(--color-text-dim)}.tasks{height:100%;display:flex;flex-direction:column;max-width:780px;margin:0 auto;width:100%;padding:var(--space-6) var(--space-6) 0}.tasks-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.tasks-title{margin:0;font-size:var(--text-xl);font-weight:700}.tasks-sub{margin:4px 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.tasks-add-btn{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-sm);font-weight:600;padding:9px 15px;transition:filter var(--dur-fast) var(--ease-out)}.tasks-add-btn:hover{filter:brightness(1.12)}.tasks-form{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface-1);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3)}.tasks-input{height:42px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);font-size:var(--text-base);outline:none}.tasks-input:focus{border-color:var(--color-accent)}.tasks-form-row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.tasks-mini{display:inline-flex;align-items:center;gap:6px;flex:1;min-width:180px;padding:0 var(--space-3);height:38px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text-muted)}.tasks-mini input{flex:1;min-width:0;border:0;background:transparent;color:var(--color-text);font-size:var(--text-sm);outline:none}.tasks-mini input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.tasks-save{border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-sm);font-weight:600;padding:9px var(--space-4)}.tasks-save:disabled{opacity:.55;cursor:not-allowed}.tasks-body{flex:1;overflow-y:auto;margin-top:var(--space-4);padding-bottom:var(--space-6)}.tasks-state{padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.tasks-state.error{color:var(--color-danger)}.tasks-divider{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-xs);color:var(--color-text-dim)}.task{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background var(--dur-fast) var(--ease-out)}.task:hover{background:var(--color-surface-1)}.task-check{width:22px;height:22px;flex:none;margin-top:1px;border:2px solid var(--color-border);border-radius:50%;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.task.done .task-check{background:var(--color-accent);border-color:var(--color-accent)}.task-main{flex:1;min-width:0}.task-title{font-size:var(--text-base)}.task.done .task-title{text-decoration:line-through;color:var(--color-text-muted)}.task-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:4px;align-items:center}.task-chip,.task-share{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-hi)}.tasks-share{height:38px;min-width:130px;padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);font-size:var(--text-sm);outline:none}.task-due{font-size:var(--text-xs);color:var(--color-text-muted)}.task-due.overdue{color:var(--color-danger)}.task-by{font-size:var(--text-xs);color:var(--color-text-dim)}.task-del{width:30px;height:30px;flex:none;border:0;background:transparent;color:var(--color-text-dim);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.task:hover .task-del{opacity:1}.task-del:hover{color:var(--color-danger)}.profile-dl{display:flex;align-items:center;gap:12px;width:100%;margin-top:var(--space-4);padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);font-family:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.profile-dl:hover{border-color:var(--color-accent-line);background:var(--color-accent-soft)}.profile-dl-ico{flex:none;width:34px;height:34px;object-fit:contain;border-radius:var(--radius-md);background:var(--color-accent-soft)}.profile-dl-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-dl-text b{font-size:var(--text-sm);font-weight:600}.profile-dl-text small{font-size:var(--text-xs);color:var(--color-text-muted)}.profile-dl-go{flex:none;color:var(--color-text-dim);font-size:18px}.modal.dl{max-width:860px}.dl-lead{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-2);line-height:1.65}.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.dl-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:var(--space-4) var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-canvas)}.dl-card.ready{border-color:var(--color-accent-line);background:color-mix(in srgb,var(--color-accent) 5%,var(--color-canvas))}.dl-ico{width:46px;height:46px;object-fit:contain}.dl-name{font-size:var(--text-base);font-weight:700}.dl-meta{font-size:var(--text-xs);color:var(--color-text-muted);min-height:15px}.dl-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:4px;text-decoration:none}.dl-btn:disabled{background:var(--color-surface-3);color:var(--color-text-dim);opacity:1;cursor:not-allowed}.dl-note.ok{margin-top:6px;font-size:var(--text-xs);color:var(--color-online);font-weight:600}.dl-hint{margin-top:4px;font-size:11px;color:var(--color-text-dimmer);line-height:1.6}.content{isolation:isolate;--wm-opacity: .055;--wm-size: min(58vmin, 620px);--wm-shift: 0px}.content:before{content:"";position:absolute;inset:var(--wm-shift) 0 0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,var(--color-accent),var(--color-text-2));opacity:var(--wm-opacity);-webkit-mask:url(/logo.png) center / var(--wm-size) auto no-repeat;mask:url(/logo.png) center / var(--wm-size) auto no-repeat}.stub{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-6)}.stub-icon{width:72px;height:72px;border-radius:var(--radius-xl);background:var(--color-accent-soft);color:var(--color-accent-hi);display:flex;align-items:center;justify-content:center}.stub-title{margin:var(--space-2) 0 0;font-size:var(--text-xl);font-weight:700}.stub-note{margin:0;max-width:420px;color:var(--color-text-muted);line-height:1.65}.stub-badge{margin-top:var(--space-2);padding:4px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);background:var(--color-accent-soft);color:var(--color-accent-hi)}.login{position:relative;height:100%;overflow:hidden;display:flex;align-items:center;background:radial-gradient(120% 90% at 15% 45%,#2a2b30,transparent 70%),linear-gradient(155deg,#232427,#16171a)}.login-arcs{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.login-inner{position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto;padding:var(--space-6) clamp(24px,6vw,84px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.login-brand{max-width:460px}.login-wordmark{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;margin-bottom:clamp(24px,6vh,60px)}.login-badge{width:34px;height:34px;border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-on-accent);display:flex;align-items:center;justify-content:center;font-weight:700}.login-badge-img{width:64px;height:64px;object-fit:contain;display:block;flex:none}.join-logo-img{width:104px;height:104px;object-fit:contain;display:block;margin:0 auto 10px}.login-headline{margin:0;font-weight:700;line-height:1.12;font-size:clamp(34px,5vw,56px);letter-spacing:-.5px}.login-tagline{margin:var(--space-4) 0 0;max-width:380px;color:var(--color-text-muted);font-size:var(--text-md);line-height:1.65}.login-card{width:100%;max-width:384px;flex:none;display:flex;flex-direction:column;background:#1a1b1ed1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);padding:clamp(24px,4vw,36px)}.login-card-title{margin:0 0 var(--space-5);font-size:var(--text-xl);font-weight:700}.login-field{display:flex;flex-direction:column;gap:7px;margin-bottom:var(--space-4)}.login-field>span{font-size:var(--text-sm);color:var(--color-text-muted)}.login-field input{width:100%;height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);font-size:var(--text-base);outline:none;transition:border-color var(--dur-fast) var(--ease-out)}.login-field input::placeholder{color:var(--color-text-dim)}.login-field input:focus{border-color:var(--color-accent)}.login-password{position:relative}.login-password input{padding-right:44px}.login-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:var(--color-text-dim);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.login-eye:hover{color:var(--color-text)}.login-error{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-danger-soft);color:var(--color-danger-hi)}.login-btn{height:46px;margin-top:var(--space-1);border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-base);font-weight:600;transition:filter var(--dur-fast) var(--ease-out)}.login-btn:hover:not(:disabled){filter:brightness(1.12)}.login-btn:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 820px){.login-inner{flex-direction:column;justify-content:center;text-align:center}.login-brand{max-width:none}.login-wordmark{justify-content:center;margin-bottom:var(--space-4)}.login-tagline{margin-inline:auto}.login-card{text-align:left}}.modal-confirm{max-width:400px}.confirm-msg{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-2);margin:-4px 0 var(--space-4);overflow-wrap:anywhere}.confirm-danger{border:0;background:var(--color-danger);color:#fff;border-radius:var(--radius-md);padding:9px 18px;font-size:var(--text-sm);font-weight:600;font-family:inherit;cursor:pointer}.confirm-danger:hover:not(:disabled){filter:brightness(1.1)}.confirm-danger:disabled{opacity:.45;cursor:not-allowed}.confirm-type{display:flex;flex-direction:column;gap:7px;margin-bottom:var(--space-2)}.confirm-type>span{font-size:var(--text-sm);color:var(--color-text-muted)}.confirm-type b{color:var(--color-danger-hi);font-weight:600}.confirm-danger:focus-visible,.modal-save:focus-visible{outline:2px solid var(--color-accent-hi);outline-offset:2px}.msg-link{color:var(--color-accent-hi);text-decoration:none;word-break:break-all}.msg-link:hover{text-decoration:underline}.mtcard{display:flex;align-items:center;gap:11px;margin-top:8px;max-width:460px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1)}.mtcard.live{border-color:var(--color-accent-line);background:var(--color-accent-soft-2)}.mtcard.ended,.mtcard.loading{opacity:.7}.mtcard-icon{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);color:var(--color-text-muted)}.mtcard.live .mtcard-icon{background:var(--color-accent);color:var(--color-on-accent)}.mtcard-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mtcard-name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtcard-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11.5px;color:var(--color-text-muted)}.mtcard-meta>span{display:inline-flex;align-items:center;gap:4px}.mtcard-live{color:var(--color-online);font-weight:600}.mtcard-live i{width:6px;height:6px;border-radius:50%;background:var(--color-online);display:inline-block;animation:blink 1.6s infinite}.mtcard-err{font-size:11.5px;color:var(--color-danger-hi)}.mtcard-pass{margin-top:5px;height:28px;width:150px;padding:0 9px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-text);font-family:inherit;font-size:12.5px;outline:none}.mtcard-pass:focus{border-color:var(--color-accent)}.mtcard-join{flex:none;border:0;border-radius:var(--radius-md);padding:8px 18px;background:var(--color-accent);color:var(--color-on-accent);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.mtcard-join:hover:not(:disabled){background:var(--color-accent-hi)}.mtcard-join:disabled{opacity:.6;cursor:default}.mtcard-in{flex:none;font-size:11.5px;font-weight:600;color:var(--color-online)}.pinrow-wrap{border-bottom:1px solid var(--color-border-soft);margin-bottom:6px;padding-bottom:4px}.pinrow-head{display:flex;align-items:center;gap:6px;padding:8px 10px 4px;font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--color-text-dim)}.pinrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:2px;padding:6px 2px 2px}.pinrow.collapsed{max-height:152px;overflow:hidden}.pinrow.mini{grid-template-columns:1fr}.pinrow.mini.collapsed{max-height:156px}.pinrow-more{display:block;width:100%;border:0;background:transparent;cursor:pointer;color:var(--color-text-muted);font-family:inherit;font-size:11px;padding:4px 0 2px;border-radius:var(--radius-sm)}.pinrow-more:hover{color:var(--color-accent-hi);background:var(--color-surface-2)}.pinroom-cell{position:relative;display:block;min-width:0}.pinroom{border:0;background:transparent;cursor:pointer;min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 2px;border-radius:var(--radius-md);font-family:inherit}.pinroom-x{position:absolute;top:0;left:0;z-index:2;width:18px;height:18px;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--color-surface-3);color:var(--color-text-muted);box-shadow:0 1px 4px #00000073;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out)}.pinroom-x:after{content:"";position:absolute;top:-6px;right:-2px;bottom:-2px;left:-6px}.pinroom-cell:hover .pinroom-x,.pinroom-x:focus-visible{opacity:1;pointer-events:auto}.pinroom-x:hover{background:var(--color-danger-soft);color:var(--color-danger)}@media (hover: none){.pinroom-x{opacity:1;pointer-events:auto}}.pinroom:hover,.pinroom.active{background:var(--color-surface-2)}.pinroom-av{position:relative;display:inline-flex}.pinroom-av .room-badge,.pinroom-av .room-newdot{position:absolute;top:-3px;right:-5px}.pinroom.active .pinroom-av:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--color-accent)}.pinroom-name{max-width:100%;font-size:10.5px;line-height:1.25;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinroom.active .pinroom-name{color:var(--color-text);font-weight:600}.cat{border-radius:var(--radius-md)}.cat-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-count{font-size:10.5px;color:var(--color-text-dimmer);font-weight:500}.cat-empty{padding:8px 10px 10px 26px;font-size:11.5px;color:var(--color-text-dimmer);font-style:italic}.cat-menu-wrap{position:relative;display:inline-flex}.cat-menu-btn{border:0;background:transparent;color:var(--color-text-dimmer);padding:2px;border-radius:4px;cursor:pointer;display:inline-flex;opacity:0}.chatlist-group:hover .cat-menu-btn{opacity:1}@media (hover: none){.room-menu-btn,.cat-menu-btn{opacity:1}}.cat-menu-btn:hover{color:var(--color-text);background:var(--color-surface-2)}.cat-add{display:flex;align-items:center;gap:6px;padding:6px 12px 8px}.cat-add-input{flex:1;min-width:0;height:30px;padding:0 10px;border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);font-family:inherit;font-size:12.5px;outline:none}.cat-add-ok,.cat-add-x{flex:none;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);border-radius:var(--radius-md);font-size:11.5px;padding:5px 10px;cursor:pointer;font-family:inherit}.cat-add-ok:disabled{opacity:.5;cursor:default}.room-menu-btn{border:0;background:transparent;color:var(--color-text-dimmer);padding:2px;border-radius:4px;cursor:pointer;display:inline-flex;opacity:0}.room:hover .room-menu-btn{opacity:1}.room-menu-btn:hover{color:var(--color-text);background:var(--color-surface-3)}.room-menu.fixed{position:fixed;top:auto;right:auto}.room-menu{position:absolute;top:100%;right:0;z-index:41;min-width:190px;max-height:320px;overflow-y:auto;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000080;padding:5px;display:flex;flex-direction:column;gap:1px}.room-menu.head{top:calc(100% + 6px)}.room-menu button{text-align:left;border:0;background:transparent;color:var(--color-text);font-family:inherit;font-size:12.5px;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer}.room-menu button:hover{background:var(--color-surface-3)}.room-menu button.on{color:var(--color-accent-hi)}.room-menu button.on:after{content:" ✓"}.room-menu button.danger{color:var(--color-danger)}.room-menu-sep{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-dimmer);padding:8px 10px 3px}.room-menu-add{color:var(--color-accent-hi)!important}.room-menu-hint{font-size:11px;color:var(--color-text-dimmer);padding:4px 10px 6px;line-height:1.45}.searchpanel{flex:none;border-bottom:1px solid var(--color-border-soft);background:var(--color-surface-1);display:flex;flex-direction:column;max-height:60%}.sp-head{display:flex;align-items:center;gap:8px;padding:10px 16px 8px}.sp-input{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text-muted)}.sp-input input{flex:1;min-width:0;border:0;background:transparent;color:var(--color-text);font-family:inherit;font-size:var(--text-sm);outline:none}.sp-x{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;display:inline-flex;padding:2px}.sp-days{padding:0 16px 8px}.sp-dayslabel{display:block;font-size:11px;color:var(--color-text-muted);margin-bottom:5px}.sp-daylist{display:flex;flex-wrap:wrap;gap:5px;max-height:84px;overflow-y:auto}.sp-day{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);border-radius:var(--radius-pill);font-size:11.5px;padding:3px 10px;cursor:pointer;font-family:inherit;white-space:nowrap}.sp-day b{color:var(--color-text-dimmer);font-weight:600;margin-left:3px}.sp-day:hover{background:var(--color-surface-3)}.sp-day.on{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.sp-day.on b{color:var(--color-on-accent);opacity:.75}.sp-empty{font-size:12px;color:var(--color-text-dimmer)}.sp-results{flex:1;min-height:0;overflow-y:auto;padding:4px 10px 10px;border-top:1px solid var(--color-border-soft)}.sp-hit{display:flex;gap:10px;padding:8px;border-radius:var(--radius-md)}.sp-hit:hover{background:var(--color-surface-2)}.sp-hitbody{min-width:0;flex:1}.sp-hitmeta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.sp-hitmeta b{font-size:12.5px;font-weight:600}.sp-hitmeta span{font-size:10.5px;color:var(--color-text-dim)}.sp-inthread{font-size:10px;font-style:normal;color:var(--color-accent-hi);background:var(--color-accent-soft);border-radius:var(--radius-pill);padding:1px 7px}.sp-hittext{font-size:13px;line-height:1.5;color:var(--color-text-2);word-break:break-word}.unread-divider{display:flex;align-items:center;gap:12px;padding:10px 24px 6px}.unread-divider:before,.unread-divider:after{content:"";flex:1;height:1px;background:var(--color-warn);opacity:.5}.unread-divider span{font-size:11px;font-weight:700;color:var(--color-warn);background:var(--color-warn-soft);border-radius:var(--radius-pill);padding:3px 12px;white-space:nowrap}.pinbar{display:flex;align-items:flex-start;gap:10px;padding:8px 18px;background:var(--color-warn-soft);border-bottom:1px solid var(--color-border-soft);color:var(--color-warn);flex:none}.pinbar>svg{margin-top:3px;flex:none}.pinbar-list{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pinbar-item{display:block;width:100%;text-align:left;border:0;background:transparent;cursor:pointer;font-family:inherit;font-size:12.5px;padding:2px 0;border-radius:var(--radius-sm);color:var(--color-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinbar-item:hover{color:var(--color-text)}.pinbar-item b{color:var(--color-text);font-weight:600}.pinbar-more{flex:none;border:1px solid var(--color-border);background:transparent;color:var(--color-warn);border-radius:var(--radius-pill);font-size:11px;padding:2px 9px;cursor:pointer;font-family:inherit}.pinbar-more:hover{background:var(--color-surface-2)}.pinbar-x{flex:none;border:0;background:transparent;color:var(--color-text-dim);cursor:pointer;font-size:12px;padding:2px 4px;line-height:1}.pinbar-x:hover{color:var(--color-text)}.newmsg-jump{position:absolute;left:50%;transform:translate(-50%);bottom:92px;z-index:12;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:var(--radius-pill);padding:8px 16px;background:var(--color-accent);color:var(--color-on-accent);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #00000073}.newmsg-jump:hover{background:var(--color-accent-hi)}.reply-quote{display:flex;align-items:center;gap:6px;max-width:100%;margin-bottom:4px;border:0;border-left:2px solid var(--color-accent-line);background:var(--color-accent-soft-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:3px 10px 3px 8px;font-family:inherit;font-size:11.5px;color:var(--color-text-muted);cursor:pointer;text-align:left}.reply-quote:hover{background:var(--color-accent-soft);color:var(--color-text-2)}.reply-quote>svg{flex:none;color:var(--color-accent)}.reply-quote-txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-quote b{color:var(--color-text-2);font-weight:600}.thread-bar{display:inline-flex;align-items:center;gap:8px;margin-top:7px;border:1px solid transparent;background:transparent;padding:4px 10px 4px 4px;border-radius:var(--radius-pill);cursor:pointer;font-family:inherit;color:var(--color-accent-hi);font-size:12.5px}.thread-bar:hover{background:var(--color-surface-2);border-color:var(--color-border)}.thread-bar.unread{background:var(--color-accent-soft-2);border-color:var(--color-accent-line)}.thread-new{font-size:10px;font-weight:700;color:var(--color-on-accent);background:var(--color-accent);border-radius:var(--radius-pill);padding:1px 7px}.thread-bar b{font-weight:600}.thread-avs{display:inline-flex}.thread-avs>*{margin-right:-6px;border:2px solid var(--color-canvas);border-radius:50%}.thread-when{color:var(--color-text-muted);font-size:11.5px}.readby-wrap{position:relative;display:inline-flex}.readby-sect{font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--color-text-dimmer);padding:8px 4px 3px;text-transform:uppercase}.readby-sect:first-child{padding-top:2px}.readby-pop.fixed{position:fixed;top:auto;bottom:auto;right:auto;overflow-y:auto}.readby-pop{position:absolute;bottom:calc(100% + 6px);left:0;z-index:41;width:230px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000073;padding:8px;cursor:default}.readby-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;padding:2px 4px 6px}.readby-x{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:12px}.readby-state{font-size:12px;color:var(--color-text-muted);padding:6px 4px}.readby-list{max-height:210px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.readby-row{display:flex;align-items:center;gap:8px;padding:4px;border-radius:var(--radius-sm)}.readby-name{flex:1;min-width:0;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readby-at{font-size:11px;color:var(--color-text-muted)}.thread{display:flex;flex-direction:column;height:100%;min-height:0}.th-parent{padding:4px 12px 8px;border-bottom:1px solid var(--color-border-soft)}.th-count{padding:8px 16px 4px;font-size:11.5px;color:var(--color-text-muted)}.th-list{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 8px}.th-msg{display:flex;gap:10px;padding:7px 8px;border-radius:var(--radius-md)}.th-msg.small:hover{background:var(--color-surface-2)}.th-body{min-width:0;flex:1}.th-meta{display:flex;align-items:baseline;gap:7px;margin-bottom:2px}.th-meta b{font-size:12px;font-weight:500;color:var(--color-text-muted)}.th-meta span{font-size:10.5px;color:var(--color-text-dim)}.th-text{font-size:13px;line-height:1.5;color:var(--color-text-2);white-space:pre-wrap;word-break:break-word}.th-img{max-width:100%;border-radius:var(--radius-md);margin-top:5px;display:block}.th-file{display:block;border:0;background:transparent;padding:2px 0;font-family:inherit;font-size:12px;color:var(--color-accent-hi);text-align:left;cursor:pointer}.th-file:hover{text-decoration:underline}.th-err{padding:6px 16px;font-size:12px;color:var(--color-danger-hi)}.th-composer{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--color-border-soft);flex:none}.th-input{flex:1;min-width:0;height:34px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);outline:none}.th-input:focus{border-color:var(--color-accent)}.th-send{flex:none;width:34px;height:34px;border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);display:flex;align-items:center;justify-content:center;cursor:pointer}.th-send:disabled{opacity:.45;cursor:default}.rdp{display:flex;flex-direction:column;height:100%;min-height:0}.rdp-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:16px}.rdp-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 18px 16px;text-align:center}.rdp-hint{font-size:11px;color:var(--color-text-dimmer)}.rdp-hero .imgpick{flex-direction:column;gap:10px;margin-bottom:0}.rdp-hero .imgpick-side{align-items:center}.rdp-hero .imgpick-hint{text-align:center}.rdp-name{font-size:var(--text-lg);font-weight:700}.rdp-desc{font-size:12.5px;color:var(--color-text-muted);line-height:1.55}.rdp-actions{display:flex;justify-content:center;gap:10px;padding:0 14px 14px;border-bottom:1px solid var(--color-border-soft)}.rdp-tog{flex:none;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);border-radius:50%;cursor:pointer;padding:0}.rdp-tog:hover{background:var(--color-surface-3)}.rdp-tog.off{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-soft)}.rdp-tog.on{color:var(--color-accent-hi);border-color:var(--color-accent-line);background:var(--color-accent-soft)}.rdp-tip{position:fixed;right:auto;z-index:140;background:var(--color-surface-3, var(--color-surface-2));color:var(--color-text-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:9px 11px;font-size:12px;line-height:1.55;white-space:pre-line;box-shadow:0 12px 30px #00000073;pointer-events:none}.mem-group-name{cursor:help;border-bottom:1px dotted var(--color-accent-line)}.mem-group-name:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:3px}.rdp-sect{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:14px 16px 6px;font-size:var(--text-sm);font-weight:600}.rdp-sect small{font-size:11px;font-weight:400;color:var(--color-text-muted)}.rdp-members{display:flex;flex-direction:column;padding:0 8px}.rdp-more{margin:8px 14px 4px;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-2);font-family:inherit;font-size:12.5px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.rdp-more:hover{background:var(--color-surface-2);color:var(--color-accent-hi)}.rdp-files{display:flex;flex-direction:column;gap:2px;padding:0 8px}.rdp-file{border:0;background:transparent;font-family:inherit;text-align:left;width:100%;cursor:pointer;display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-md);text-decoration:none;color:inherit}.rdp-file:hover{background:var(--color-surface-2)}.rdp-thumb{width:34px;height:34px;border-radius:var(--radius-sm);object-fit:cover;flex:none;background:var(--color-surface-2)}.rdp-thumb.doc{display:flex;align-items:center;justify-content:center;color:var(--color-danger-hi);background:var(--color-danger-soft)}.rdp-fileinfo{min-width:0;display:flex;flex-direction:column;gap:1px}.rdp-filename{font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rdp-filemeta{font-size:11px;color:var(--color-text-muted)}.rdp-empty{padding:8px 8px 4px;font-size:12px;color:var(--color-text-muted)}.memberpanel{position:relative;flex:none;height:100%;min-height:0;background:var(--color-surface-1);border-left:1px solid var(--color-border-soft);display:flex;flex-direction:column;overflow:hidden}.mp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 12px 6px 16px}.mp-title{font-size:var(--text-sm);font-weight:600;white-space:nowrap}.mp-sub{padding:0 16px 8px;font-size:var(--text-xs);color:var(--color-text-muted)}.mp-list{flex:1;min-height:0;overflow-y:auto;padding:2px 8px 8px}.mp-add{margin:0 12px 12px;padding:9px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-2);font-size:var(--text-sm);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;flex:none}.mp-add:hover{background:var(--color-surface-3);color:var(--color-accent-hi)}.members-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 8px}.members-head>span{font-size:var(--text-sm);color:var(--color-text-muted)}.members-add{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);border-radius:var(--radius-md);padding:5px 11px;font-size:12.5px;cursor:pointer}.members-add:hover{background:var(--color-surface-3)}.members-list{display:flex;flex-direction:column;padding:2px 10px 16px}.member-row{display:flex;align-items:center;gap:11px;padding:7px 8px;border-radius:var(--radius-md)}.member-row:hover{background:var(--color-surface-1)}.member-av{position:relative;display:inline-flex}.member-info{display:flex;flex-direction:column;min-width:0}.member-name{font-size:var(--text-sm);display:flex;align-items:center;gap:6px;min-width:0}.member-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-un{font-size:12px;color:var(--color-text-muted)}.toaster{position:fixed;right:20px;bottom:20px;z-index:400;display:flex;flex-direction:column-reverse;gap:9px;pointer-events:none}.toast{pointer-events:auto;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;min-width:240px;max-width:min(380px,calc(100vw - 40px));background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:11px 12px 13px 14px;font-size:var(--text-sm);line-height:1.5;box-shadow:0 14px 38px #00000080;animation:toast-in var(--dur-med) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.toast-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--color-text-dim);opacity:.5;transform-origin:left center;animation-name:toast-count;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes toast-count{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-icon{flex:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--color-surface-3);color:var(--color-text-2)}.toast-text{flex:1;min-width:0;word-break:break-word}.toast-x{flex:none;border:0;background:transparent;color:var(--color-text-dim);cursor:pointer;padding:2px;border-radius:var(--radius-sm);display:inline-flex}.toast-x:hover{color:var(--color-text);background:var(--color-surface-3)}@media (max-width: 640px){.toaster{right:12px;left:12px;bottom:12px}.toast{max-width:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000080}.modal{position:fixed;z-index:101;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 24px);max-width:440px;max-height:min(88dvh,100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:0 24px 60px #00000080}.modal-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4)}.modal-head{display:flex;align-items:center;gap:var(--space-2);position:sticky;top:0;z-index:2;margin-bottom:var(--space-5);background:var(--color-surface-1);box-shadow:0 0 0 var(--space-5) var(--color-surface-1)}.modal-head .modal-title{flex:1;min-width:0;margin-bottom:0}.modal-x{flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);font-size:14px;cursor:pointer}.modal-x:hover{background:var(--color-surface-2);color:var(--color-text)}.modal-x:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal-field{display:flex;flex-direction:column;gap:7px;margin-bottom:var(--space-3)}.modal-field>span{font-size:var(--text-sm);color:var(--color-text-muted)}.modal-field textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);font-family:inherit;font-size:var(--text-base);padding:10px 12px;outline:none;resize:vertical}.modal-field textarea:focus{border-color:var(--color-accent)}.modal-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.modal-mini{display:inline-flex;align-items:center;gap:6px;flex:1;min-width:170px;padding:0 var(--space-3);height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text-muted)}.modal-mini input{flex:1;min-width:0;border:0;background:transparent;color:var(--color-text);font-size:var(--text-sm);outline:none}.modal-mini input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.modal-err{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-danger)}.modal-done{margin-top:var(--space-2);padding:8px 12px;font-size:var(--text-sm);color:var(--color-online-hi);background:var(--color-online-soft);border-radius:var(--radius-md);word-break:break-all}.conv-state.error{color:var(--color-danger)}.cal-errorbar{margin:0 22px 8px;padding:8px 14px;background:var(--color-danger-soft);color:var(--color-danger-hi);border-radius:var(--radius-md);font-size:var(--text-sm)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);position:sticky;bottom:0;z-index:1;margin-top:var(--space-5);padding-top:var(--space-3);background:var(--color-surface-1);box-shadow:0 0 0 var(--space-5) var(--color-surface-1)}.act-left{margin-right:auto}.modal-cancel{border:1px solid var(--color-border);background:transparent;color:var(--color-text-2);border-radius:var(--radius-md);padding:9px 16px;font-size:var(--text-sm);font-weight:500}.modal-cancel:hover{background:var(--color-surface-2)}.modal-save{border:0;background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);padding:9px 18px;font-size:var(--text-sm);font-weight:600}.modal-save:hover:not(:disabled){filter:brightness(1.12)}.modal-save:disabled{opacity:.55;cursor:not-allowed}.modal.modal-settings{max-width:960px;height:min(680px,88dvh);overflow:hidden;display:flex;flex-direction:column}.modal.modal-settings.set-loading{height:auto}.modal-settings .modal-head{position:static;box-shadow:none;margin-bottom:0;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-soft)}.modal-settings .modal-actions{position:static;box-shadow:none;margin-top:0;padding-top:var(--space-3);border-top:1px solid var(--color-border-soft)}.set-body{flex:1;min-height:0;display:flex;gap:var(--space-4);padding:var(--space-4) 0}.set-nav{flex:none;width:200px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overscroll-behavior:contain;padding-right:var(--space-3);border-right:1px solid var(--color-border-soft)}.set-nav-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-2);font-family:inherit;font-size:13px;text-align:left;cursor:pointer}.set-nav-item>svg{flex:none;opacity:.75}.set-nav-item>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-nav-item>em{flex:none;font-style:normal;font-size:11px;color:var(--color-text-dimmer)}.set-nav-item:hover{background:var(--color-surface-2);color:var(--color-text)}.set-nav-item.on{background:var(--color-accent-soft);color:var(--color-accent-hi);font-weight:600}.set-nav-item.on>svg{opacity:1}.set-pane{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.set-pane-head{margin-bottom:var(--space-4)}.set-pane-head h3{margin:0 0 3px;font-size:var(--text-base);font-weight:700}.set-pane-head p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.55}.set-pane .ar-card{background:var(--color-surface-2)}.set-pane .ar-rule{background:var(--color-canvas)}.set-pane .ar-body{gap:var(--space-3)}.modal-backdrop.nested{z-index:120}.modal.nested{z-index:121}.modal-backdrop.confirm-back{z-index:130}.modal.modal-confirm{z-index:131}.set-pane .space-members{max-height:none;border:0;padding:0}.evm{max-width:470px;border-radius:24px}.evm-close{position:absolute;top:14px;right:16px;width:30px;height:30px;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.evm-close:hover{background:var(--color-surface-2);color:var(--color-text)}.evm-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.evm-title{width:calc(100% - 34px);border:0;border-bottom:2px solid var(--color-border);background:transparent;color:var(--color-text);font-family:inherit;font-size:22px;font-weight:500;padding:4px 2px 8px;margin:6px 0 4px;outline:none}.evm-title::placeholder{color:var(--color-text-dim);font-weight:400}.evm-title:focus{border-bottom-color:var(--color-accent)}.evm-tabs{display:flex;gap:6px;margin:12px 0 8px}.evm-tab{border:0;background:transparent;color:var(--color-text-2);font-family:inherit;font-size:var(--text-sm);font-weight:600;padding:7px 18px;border-radius:999px;cursor:pointer}.evm-tab:hover{background:var(--color-surface-2)}.evm-tab.on{background:var(--color-accent);color:var(--color-on-accent)}.evm-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.evm-rows{display:flex;flex-direction:column;margin-top:4px}.evm-row{display:flex;align-items:flex-start;gap:6px;padding:3px 0}.evm-ico{flex:none;width:34px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.evm-in{border:1px solid transparent;background:transparent;color:var(--color-text);font-family:inherit;font-size:var(--text-base);padding:8px 10px;border-radius:var(--radius-md);outline:none}.evm-in:hover{background:var(--color-surface-1)}.evm-in:focus{background:var(--color-canvas);border-color:var(--color-accent)}.evm-in::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.evm-full{flex:1;width:100%}.evm-time{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;flex:1;padding-top:1px}.evm-times{display:inline-flex;align-items:center;gap:2px}.evm-dash{color:var(--color-text-muted)}.evd-join{display:block;width:100%;margin:16px 0 2px;padding:10px;border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.evd-join:hover{filter:brightness(1.08)}.evd-del{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--color-border);background:transparent;color:var(--color-danger);font-family:inherit;font-size:12.5px;padding:8px 12px;border-radius:var(--radius-md);cursor:pointer}.evd-del:hover{background:var(--color-danger-soft)}.evm-descbox{resize:none;min-height:40px}.evm-add{flex:1;text-align:left;border:1px dashed var(--color-border);background:transparent;color:var(--color-text-2);font-family:inherit;font-size:var(--text-sm);padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;margin-top:2px}.evm-add:hover{background:var(--color-surface-1)}.evm-add.on{border-style:solid;border-color:var(--color-accent-line);background:var(--color-accent-soft);color:var(--color-accent-hi)}.evm-add:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.evm-calpick{display:inline-flex;align-items:center;gap:9px;flex:1;padding-top:1px}.evm-dot{width:13px;height:13px;border-radius:50%;flex:none}.evm-calpick .evm-in{flex:1}.evm-foot{display:flex;justify-content:flex-end;position:sticky;bottom:0;z-index:1;margin-top:var(--space-5);padding-top:14px;border-top:1px solid var(--color-border-soft);background:var(--color-surface-1);box-shadow:0 0 0 var(--space-5) var(--color-surface-1)}.tg-event.has-call{cursor:pointer}.tg-event.has-call:hover{filter:brightness(1.18)}.seg{display:flex;gap:4px;padding:4px;background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:8px}.seg-btn{flex:1;padding:8px;border:0;background:transparent;color:var(--color-text-muted);border-radius:calc(var(--radius-md) - 3px);font-size:var(--text-sm);font-weight:600}.seg-btn.on{background:var(--color-accent);color:var(--color-on-accent)}.seg-hint{font-size:12px;color:var(--color-text-muted);margin-bottom:var(--space-3)}.rt-check{display:flex;align-items:center;gap:9px;margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-2);cursor:pointer}.rt-check input{width:16px;height:16px;accent-color:var(--color-accent)}.mpick{margin-top:7px;max-height:210px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas)}.mpick-row{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:0;background:transparent;color:var(--color-text);text-align:left;cursor:pointer}.mpick-row:hover{background:var(--color-surface-2)}.mpick-row.on{background:var(--color-accent-soft)}.mpick-name{flex:1;min-width:0;display:flex;flex-direction:column;font-size:var(--text-sm);overflow:hidden;white-space:nowrap}.mpick-name small{color:var(--color-text-muted);font-size:11.5px}.mpick-check{width:18px;text-align:center;color:var(--color-accent);font-weight:700}.mpick-empty,.mpick-note{padding:12px;font-size:12.5px;color:var(--color-text-muted)}.lp{display:flex;gap:10px;align-items:flex-start;max-width:420px;margin-top:6px;padding:9px 11px;border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface-1);text-decoration:none;color:inherit;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}a.lp:hover{background:var(--color-surface-2);border-color:var(--color-border-strong);border-left-color:var(--color-accent)}.lp-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.lp-site{font-size:11px;color:var(--color-text-dimmer);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-title{font-size:13px;font-weight:600;color:var(--color-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lp-desc{font-size:12px;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lp-side{flex:none;width:62px;height:62px;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-surface-3)}.lp-video{flex-direction:column;gap:0;padding:0;overflow:hidden}.lp-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.lp-iframe{width:100%;height:100%;border:0;display:block}.lp-play{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer;display:block}.lp-thumb{width:100%;height:100%;object-fit:cover;display:block}.lp-playbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:38px;border-radius:10px;background:#0c0d0fb8;border:1px solid rgba(255,255,255,.22);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.lp-playbtn:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff}.lp-play:hover .lp-playbtn{background:var(--color-danger);transform:translate(-50%,-50%) scale(1.06)}.lp-vbody{display:flex;flex-direction:column;gap:3px;padding:9px 11px;text-decoration:none;color:inherit}.lp-vbody:hover .lp-title{color:var(--color-accent-hi)}.lp-embed{flex-direction:column;gap:0;padding:0;overflow:hidden;max-width:340px}.lp-embed.tiktok{border-left-color:#ff3b5c}.lp-embed.ig{border-left-color:#d6249f}.lp-embed.fb{border-left-color:#4a7bd0}.lp-embedframe{width:100%;background:var(--color-canvas)}.lp-load{display:flex;gap:10px;align-items:flex-start;width:100%;padding:10px 12px;border:0;background:transparent;color:inherit;text-align:left;font-family:inherit;cursor:pointer}.lp-load:hover{background:var(--color-surface-2)}.lp-brand{flex:none;padding:3px 8px;border-radius:var(--radius-pill);background:var(--color-surface-3);font-size:10.5px;font-weight:700;letter-spacing:.02em}.lp-embed.tiktok .lp-brand{background:#ff3b5c29;color:#ff8098}.lp-embed.ig .lp-brand{background:#d6249f29;color:#ef7ac8}.lp-embed.fb .lp-brand{background:#4a7bd029;color:#8fb2f0}.lp-open{display:block;padding:7px 12px;border-top:1px solid var(--color-border-soft);font-size:11.5px;color:var(--color-text-muted);text-decoration:none}.lp-open:hover{color:var(--color-accent-hi);background:var(--color-surface-2)}.share-preview{margin-top:var(--space-2);padding:8px 10px;border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-canvas);max-height:96px;overflow-y:auto}.share-prev-row{font-size:12.5px;color:var(--color-text-2);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-prev-row b{color:var(--color-text)}.modal-hint{margin-top:var(--space-2);font-size:11.5px;color:var(--color-text-muted);line-height:1.5}.tm-role{margin:8px 0 2px;padding:8px 11px;border-radius:var(--radius-md);background:var(--color-warn-soft);color:var(--color-warn-hi);font-size:11.5px;line-height:1.5}.tm-ro{font-size:12.5px;color:var(--color-text-2);padding-top:5px}.tm-thread{margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border-soft)}.tm-cmts{display:flex;flex-direction:column;gap:8px;margin:8px 0;max-height:220px;overflow-y:auto}.tm-cmt-empty{font-size:11.5px;color:var(--color-text-dimmer);padding:6px 0}.tm-cmt{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--radius-md);background:var(--color-canvas)}.tm-cmt-head{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--color-text-dimmer)}.tm-cmt-head b{color:var(--color-text);font-size:12px}.tm-cmt-del{margin-left:auto;border:0;background:transparent;color:var(--color-text-dimmer);cursor:pointer;padding:0 2px;display:inline-flex}.tm-cmt-del:hover{color:var(--color-danger)}.tm-cmt-text{font-size:12.5px;color:var(--color-text-2);line-height:1.55;white-space:pre-wrap;word-break:break-word}.tm-tocc{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border-soft)}.tm-tocc-row{display:flex;gap:12px;align-items:flex-start}.tm-tocc-lbl{flex:none;width:92px;padding-top:5px}.tm-tocc-lbl small{display:block;font-size:10.5px;font-weight:400;color:var(--color-text-dimmer)}.tm-tocc-row .pp{flex:1;min-width:0}.evm-tocc{display:flex;gap:9px;align-items:flex-start}.evm-tocc .pp{flex:1;min-width:0}.evm-tag{flex:none;margin-top:4px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-hi);font-size:10.5px;font-weight:700;letter-spacing:.04em}.evm-tag.cc{background:var(--color-surface-3);color:var(--color-text-muted)}.pp{display:flex;flex-direction:column;gap:6px}.pp-chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.pp-empty{font-size:11.5px;color:var(--color-text-dimmer)}.pp-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 4px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text);font-family:inherit;font-size:11.5px;cursor:pointer}.pp-chip:hover{border-color:var(--color-danger)}.pp-x{color:var(--color-text-dimmer);font-size:10px}.pp-chip:hover .pp-x{color:var(--color-danger)}.pp-add{border:1px dashed var(--color-border-strong);background:transparent;color:var(--color-accent-hi);font-family:inherit;font-size:11.5px;padding:4px 10px;border-radius:var(--radius-pill);cursor:pointer}.pp-add:hover{background:var(--color-accent-soft)}.ppm-back{z-index:120}.ppm{z-index:121;max-width:520px}.ppm-search{display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text-muted)}.ppm-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--color-text);font-family:inherit;font-size:13px;padding:10px 0;outline:none}.ppm-clear{border:0;background:transparent;color:var(--color-text-dimmer);font-size:12px;cursor:pointer;padding:2px 4px}.ppm-clear:hover{color:var(--color-text)}.ppm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;max-height:76px;overflow-y:auto}.ppm-list{max-height:min(46dvh,340px);margin-top:10px}.ppm-count{flex:1;font-size:12px;color:var(--color-text-muted)}.share-cols{display:flex;gap:8px;margin-top:8px}.share-spaces{flex:none;width:150px;max-height:236px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas)}.share-space{display:flex;align-items:center;gap:6px;width:100%;padding:8px 9px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-2);font-family:inherit;font-size:12.5px;text-align:left;cursor:pointer}.share-space:hover{background:var(--color-surface-2)}.share-space.on{background:var(--color-accent-soft);color:var(--color-accent-hi);font-weight:600}.share-space-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-space-n{flex:none;min-width:17px;height:17px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.share-rooms{flex:1;min-width:0;max-height:236px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas)}.msg.pickable{cursor:pointer;padding-left:30px;position:relative}.msg.pickable:hover{background:var(--color-surface-2)}.msg.picked{background:var(--color-accent-soft)}.msg-pick{position:absolute;left:8px;top:12px;width:15px;height:15px;border-radius:50%;border:2px solid var(--color-text-dimmer);background:transparent}.msg-pick.on{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 3px var(--color-canvas)}.pickbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--color-border);background:var(--color-surface-1)}.pickbar-count{font-size:13px;font-weight:600}.pickbar-hint{flex:1;font-size:11.5px;color:var(--color-text-dimmer);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pickbar-cancel,.pickbar-go{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-family:inherit;font-size:12.5px;padding:7px 13px;border-radius:var(--radius-md);cursor:pointer}.pickbar-cancel:hover{background:var(--color-surface-3)}.pickbar-go{border-color:transparent;background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.pickbar-go:disabled{opacity:.5;cursor:not-allowed}.mpick-note{border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas)}.cal-wrap{flex:1;min-width:0;height:100%;display:flex;background:var(--color-canvas)}.cal-side{width:244px;flex:none;height:100%;overflow-y:auto;border-right:1px solid var(--color-border-soft);background:var(--color-canvas);padding:16px 14px;display:flex;flex-direction:column;gap:16px}.cal-create-side{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);border-radius:999px;padding:9px 18px;font-size:var(--text-sm);font-weight:600;box-shadow:0 2px 8px #0003;cursor:pointer}.cal-create-side:hover{background:var(--color-surface-3)}.cal-side-sec{display:flex;flex-direction:column;gap:1px}.cal-side-head{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--color-text-muted);font-weight:600;padding:0 4px 6px}.cal-side-add{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;display:inline-flex;padding:3px;border-radius:var(--radius-md)}.cal-side-add:hover{color:var(--color-text);background:var(--color-surface-2)}.calitem{display:flex;align-items:center;gap:9px;padding:5px 4px;border-radius:var(--radius-md)}.calitem:hover{background:var(--color-surface-1)}.calitem-check{width:17px;height:17px;flex:none;border:2px solid;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.calitem-tick{color:#fff;font-size:11px;line-height:1}.calitem-name{flex:1;min-width:0;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calitem-more{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0 4px;border-radius:var(--radius-md);opacity:0}.calitem:hover .calitem-more{opacity:1}.calitem-more:hover{background:var(--color-surface-2);color:var(--color-text)}.minical{display:flex;flex-direction:column;gap:6px}.minical-head{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:600;padding:0 2px}.minical-nav button{border:0;background:transparent;color:var(--color-text-2);cursor:pointer;font-size:15px;width:22px;height:22px;border-radius:var(--radius-md)}.minical-nav button:hover{background:var(--color-surface-2)}.minical-dow{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:10px;color:var(--color-text-muted)}.minical-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.minical-day{aspect-ratio:1;border:0;background:transparent;color:var(--color-text-2);font-size:11px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.minical-day:hover{background:var(--color-surface-2)}.minical-day.out{color:var(--color-text-dim)}.minical-day.today{color:var(--color-accent);font-weight:700}.minical-day.sel{background:var(--color-accent);color:var(--color-on-accent)}.cal{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;background:var(--color-canvas)}.cal-head{display:flex;align-items:center;gap:16px;padding:16px 22px;flex:none;border-bottom:1px solid var(--color-border-soft)}.cal-title{font-size:var(--text-xl);font-weight:700}.cal-sub{font-size:12.5px;color:var(--color-text-muted);margin-top:2px}.cal-nav{display:flex;align-items:center;gap:4px}.cal-navbtn{width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);border-radius:var(--radius-md);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.cal-navbtn:hover{background:var(--color-surface-3)}.cal-today{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);border-radius:var(--radius-md);padding:0 14px;height:32px;font-size:13px;font-weight:500}.cal-today:hover{background:var(--color-surface-3)}.cal-spacer{flex:1}.cal-create{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:var(--radius-md);padding:8px 15px;font-size:13px;font-weight:600;color:var(--color-on-accent);background:var(--color-accent)}.cal-create:hover{filter:brightness(1.12)}.cal-dow{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--color-border-soft);flex:none}.cal-dowcell{text-align:center;padding:9px 0;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--color-text-dim);text-transform:uppercase}.cal-grid{flex:1;display:flex;flex-direction:column;overflow-y:auto}.cal-week{--cal-daterow: 27px;--cal-lane: 20px;display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px;padding-bottom:4px;flex:1 1 0;min-height:108px}.cal-week.open{flex:0 0 auto}.cal-cell{border:0;border-right:1px solid var(--color-border-soft);border-bottom:1px solid var(--color-border-soft);background:transparent;padding:0;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.cal-cell:hover{background:#ffffff08}.cal-cell.out{background:#00000026}.cal-cell.today{background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.cal-date{pointer-events:none;justify-self:start;align-self:center;margin-left:6px;min-width:24px;height:22px;padding:0 5px;font-size:13px;font-weight:600;color:var(--color-text-2);display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.cal-date.out{color:var(--color-text-dimmer)}.cal-date.today{background:var(--color-accent);color:var(--color-on-accent)}.cal-chip{display:flex;align-items:center;gap:6px;min-width:0;height:19px;margin:0 3px;align-self:center;border:0;background:transparent;text-align:left;font-family:inherit;cursor:pointer;font-size:11.5px;padding:0 4px;border-radius:5px;color:var(--color-text-2);overflow:hidden}.cal-chip:hover{background:var(--color-surface-2);color:var(--color-text)}.cal-cdot{flex:none;width:7px;height:7px;border-radius:50%}.cal-ctext{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-chip.task .cal-cdot{background:transparent!important;border:1.5px solid var(--color-text-dim)}.cal-chip.done{color:var(--color-text-dim);text-decoration:line-through}.cal-chip.span{color:var(--color-text);font-weight:600;padding:0 8px;border-left:3px solid transparent}.cal-chip.span:hover{filter:brightness(1.25)}.cal-chip.span.contl{margin-left:0;border-left-width:0;padding-left:8px;border-top-left-radius:0;border-bottom-left-radius:0}.cal-chip.span.contr{margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.cal-chip.span.done{color:var(--color-text-2)}.cal-check{color:var(--color-online);font-weight:700;display:inline-block}.cal-more{display:flex;align-items:center;height:18px;margin:0 3px;align-self:center;border:0;background:transparent;text-align:left;font-family:inherit;cursor:pointer;font-size:10.5px;color:var(--color-text-dim);padding:0 4px;border-radius:5px;overflow:hidden;white-space:nowrap}.cal-more:hover{color:var(--color-text);background:var(--color-surface-2)}.cal-collapse{justify-self:start;align-self:center;margin-left:6px;border:0;background:transparent;font-family:inherit;font-size:10.5px;color:var(--color-text-dim);cursor:pointer;padding:2px 6px;border-radius:5px}.cal-collapse:hover{color:var(--color-text);background:var(--color-surface-2)}.cal-views{display:flex;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px}.cal-viewbtn{border:0;background:transparent;color:var(--color-text-muted);border-radius:6px;padding:5px 14px;font-size:12.5px;font-weight:500;font-family:inherit}.cal-viewbtn:hover{color:var(--color-text)}.cal-viewbtn.on{background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.tg{flex:1;min-height:0;display:flex;flex-direction:column}.tg-gutter{width:60px;flex:none}.tg-daysrow{display:flex;border-bottom:1px solid var(--color-border-soft);flex:none}.tg-dayhead{flex:1;text-align:center;padding:9px 0 8px;border-left:1px solid var(--color-border-soft);display:flex;flex-direction:column;align-items:center;gap:2px}.tg-dow{font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--color-text-dim);text-transform:uppercase}.tg-date{font-size:18px;font-weight:700;color:var(--color-text-2);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.tg-dayhead.today .tg-date{background:var(--color-accent);color:var(--color-on-accent)}.tg-allday{display:flex;border-bottom:1px solid var(--color-border-soft);flex:none;min-height:30px;max-height:84px;overflow-y:auto}.tg-alllabel{font-size:10.5px;color:var(--color-text-dim);text-align:right;padding:6px 8px 0}.tg-alldaycol{flex:1;border-left:1px solid var(--color-border-soft);padding:4px;display:flex;flex-direction:column;gap:3px;min-width:0}.tg-task,.tg-span{display:block;width:100%;border:0;text-align:left;font-family:inherit;cursor:pointer;font-size:11px;padding:2px 7px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-task{background:var(--color-surface-2);color:var(--color-text-2);border-left:3px solid var(--color-text-dim)}.tg-span{color:var(--color-text)}.tg-task:hover,.tg-span:hover{filter:brightness(1.25)}.tg-task.done{text-decoration:line-through;color:var(--color-text-dim)}.tg-scroll{flex:1;overflow-y:auto}.tg-body{display:flex;position:relative}.tg-hours{width:60px;flex:none}.tg-hour{position:relative}.tg-hour span{position:absolute;top:-7px;right:9px;font-size:10.5px;color:var(--color-text-dim);font-family:var(--font-mono)}.tg-cols{flex:1;display:flex;position:relative}.tg-col{flex:1;position:relative;border-left:1px solid var(--color-border-soft);cursor:pointer;background:repeating-linear-gradient(to bottom,var(--color-border-soft) 0,var(--color-border-soft) 1px,transparent 1px,transparent 52px)}.tg-event{position:absolute;border-radius:6px;padding:3px 7px;overflow:hidden;display:flex;flex-direction:column;gap:1px;cursor:default;color:#fff}.tg-ev-title{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-ev-check{color:var(--color-online);font-weight:700;margin-right:2px;display:inline-block}.tg-event.done{opacity:.62}.tg-event.done .tg-ev-title{text-decoration:line-through}.tg-ev-time{font-size:10.5px;opacity:.8}.tg-nowline{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--color-danger);z-index:5}.tg-nowdot{position:absolute;left:-4px;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--color-danger)}.modal-text{width:100%;height:42px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);font-family:inherit;font-size:var(--text-base);outline:none}.modal-text:focus{border-color:var(--color-accent)}textarea.modal-text{height:auto;min-height:62px;padding:9px 12px;line-height:1.5;resize:none;overflow-y:hidden}.modal-text[type=date]::-webkit-calendar-picker-indicator,.modal-text[type=time]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.color-row{display:flex;gap:8px}.color-dot{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.color-dot.on{border-color:#fff;box-shadow:0 0 0 2px var(--color-canvas),0 0 0 4px #ffffff40}.pw-row{display:flex;gap:var(--space-2)}.pw-row .modal-text{flex:1}.pw-gen{flex:none;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);border-radius:var(--radius-md);padding:0 14px;font-size:var(--text-sm);font-weight:500;font-family:inherit;white-space:nowrap}.pw-gen:hover{background:var(--color-surface-3)}.meet-lobby{flex:1;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.meet-card{width:100%;max-width:400px;background:var(--color-surface-1);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.meet-icon{width:68px;height:68px;margin:0 auto var(--space-3);border-radius:var(--radius-lg);background:var(--color-accent-soft);color:var(--color-accent-hi);display:flex;align-items:center;justify-content:center}.meet-title{margin:0;font-size:var(--text-xl);font-weight:700}.meet-note{margin:6px 0 var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.meet-start{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-base);font-weight:600;padding:12px}.meet-start:hover{filter:brightness(1.12)}.meet-or{margin:var(--space-4) 0 var(--space-3);font-size:var(--text-xs);color:var(--color-text-dim)}.meet-join{display:flex;gap:var(--space-2)}.meet-join input{flex:1;min-width:0;height:42px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);font-size:var(--text-sm);outline:none}.meet-join input:focus{border-color:var(--color-accent)}.meet-join button{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);border-radius:var(--radius-md);padding:0 16px;font-size:var(--text-sm);font-weight:600}.meet-join button:disabled{opacity:.5;cursor:not-allowed}.meet-live{flex:1;min-width:0;height:100%;display:flex;flex-direction:column}.meet-bar{display:flex;align-items:center;gap:var(--space-3);padding:10px 16px;border-bottom:1px solid var(--color-border-soft);flex:none}.meet-leave,.call-leave{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);border-radius:var(--radius-md);padding:7px 14px;font-size:var(--text-sm);font-weight:500}.meet-leave:hover{background:var(--color-surface-3)}.meet-room{font-size:var(--text-sm);color:var(--color-text-muted)}.meet-frame{flex:1;min-height:0}.jitsi-wrap{width:100%;height:100%;position:relative}.jitsi-frame{width:100%;height:100%}.jitsi-frame iframe{border:0}.jitsi-err{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:5;background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-sm)}.jitsi-err a{color:var(--color-accent-hi)}.call-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--color-stage);display:flex;flex-direction:column}.call2-host{flex:1;min-width:0;height:100%}.call2{height:100%;display:flex;flex-direction:column;background:var(--color-stage)}.call2-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;background:var(--color-rail);border-bottom:1px solid var(--color-border-soft);flex:none}.call2-titlewrap{display:flex;align-items:center;gap:10px;min-width:0}.call2-title{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call2-rec{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--color-danger-hi);background:var(--color-danger-soft);padding:2px 9px;border-radius:var(--radius-pill);flex:none}.call2-recdot{width:6px;height:6px;border-radius:50%;background:var(--color-danger);animation:blink 1.6s infinite}.call2-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--color-text-muted);flex:none}.call2-count{color:var(--color-text-2);font-weight:500}.call2-timer{font-family:var(--font-mono)}.call2-video{flex:1;min-height:0;position:relative;background:var(--color-stage)}.call2-frame{width:100%;height:100%}.call2-frame iframe{border:0}.call2-connecting,.call2-err{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.call2-err a{color:var(--color-accent-hi)}.call2-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:var(--color-rail);border-top:1px solid var(--color-border-soft);flex:none;flex-wrap:wrap}.call2-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:62px;height:56px;border:0;background:var(--color-surface-2);color:var(--color-text-2);border-radius:var(--radius-xl);font-family:inherit;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.call2-btn span{font-size:10.5px}.call2-btn:hover{background:var(--color-surface-3)}.call2-btn.active{background:var(--color-accent-soft);color:var(--color-accent-hi)}.call2-btn.muted{background:var(--color-danger-soft);color:var(--color-danger-hi)}.call2-leave{display:inline-flex;align-items:center;gap:8px;height:56px;padding:0 20px;margin-left:8px;border:0;border-radius:var(--radius-xl);background:var(--color-danger);color:#fff;font-size:13px;font-weight:600;font-family:inherit}.call2-leave:hover{filter:brightness(1.1)}.call2-split{position:relative;display:inline-flex;align-items:flex-end}.call2-caret{width:20px;height:56px;margin-left:2px;border:0;border-radius:var(--radius-xl);background:var(--color-surface-2);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.call2-caret:hover,.call2-caret.on{background:var(--color-surface-3);color:var(--color-text)}.call2-devpop{position:absolute;z-index:41;bottom:calc(100% + 8px);left:0;width:290px;max-height:60vh;overflow-y:auto;padding:8px;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 18px 44px #00000080}.call2-devgrp+.call2-devgrp{margin-top:8px;border-top:1px solid var(--color-border-soft);padding-top:8px}.call2-devhead{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-dim);padding:2px 8px 5px}.call2-devnote{font-size:11.5px;color:var(--color-text-muted);padding:2px 8px 4px;line-height:1.5}.call2-devitem{display:flex;align-items:center;gap:7px;width:100%;padding:7px 8px;border:0;background:transparent;color:var(--color-text-2);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer}.call2-devitem:hover{background:var(--color-surface-2);color:var(--color-text)}.call2-devitem.on{color:var(--color-accent-hi)}.call2-devcheck{flex:none;width:14px;display:flex;align-items:center;justify-content:center}.call2-devname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call2-devfoot{font-size:11px;color:var(--color-text-dimmer);padding:8px 8px 2px;border-top:1px solid var(--color-border-soft);margin-top:8px}.meet-page{flex:1;height:100%;min-width:0;display:flex;flex-direction:column;padding:var(--space-5) var(--space-6);overflow-y:auto}.meet-head{display:flex;align-items:flex-start;gap:var(--space-4)}.meet-h1{margin:0;font-size:var(--text-xl);font-weight:700}.meet-sub{margin:3px 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.meet-new{margin-left:auto;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-sm);font-weight:600;padding:10px 16px;white-space:nowrap;cursor:pointer}.meet-new:hover{filter:brightness(1.12)}.meet-err{margin-top:var(--space-4);padding:9px 13px;border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger-hi);font-size:var(--text-sm)}.meet-loading{padding:var(--space-6) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.meet-empty{margin:auto;text-align:center;max-width:380px;padding:var(--space-6) 0}.meet-empty-ico{width:62px;height:62px;margin:0 auto var(--space-3);border-radius:var(--radius-xl);background:var(--color-surface-2);color:var(--color-text-dim);display:flex;align-items:center;justify-content:center}.meet-empty-title{font-size:var(--text-lg);font-weight:700}.meet-empty-note{margin:6px 0 var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.65}.meet-empty .meet-new{margin:0 auto}.meet-list{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.meet-secttl{font-size:var(--text-xs);font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--color-text-dim);margin:var(--space-3) 0 2px}.meetrow{display:flex;align-items:flex-start;gap:var(--space-3);padding:14px 16px;border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--color-surface-1)}.meetrow.live{border-color:var(--color-accent-line)}.meetrow-lock{width:38px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.meetrow-lock.free{background:var(--color-online-soft);color:var(--color-online)}.meetrow-lock.locked{background:var(--color-surface-2);color:var(--color-text)}.meetrow-main{flex:1;min-width:0}.meetrow-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.meetrow-name{font-size:var(--text-md);font-weight:600}.meetrow-live{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--color-online);background:var(--color-online-soft);padding:2px 9px;border-radius:var(--radius-pill)}.meetrow-dot{width:6px;height:6px;border-radius:50%;background:var(--color-online);animation:blink 1.6s infinite}.meetrow-idle,.meetrow-when{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--color-text-muted);background:var(--color-surface-2);padding:2px 9px;border-radius:var(--radius-pill)}.meetrow-meta{margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--color-text-muted)}.meetrow-people{display:inline-flex;align-items:center;gap:4px}.meetrow-sep{color:var(--color-text-dimmer)}.meetrow-code{font-family:var(--font-mono);color:var(--color-accent-hi)}.meetrow-names{margin-top:3px;font-size:12px;color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meetrow-pass{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meetrow-pass input{width:160px;height:36px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);font-size:var(--text-sm);outline:none}.meetrow-pass input:focus{border-color:var(--color-accent)}.meetrow-passerr{font-size:12px;color:var(--color-danger);width:100%}.meetrow-cancel{border:0;background:transparent;color:var(--color-text-muted);font-size:12.5px;cursor:pointer}.meetrow-actions{display:flex;align-items:center;gap:8px;flex:none}.meetrow-join{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-sm);font-weight:600;padding:9px 15px;white-space:nowrap;cursor:pointer}.meetrow-join:hover:not(:disabled){filter:brightness(1.12)}.meetrow-join:disabled{opacity:.55;cursor:not-allowed}.meetrow-join.ghost{background:var(--color-surface-2);color:var(--color-text-2);border:1px solid var(--color-border)}.meetrow-join.ghost:hover{background:var(--color-surface-3)}.meetrow-end{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);padding:8px 12px;font-size:12.5px;cursor:pointer}.meetrow-end:hover{background:var(--color-danger-soft);color:var(--color-danger);border-color:transparent}.callhost.full{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--color-stage)}.callhost.mini{position:fixed;right:18px;bottom:18px;width:300px;height:196px;z-index:210;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);box-shadow:0 18px 44px #0000008c}.callhost.mini .call2-head,.callhost.mini .call2-bar{display:none}.callhost-minibar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:6px;padding:7px 8px;background:linear-gradient(to top,#000000d1,#0000)}.callhost-back{flex:1;border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-family:inherit;font-size:12px;font-weight:600;padding:7px 10px;cursor:pointer}.callhost-back:hover{filter:brightness(1.12)}.callhost-hang{width:32px;height:30px;flex:none;border:0;border-radius:var(--radius-md);background:var(--color-danger);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.call2-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-pill);background:#151619eb;border:1px solid var(--color-border);color:var(--color-text-2);font-size:12.5px;box-shadow:0 8px 24px #0006}.callhost.mini .call2-hint{display:none}.call2-min{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);padding:4px 10px;font-family:inherit;font-size:11.5px;cursor:pointer}.call2-min:hover{background:var(--color-surface-2);color:var(--color-text)}.meetrow.mine-in{border-color:var(--color-accent-line);background:var(--color-accent-soft-2)}.meetrow-join.back{background:var(--color-surface-2);color:var(--color-accent-hi);border:1px solid var(--color-accent-line)}.meetrow-join.back:hover{background:var(--color-accent-soft)}.meetmodal{max-height:88vh;overflow-y:auto}.meetmodal .mpick{max-height:168px}.notifpanel{position:fixed;z-index:41;width:320px;display:flex;flex-direction:column;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000073;overflow:hidden}.notifpanel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--color-border-soft);font-size:var(--text-sm);font-weight:600}.notifpanel-clear{border:0;background:transparent;color:var(--color-text-muted);font-size:11.5px;cursor:pointer}.notifpanel-clear:hover{color:var(--color-text)}.notifpanel-empty{padding:22px 12px;text-align:center;font-size:12.5px;color:var(--color-text-muted)}.notifpanel-empty small{display:block;margin-top:6px;font-size:11px;color:var(--color-text-dimmer);line-height:1.5}.notifpanel-list{overflow-y:auto}.notifitem{display:flex;gap:10px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--color-border-soft);background:transparent;color:var(--color-text);text-align:left;cursor:pointer}.notifitem:hover{background:var(--color-surface-3)}.notifitem-ico{width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-surface-3);color:var(--color-text-muted)}.notifitem.meeting .notifitem-ico{background:var(--color-accent-soft);color:var(--color-accent-hi)}.notifitem.task .notifitem-ico{background:var(--color-warn-soft);color:var(--color-warn-hi)}.notifitem.friend .notifitem-ico{background:var(--color-online-soft);color:var(--color-online-hi)}.notifitem-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notifitem-title{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notifitem-text{font-size:12px;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notifitem-time{font-size:10.5px;color:var(--color-text-dimmer)}.contacts{flex:1;height:100%;display:flex;flex-direction:column;width:100%;padding:var(--space-5) var(--space-6) 0;min-width:0}.contacts-head{display:flex;align-items:center;gap:var(--space-4)}.contacts-title{margin:0;font-size:var(--text-xl);font-weight:700}.contacts-sub{margin:3px 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.contacts-search{flex:1;max-width:380px;margin-left:auto;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:40px;border-radius:var(--radius-md);background:var(--color-surface-1);border:1px solid var(--color-border-soft);color:var(--color-text-dim)}.contacts-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--color-text);font-size:var(--text-sm);outline:none}.contacts-add{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-sm);font-weight:600;padding:10px 16px;white-space:nowrap}.contacts-add:hover{filter:brightness(1.12)}.contacts-chips{display:flex;flex-wrap:wrap;gap:8px;margin:var(--space-4) 0 var(--space-3)}.ct-chip{border:1px solid var(--color-border);background:var(--color-surface-1);color:var(--color-text-muted);border-radius:var(--radius-md);padding:6px 14px;font-size:12.5px;font-weight:500;font-family:inherit}.ct-chip:hover{background:var(--color-surface-2);color:var(--color-text)}.ct-chip.on{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);font-weight:600}.ct-head,.ct-row{display:grid;grid-template-columns:2.3fr 1.4fr 1fr 1.7fr 1fr;align-items:center;gap:14px}.ct-head{padding:0 12px 10px;font-size:12px;font-weight:600;color:var(--color-text-dim);border-bottom:1px solid var(--color-border-soft)}.ct-head .ct-right{text-align:right}.ct-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-bottom:var(--space-6)}.ct-row{padding:11px 12px;border-bottom:1px solid var(--color-border-soft);position:relative}.ct-row:hover{background:var(--color-surface-1)}.ct-name{display:flex;align-items:center;gap:12px;min-width:0}.ct-av{position:relative;flex:none;display:flex}.contact-dot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;border:2px solid var(--color-canvas);background:var(--color-text-dim)}.ct-row:hover .contact-dot{border-color:var(--color-surface-1)}.contact-dot.online{background:var(--color-online)}.contact-dot.away{background:var(--color-warn)}.contact-dot.busy{background:var(--color-danger)}.ct-name>.oa-hero-badge.sm{width:40px;height:40px;border-radius:13px;font-size:16px}.ct-nametext{min-width:0;display:flex;flex-direction:column;gap:1px}.ct-nm{font-size:var(--text-base);font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-un{font-size:12.5px;color:var(--color-text-muted)}.contact-badge{font-size:10px;font-weight:600;color:var(--color-accent-hi);background:var(--color-accent-soft);border-radius:4px;padding:1px 6px}.contact-badge.bot{color:var(--color-text-muted);background:var(--color-surface-2)}.ct-pos{font-size:var(--text-sm);color:var(--color-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-deptbadge{display:inline-block;font-size:12px;font-weight:600;padding:3px 11px;border-radius:var(--radius-md)}.ct-email{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-status{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:var(--text-sm);color:var(--color-text-muted)}.ct-statusdot{width:8px;height:8px;border-radius:50%;background:var(--color-text-dim)}.ct-statusdot.online{background:var(--color-online)}.ct-statusdot.away{background:var(--color-warn)}.ct-statusdot.busy{background:var(--color-danger)}.ct-actions{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;gap:4px;opacity:0;transition:opacity var(--dur-fast) var(--ease-out);background:linear-gradient(90deg,transparent,var(--color-surface-1) 24%);padding-left:30px}.ct-row:hover .ct-actions{opacity:1}.ct-actbtn{width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.ct-actbtn:hover{background:var(--color-surface-3);color:var(--color-accent-hi)}.pollcard{margin-top:8px;max-width:460px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1)}.pollcard.loading,.pollcard.ended{opacity:.7;font-size:var(--text-sm);color:var(--color-text-muted)}.pollcard.closed{border-style:dashed}.poll-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.poll-kind{flex:1;min-width:0;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent-hi)}.poll-close{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);font-family:inherit;font-size:11.5px;padding:3px 9px;cursor:pointer}.poll-close:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.poll-q{font-size:var(--text-base);font-weight:600;line-height:1.45;margin-bottom:9px;overflow-wrap:anywhere}.poll-opts{display:flex;flex-direction:column;gap:5px}.poll-opt{position:relative;display:flex;align-items:center;gap:8px;width:100%;padding:9px 11px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text-2);font-family:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;overflow:hidden}.poll-opt:hover:not(:disabled){border-color:var(--color-accent-line)}.poll-opt.on{border-color:var(--color-accent);color:var(--color-text)}.poll-opt.locked{cursor:default}.poll-bar{position:absolute;inset:0 auto 0 0;background:var(--color-accent-soft);transition:width var(--dur-med) var(--ease-out)}.poll-opt.on .poll-bar{background:var(--color-accent-soft-2)}.poll-mark{position:relative;flex:none;width:14px;display:flex;align-items:center;justify-content:center;color:var(--color-accent-hi)}.poll-text{position:relative;flex:1;min-width:0;overflow-wrap:anywhere}.poll-pct{position:relative;flex:none;font-size:11.5px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.poll-err{margin-top:7px;font-size:12px;color:var(--color-danger)}.poll-foot{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:11.5px;color:var(--color-text-muted)}.poll-voters-btn{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:inherit;font-family:inherit;font-size:11.5px;cursor:pointer;padding:0}.poll-voters-btn:hover{color:var(--color-text-2)}.poll-by{margin-left:auto}.poll-voters{margin-top:8px;border-top:1px solid var(--color-border-soft);padding-top:8px;display:flex;flex-direction:column;gap:5px}.poll-voterrow{display:flex;gap:8px;font-size:11.5px;line-height:1.5}.poll-voterrow b{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-2)}.poll-voterrow span{flex:1;min-width:0;color:var(--color-text-muted);overflow-wrap:anywhere}.poll-delopt{flex:none;width:34px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer}.poll-delopt:hover:not(:disabled){background:var(--color-danger-soft);color:var(--color-danger)}.poll-delopt:disabled{opacity:.35;cursor:not-allowed}.poll-addopt{align-self:flex-start;border:1px dashed var(--color-border);background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);font-family:inherit;font-size:12.5px;padding:6px 12px;cursor:pointer}.poll-addopt:hover{color:var(--color-text);border-color:var(--color-accent-line)}.poll-multi{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--color-text-2);margin-bottom:var(--space-3);cursor:pointer}.fr-inbox{margin:0 var(--space-6) var(--space-3);padding:10px 12px;border:1px solid var(--color-warn);background:var(--color-warn-soft);border-radius:var(--radius-lg)}.fr-inbox-head{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--color-warn);margin-bottom:6px}.fr-inbox-row{display:flex;align-items:center;gap:9px;padding:5px 0;flex-wrap:wrap}.fr-inbox-name{flex:1;min-width:120px;display:flex;flex-direction:column;font-size:var(--text-sm)}.fr-inbox-name small{color:var(--color-text-muted);font-size:11.5px}.fr-accept,.fr-decline,.fr-blockbtn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--color-border);background:var(--color-surface-1);color:var(--color-text-2);border-radius:var(--radius-md);font-family:inherit;font-size:12px;padding:5px 11px;cursor:pointer}.fr-accept{border-color:var(--color-accent);color:var(--color-accent-hi)}.fr-accept:hover{background:var(--color-accent-soft)}.fr-decline:hover{background:var(--color-surface-2)}.fr-blockbtn:hover{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger)}.fr-badge{margin-left:7px;font-size:10.5px;font-weight:500;padding:1px 7px;border-radius:999px;background:var(--color-surface-3);color:var(--color-text-muted)}.fr-badge.friend{background:var(--color-accent-soft);color:var(--color-accent-hi)}.fr-badge.pending-in{background:var(--color-warn-soft);color:var(--color-warn)}.fr-badge.blocked{background:var(--color-danger-soft);color:var(--color-danger)}.ct-menu{position:fixed;top:auto;right:auto}.ct-row{position:relative}@media (prefers-reduced-motion: reduce){*{transition-duration:60ms!important;animation:none!important}.toast-bar{display:none}}.tk{display:flex;height:100%;min-width:0}.tk-side{width:236px;flex:none;border-right:1px solid var(--color-border-soft);padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.tk-side-head{padding:0 6px 6px}.tk-side-title{margin:0;font-size:var(--text-lg);font-weight:700}.tk-new{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-2);font-family:inherit;font-size:var(--text-sm);font-weight:600;padding:9px 12px;border-radius:var(--radius-md);margin:4px 0 8px}.tk-new:hover{background:var(--color-surface-2);color:var(--color-text)}.tk-new-solid{border:0;background:var(--color-accent);color:var(--color-on-accent);margin:0}.tk-new-solid:hover{filter:brightness(1.12);background:var(--color-accent);color:var(--color-on-accent)}.tk-sec-lbl{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-dim);padding:12px 6px 5px}.tk-nav{display:flex;flex-direction:column;gap:1px}.tk-nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:transparent;color:var(--color-text-2);font-family:inherit;font-size:var(--text-sm);text-align:left;padding:8px 10px;border-radius:var(--radius-md)}.tk-nav-item:hover{background:var(--color-surface-2)}.tk-nav-item.on{background:var(--color-accent-soft);color:var(--color-accent-hi);font-weight:600}.tk-nav-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tk-nav-count{flex:none;font-size:11.5px;color:var(--color-text-dim);background:var(--color-surface-2);border-radius:999px;padding:1px 8px}.tk-nav-item.on .tk-nav-count{background:var(--color-accent-soft);color:var(--color-accent-hi)}.tk-main{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;padding:18px 20px 4px;overflow:hidden}.tk-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.tk-title{margin:0;font-size:var(--text-xl);font-weight:700}.tk-sub{margin:3px 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.tk-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tk-search{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text-muted)}.tk-search input{border:0;background:transparent;color:var(--color-text);font-family:inherit;font-size:var(--text-sm);outline:none;width:150px}.tk-search:focus-within{border-color:var(--color-accent)}.tk-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tk-toggle button{border:0;background:transparent;color:var(--color-text-2);font-family:inherit;font-size:var(--text-sm);font-weight:600;padding:8px 14px}.tk-toggle button:hover{background:var(--color-surface-2)}.tk-toggle button.on{background:var(--color-accent);color:var(--color-on-accent)}.tk-state{padding:30px 8px;color:var(--color-text-muted);font-size:var(--text-sm)}.tk-state.err{color:var(--color-danger)}.ag{flex:1;min-height:0;overflow-y:auto;padding-right:6px;max-width:720px}.ag-day{margin-bottom:2px}.ag-date{margin:16px 0 3px;font-size:12.5px;font-weight:700;color:var(--color-text-2)}.ag>.ag-day:first-child .ag-date{margin-top:2px}.ag-row{display:flex;align-items:stretch;gap:13px;padding:10px 8px;border-radius:10px;cursor:default}.ag-row:hover{background:var(--color-surface-1)}.ag-check{flex:none;align-self:center;width:20px;height:20px;border:2px solid var(--color-border-strong);border-radius:50%;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center}.ag-check:hover{border-color:var(--color-online)}.ag-row.done .ag-check{background:var(--color-online);border-color:var(--color-online)}.ag-row.done{opacity:.5}.ag-row.done .ag-title{text-decoration:line-through;color:var(--color-text-dim)}.ag-time{flex:none;width:54px;text-align:right;display:flex;flex-direction:column;line-height:1.28;padding-top:1px}.ag-time b{font-size:13.5px;font-weight:700;color:var(--color-text)}.ag-time span{font-size:11.5px;color:var(--color-text-dim)}.ag-bar{flex:none;width:3px;border-radius:3px;background:var(--color-accent)}.ag-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:1px}.ag-title{font-size:14.5px;font-weight:600;color:var(--color-text);overflow-wrap:anywhere;display:flex;align-items:center;gap:7px}.ag-cam{font-size:12.5px}.ag-meta{font-size:12.5px;color:var(--color-text-muted);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ag-dot{color:var(--color-text-dim)}.ag-desc{color:var(--color-text-muted);overflow-wrap:anywhere}.ag-join{flex:none;align-self:center;border:1px solid var(--color-border);background:transparent;color:var(--color-accent-hi);font-family:inherit;font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:8px;white-space:nowrap}.ag-join:hover{background:var(--color-accent-soft);border-color:transparent}.ag-join:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ag-sep{margin:24px 0 4px;font-size:11.5px;font-weight:700;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:12px}.ag-sep:after{content:"";flex:1;height:1px;background:var(--color-border-soft)}.ag-past{opacity:.55;transition:opacity var(--dur-fast) var(--ease-out)}.ag-past:hover{opacity:.85}@media (max-width: 560px){.ag-row{gap:10px;padding:10px 4px}.ag-time{width:46px}}.kb{flex:1;min-height:0;display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;align-items:flex-start}.kb-col{width:300px;flex:none;max-height:100%;display:flex;flex-direction:column;background:var(--color-surface-1);border:1px solid var(--color-border-soft);border-radius:16px;padding:10px 10px 4px;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.kb-col.drop{border-color:var(--color-accent);background:var(--color-accent-soft)}.kb-col-head{display:flex;align-items:center;gap:8px;padding:4px 6px 10px}.kb-col-name{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.kb-dot{width:9px;height:9px;border-radius:50%;flex:none}.kb-col-count{font-size:12px;color:var(--color-text-dim)}.kb-col-add{margin-left:auto;width:28px;height:28px;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.kb-col-add:hover{background:var(--color-surface-2);color:var(--color-text)}.kb-col-body{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0;flex:1;padding:2px 3px 6px}.kb-empty{color:var(--color-text-dim);font-size:12.5px;text-align:center;padding:14px 0}.kb-quick{padding:2px 3px 8px}.kb-quick input{width:100%;border:1px solid var(--color-accent);background:var(--color-canvas);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);padding:9px 11px;border-radius:10px;outline:none}.kbc{text-align:left;display:flex;flex-direction:column;gap:8px;background:var(--color-surface-2);border:1px solid var(--color-border-soft);border-radius:12px;padding:11px 12px;cursor:grab;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.kbc:hover{border-color:var(--color-border-strong);transform:translateY(-1px);box-shadow:0 6px 18px #00000047}.kbc:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.kbc:active{cursor:grabbing}.kbc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kbc-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;letter-spacing:.01em}.kbc-urgent{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--color-danger)}.kbc-urgent-dot{width:6px;height:6px;border-radius:50%;background:var(--color-danger)}.kbc-title{font-size:14px;font-weight:500;line-height:1.42;color:var(--color-text);overflow-wrap:anywhere}.kbc-title.done{text-decoration:line-through;color:var(--color-text-dim)}.kbc-prog{display:flex;align-items:center;gap:8px}.kbc-prog-bar{flex:1;height:5px;border-radius:999px;background:#ffffff17;overflow:hidden}.kbc-prog-bar span{display:block;height:100%;border-radius:999px;background:var(--color-accent)}.kbc-prog-num{font-size:11px;color:var(--color-text-muted);flex:none}.kbc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.kbc-who{display:inline-flex;align-items:center;gap:6px;min-width:0}.kbc-ava{width:22px;height:22px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.kbc-ava.sm{width:20px;height:20px;font-size:9.5px}.kbc-assignee{font-size:12px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kbc-due{font-size:11.5px;color:var(--color-text-muted);flex:none}.kbc-due.overdue{color:var(--color-danger)}.kbc-cmts{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:11.5px;color:var(--color-text-muted);white-space:nowrap}.tl{--tlg: 30px minmax(0, 1fr) 132px 132px 150px 34px;flex:1;min-height:0;overflow-y:auto;overflow-x:auto;padding-right:2px}.tl-head,.tl-row,.tl-addrow{display:grid;grid-template-columns:var(--tlg);align-items:center;column-gap:14px}.tl-head{padding:4px 8px 9px;border-bottom:1px solid var(--color-border-soft);position:sticky;top:0;background:var(--color-canvas);z-index:2}.tl-head span{font-size:12px;font-weight:600;color:var(--color-text-dim)}.tl-group{padding-bottom:6px}.tl-ghead{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;text-align:left;padding:14px 8px 6px;color:var(--color-text-2)}.tl-ghead:hover .tl-gname{color:var(--color-text)}.tl-chev{font-size:10px;color:var(--color-text-muted);transition:transform var(--dur-fast) var(--ease-out);display:inline-block}.tl-chev.col{transform:rotate(-90deg)}.tl-gname{font-size:var(--text-sm);font-weight:700}.tl-gcount{font-size:12px;color:var(--color-text-dim)}.tl-row{padding:9px 8px;border-bottom:1px solid var(--color-border-soft)}.tl-row:hover{background:var(--color-surface-1)}.tl-row:hover .tl-del{opacity:1}.tl-c-check{display:flex;align-items:center}.tl-check{width:20px;height:20px;flex:none;border:2px solid var(--color-border-strong);border-radius:50%;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center}.tl-check:hover{border-color:var(--color-online)}.tl-row.done .tl-check{background:var(--color-online);border-color:var(--color-online)}.tl-title{min-width:0;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:8px;color:var(--color-text)}.tl-tt{font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-row.done .tl-tt{text-decoration:line-through;color:var(--color-text-dim)}.tl-sub{font-size:11.5px;color:var(--color-text-muted);white-space:nowrap;flex:none}.tl-muted{font-size:13px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-over{font-size:13px;color:var(--color-danger);white-space:nowrap}.tl-c-act{display:flex;justify-content:flex-end}.tl-del{flex:none;width:28px;height:28px;border:0;background:transparent;color:var(--color-text-dim);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.tl-del:hover{background:var(--color-danger-soft);color:var(--color-danger)}.tl-newrow{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;text-align:left;color:var(--color-text-dim);font-family:inherit;font-size:13px;padding:9px 8px 9px 44px;border-radius:8px}.tl-newrow:hover{color:var(--color-text-2);background:var(--color-surface-1)}.tl-addrow{padding:5px 8px}.tl-addinput{grid-column:2 / -1;border:1px solid var(--color-accent);background:var(--color-canvas);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);padding:8px 11px;border-radius:8px;outline:none}@media (max-width: 760px){.tl{--tlg: 30px minmax(0, 1fr) 116px 34px}.tl-c-start,.tl-c-space{display:none}}.tm{max-width:560px;border-radius:24px}.tm-seg{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 16px}.tm-seg-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:var(--text-sm);font-weight:600;padding:7px 13px;border-radius:999px}.tm-seg-btn:hover{background:var(--color-surface-2)}.tm-seg-btn.on{background:var(--color-surface-2);border-color:var(--seg);color:var(--color-text)}.tm-seg-dot{width:8px;height:8px;border-radius:50%}.tm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tm-field{display:flex;flex-direction:column;gap:6px}.tm-span{grid-column:1 / -1}.tm-lbl{font-size:12px;color:var(--color-text-muted)}.tm-hint{margin-top:5px;font-size:11.5px;color:var(--color-warn-hi);background:var(--color-warn-soft);padding:6px 10px;border-radius:var(--radius-md);line-height:1.5}.tm-in{height:40px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);outline:none}.tm-in:focus{border-color:var(--color-accent)}.tm-in:disabled{opacity:.65;cursor:default}textarea.tm-in{height:auto;min-height:76px;padding:9px 12px;line-height:1.55;resize:vertical}.tm-inrow{display:flex;align-items:center;gap:9px}.tm-inrow .tm-in{flex:1;min-width:0}.tm-call{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text-2);font-family:inherit;font-size:var(--text-sm);font-weight:600}.tm-call:hover:not(:disabled){border-color:var(--color-border-strong);color:var(--color-text)}.tm-call.on{border-color:var(--color-accent);color:var(--color-accent-hi);background:var(--color-accent-soft)}.tm-call:disabled{opacity:.65;cursor:default}.tm-labels{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tm-chip{border:1px solid var(--color-border);background:transparent;color:var(--color-text-2);font-family:inherit;font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px}.tm-chip:hover{border-color:var(--c);color:var(--c)}.tm-chip.on{border-color:var(--c);color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent)}.tm-chip-in{width:92px;height:30px;padding:0 10px;border:1px dashed var(--color-border);border-radius:999px;background:transparent;color:var(--color-text);font-family:inherit;font-size:12.5px;outline:none}.tm-chip-in:focus{border-style:solid;border-color:var(--color-accent)}.tm-prio{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text-2);font-family:inherit;font-size:var(--text-sm);font-weight:600}.tm-prio-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-dim)}.tm-prio.on{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-soft)}.tm-prio.on .tm-prio-dot{background:var(--color-danger)}.tm-subs{display:flex;flex-direction:column;gap:6px;margin-top:16px}.tm-sub{display:flex;align-items:center;gap:9px;background:var(--color-canvas);border:1px solid var(--color-border-soft);border-radius:10px;padding:7px 10px}.tm-sub-check{width:18px;height:18px;flex:none;border:2px solid var(--color-border-strong);border-radius:50%;background:transparent;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}.tm-sub.done .tm-sub-check{background:var(--color-online);border-color:var(--color-online)}.tm-sub-title{flex:1;min-width:0;font-size:var(--text-sm);overflow-wrap:anywhere}.tm-sub.done .tm-sub-title{text-decoration:line-through;color:var(--color-text-dim)}.tm-sub-del{flex:none;border:0;background:transparent;color:var(--color-text-dim);display:flex;padding:3px;border-radius:6px}.tm-sub-del:hover{color:var(--color-danger);background:var(--color-danger-soft)}.tm-sub-add{margin-top:2px}.tm-sub-add .tm-in{width:100%}.tp-back{background:transparent}.tp{position:fixed;z-index:101;top:0;right:0;width:min(560px,100vw);height:100dvh;background:var(--color-surface-1);border-left:1px solid var(--color-border);box-shadow:-18px 0 48px #0000006b;display:flex;flex-direction:column;animation:tp-in .18s var(--ease-out)}.has-titlebar .tp{top:var(--tb-h);height:calc(100dvh - var(--tb-h))}@keyframes tp-in{0%{transform:translate(28px);opacity:.3}to{transform:none;opacity:1}}.tp-meta{margin-top:14px;font-size:11.5px;color:var(--color-text-dimmer)}.tp-danger{margin-top:16px;padding-top:14px;border-top:1px solid var(--color-border-soft)}.tp-form{flex:1;min-height:0;display:flex;flex-direction:column}.tp-head{flex:none;display:flex;align-items:center;gap:10px;padding:12px 14px 12px 20px;padding-top:calc(12px + var(--safe-top));border-bottom:1px solid var(--color-border-soft)}.tp-head-lbl{flex:1;min-width:0;font-size:12.5px;font-weight:600;color:var(--color-text-muted)}.tp-dirty{flex:none;font-size:11px;font-weight:600;color:var(--color-warn-hi);background:var(--color-warn-soft);padding:3px 9px;border-radius:var(--radius-pill)}.tp-save{flex:none}.tp-x{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);font-size:14px;cursor:pointer}.tp-x:hover{background:var(--color-surface-2);color:var(--color-text)}.tp-x:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tp-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 20px 20px}.tp-title{width:100%}.tp-thread{margin-top:18px;padding-top:14px;border-top:1px solid var(--color-border-soft);display:flex;flex-direction:column;gap:13px}.tp-thread-head{font-size:12px;font-weight:600;color:var(--color-text-muted)}.tp-earlier{align-self:flex-start;border:0;background:transparent;color:var(--color-accent-hi);font-family:inherit;font-size:12px;cursor:pointer;padding:0}.tp-earlier:hover{text-decoration:underline}.tp-cmt-empty{font-size:12px;color:var(--color-text-dimmer)}.tp-cmt{display:flex;align-items:flex-start;gap:10px}.tp-ava{flex:none;width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--color-surface-3)}.tp-ava-fb{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--color-on-accent)}.tp-cmt-main{flex:1;min-width:0}.tp-cmt-head{display:flex;align-items:center;gap:8px}.tp-cmt-head b{font-size:12.5px;color:var(--color-text)}.tp-cmt-head small{font-size:11px;color:var(--color-text-dimmer)}.tp-cmt-del{margin-left:auto;border:0;background:transparent;color:var(--color-text-dimmer);cursor:pointer;padding:2px 5px;border-radius:var(--radius-sm);display:inline-flex;opacity:0}.tp-cmt:hover .tp-cmt-del{opacity:1}.tp-cmt-del:hover{color:var(--color-danger);background:var(--color-danger-soft)}@media (hover: none){.tp-cmt-del{opacity:1}}.tp-cmt-text{margin-top:2px;font-size:13px;color:var(--color-text-2);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.tp-cmt-text a{color:var(--color-accent-hi);text-decoration:none}.tp-cmt-text a:hover{text-decoration:underline}.tp-foot{flex:none;display:flex;align-items:flex-end;gap:8px;padding:12px 16px;padding-bottom:calc(12px + var(--safe-bottom));border-top:1px solid var(--color-border);background:var(--color-surface-1)}.tp-composer{flex:1;min-width:0;min-height:40px;max-height:132px;resize:none;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);font-family:inherit;font-size:13px;line-height:1.5;outline:none}.tp-composer:focus{border-color:var(--color-accent)}.tp-send{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer}.tp-send:hover:not(:disabled){filter:brightness(1.12)}.tp-send:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 860px){.tm-grid{grid-template-columns:1fr}.tk-search input{width:110px}}.sf-head{display:flex;align-items:flex-start;gap:var(--space-3)}.sf-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-x{flex:none;border:0;background:transparent;color:var(--color-text-muted);font-size:var(--text-lg);line-height:1;padding:2px 6px;border-radius:var(--radius-sm);cursor:pointer}.sf-x:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.sf-x:disabled{opacity:.4;cursor:not-allowed}.sf-list{max-height:46vh;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas)}.sf-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-soft)}.sf-row:last-child{border-bottom:0}.sf-row.failed{background:var(--color-danger-soft)}.sf-thumb{flex:none;width:44px;height:44px;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-surface-2)}.sf-thumb-doc{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.sf-info{flex:1;min-width:0}.sf-name{font-size:var(--text-base);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-meta{margin-top:2px;font-size:var(--text-xs);color:var(--color-text-muted)}.sf-edit{display:flex;align-items:center;gap:2px}.sf-name-input{flex:1;min-width:0;height:28px;padding:0 8px;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface-1);color:var(--color-text);font-family:inherit;font-size:var(--text-base);outline:none}.sf-ext{flex:none;font-size:var(--text-base);color:var(--color-text-muted)}.sf-act{flex:none;border:0;background:transparent;color:var(--color-text-muted);padding:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex}.sf-act:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.sf-act.danger:hover:not(:disabled){background:var(--color-danger-soft);color:var(--color-danger)}.sf-act:disabled{opacity:.35;cursor:not-allowed}.sf-progress{margin-top:var(--space-3);height:4px;border-radius:var(--radius-pill);background:var(--color-surface-2);overflow:hidden}.sf-progress>span{display:block;height:100%;background:var(--color-accent);transition:width .18s ease}.sf-count{margin-right:auto;align-self:center;font-size:var(--text-sm);color:var(--color-text-muted)}.composer{position:relative}.mention-pop{position:absolute;z-index:51;left:18px;right:18px;bottom:calc(100% + 4px);max-height:264px;overflow-y:auto;padding:var(--space-1);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 32px #00000073}.mention-row{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;background:transparent;color:var(--color-text);text-align:left;border-radius:var(--radius-sm);cursor:pointer}.mention-row:hover,.mention-row.on{background:var(--color-accent-soft)}.mention-av-special{width:26px;height:26px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--color-surface-3);color:var(--color-accent-hi);font-weight:700;font-size:var(--text-sm)}.mention-text{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.mention-name{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-text small{color:var(--color-text-muted);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention{color:var(--color-accent-hi);background:var(--color-accent-soft);border-radius:var(--radius-sm);padding:0 3px}.mention.me{color:var(--color-on-accent);background:var(--color-accent);font-weight:600}@media (max-width: 768px){input,select,textarea{font-size:16px}.evm-title{font-size:22px}.tp{width:100%;border-left:0}.tp-back{background:#00000080}.tp-body{padding:4px 16px 16px}.shell.mobile{flex-direction:column}.shell.mobile>.content{height:auto;flex:1;min-height:0;width:100%}.shell.mobile .navpanes{display:flex;position:fixed;z-index:90;top:0;bottom:0;left:0;transform:translate(-101%);transition:transform .22s var(--ease-out);box-shadow:18px 0 48px #00000080}.shell.mobile .navpanes.open{transform:none}.shell.mobile .rail-wrap{width:min(62vw,280px)}.shell.mobile .resizer{display:none}.drawer-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89;background:#00000080}.btabs{flex:none;display:flex;align-items:stretch;z-index:30;background:var(--color-rail);border-top:1px solid var(--color-border-soft);padding-bottom:var(--safe-bottom)}.btab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--color-text-muted);font-family:inherit;text-decoration:none;padding:7px 2px 6px;cursor:pointer}.btab.on{color:var(--color-accent-hi)}.btab:active{background:var(--color-surface-2)}.btab-glyph{position:relative;display:flex}.btab-label{font-size:10.5px;font-weight:600;white-space:nowrap}.btab-badge{position:absolute;top:-5px;left:11px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.btab-badge.mention{background:var(--color-warn);color:var(--color-on-accent)}.btab-live{position:absolute;top:-1px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--color-danger)}.chat-layout.mobile .chatlist-wrap{flex:1;width:100%}.chat-layout.mobile .conv-empty,.chat-layout.mobile.in-room .chatlist-wrap{display:none}.chat-layout.mobile .conversation{width:100%}.conv-head{padding:0 12px;gap:8px}.conv-back{flex:none;width:32px;height:36px;margin-left:-6px;border:0;background:transparent;color:var(--color-text);font-size:26px;line-height:1;cursor:pointer;border-radius:var(--radius-md)}.conv-back:active{background:var(--color-surface-2)}.chat-layout.mobile .memberpanel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;width:100%!important;border-left:0}.rail-foot{display:none}button.rail-item{width:100%;text-align:left;font-family:inherit;cursor:pointer;background:transparent;border:0;padding:8px 10px}.chatlist-head{padding:10px 12px;padding-top:calc(10px + var(--safe-top));gap:8px}.chatlist-me{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;cursor:pointer;text-align:left}.chatlist-me:active{opacity:.7}.chatlist-me-id{min-width:0;display:flex;flex-direction:column}.chatlist-me-name{font-size:15px;font-weight:700;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatlist-me-sub{font-size:11.5px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.askn{left:10px;right:10px;width:auto;bottom:calc(10px + 56px + var(--safe-bottom))}.tk-side,.cal-side{position:fixed;z-index:70;top:0;bottom:0;left:0;width:min(78vw,300px);max-width:100%;background:var(--color-canvas);border-right:1px solid var(--color-border);box-shadow:18px 0 48px #00000080;transform:translate(-101%);transition:transform .22s var(--ease-out);padding-top:calc(16px + var(--safe-top));overflow-y:auto}.tk-side.open,.cal-side.open{transform:none}.has-titlebar .shell.mobile .navpanes,.has-titlebar .tk-side,.has-titlebar .cal-side,.has-titlebar .chat-layout.mobile .memberpanel{top:var(--tb-h)}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:69;background:#00000080}.sheet-btn{flex:none;width:38px;height:38px;margin-left:-4px;border:0;background:transparent;color:var(--color-text);font-size:19px;line-height:1;border-radius:var(--radius-md);cursor:pointer}.sheet-btn:active{background:var(--color-surface-2)}.cal-head{padding:10px 12px;gap:8px;flex-wrap:wrap}.cal-sub{display:none}.cal-title{font-size:var(--text-base)}.cal-create span,.cal-create{font-size:12px;padding:7px 11px}.tk-main{padding:12px 12px 4px}.tk-head{gap:8px;align-items:center}.tk-sub{display:none}.tk-search input{width:100%}.ct-head,.ct-row{grid-template-columns:1fr auto;gap:8px}.ct-pos,.ct-dept,.ct-email,.ct-head>span:nth-child(2),.ct-head>span:nth-child(3),.ct-head>span:nth-child(4){display:none}.contacts{padding:12px 12px 0}.dl-grid{grid-template-columns:1fr}.dl-card{flex-direction:row;align-items:center;text-align:left;flex-wrap:wrap}.dl-ico{width:34px;height:34px}.dl-name{flex:1;min-width:0}.dl-hint{flex:1 1 100%}}@media (hover: none){.msg-menu-btn{display:none}.msg{-webkit-touch-callout:none}.msg-htime,.cat-menu-btn,.room-menu-btn,.calitem-more,.task-del,.tl-del,.ct-actions{opacity:1}.ct-actions{background:linear-gradient(90deg,transparent,var(--color-canvas) 30%)}}@media (max-width: 560px){.modal{top:auto;bottom:0;left:0;transform:none;width:100%;max-width:none;max-height:92dvh;border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:calc(var(--space-5) + var(--safe-bottom))}.modal-actions,.evm-foot{padding-bottom:var(--safe-bottom)}.share-cols{flex-direction:column}.share-spaces{width:100%;max-height:none;flex-direction:row;overflow-x:auto;overflow-y:hidden}.share-space{width:auto;flex:none}.share-rooms{max-height:40dvh}.modal.modal-settings{height:auto;max-height:92dvh;overflow-y:auto;display:block}.modal-settings .modal-head{position:sticky;top:0;margin-bottom:var(--space-5);padding-bottom:0;border-bottom:0;box-shadow:0 0 0 var(--space-5) var(--color-surface-1)}.modal-settings .modal-actions{position:sticky;bottom:0;margin-top:var(--space-5);padding-top:var(--space-3);border-top:0;box-shadow:0 0 0 var(--space-5) var(--color-surface-1)}.set-body{flex-direction:column;gap:var(--space-3);padding:0 0 var(--space-3)}.set-nav{width:100%;flex-direction:row;gap:4px;overflow-x:auto;overflow-y:hidden;padding:0 0 var(--space-2);border-right:0;border-bottom:1px solid var(--color-border-soft)}.set-nav-item{flex:none;width:auto;padding:7px 12px}.set-nav-item>em{display:none}.set-pane{overflow:visible;padding-right:0}}