:root{--accent:#3390ec;--accent-text:#fff;--accent-soft:#3390ec1f;--bg:#fff;--bg-panel:#fff;--bg-chat:#e7ebf0;--bg-hover:#f4f4f5;--bg-active:var(--accent);--bubble-in:#fff;--bubble-out:#effdde;--bubble-shadow:0 1px 2px #10232f24;--text:#000;--text-secondary:#707579;--text-on-accent:#fff;--text-link:#3390ec;--divider:#e4e8eb;--danger:#e53935;--online:#4dcd5e;--radius-bubble:14px;--radius-card:10px;--radius-input:20px;--sidebar-width:380px;--header-height:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#6ab3f3;--accent-soft:#6ab3f329;--bg:#17212b;--bg-panel:#17212b;--bg-chat:#0e1621;--bg-hover:#202b36;--bubble-in:#182533;--bubble-out:#2b5278;--bubble-shadow:none;--text:#fff;--text-secondary:#7f91a4;--text-link:#6ab3f3;--divider:#101921;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--accent:#6ab3f3;--accent-soft:#6ab3f329;--bg:#17212b;--bg-panel:#17212b;--bg-chat:#0e1621;--bg-hover:#202b36;--bubble-in:#182533;--bubble-out:#2b5278;--bubble-shadow:none;--text:#fff;--text-secondary:#7f91a4;--text-link:#6ab3f3;--divider:#101921;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea{font:inherit;color:inherit}.scroll{scrollbar-width:thin;scrollbar-color:transparent transparent;overflow-y:auto}.scroll:hover{scrollbar-color:var(--divider) transparent}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:0 0;border-radius:3px}.scroll:hover::-webkit-scrollbar-thumb{background:var(--divider)}.avatar{color:#fff;-webkit-user-select:none;user-select:none;background:var(--avatar-color,var(--accent));object-fit:cover;border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.spinner{border:2px solid var(--divider);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{place-items:center;height:100%;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.auth-screen{height:100%;padding:24px 16px calc(24px + var(--safe-bottom));background:var(--bg-chat);place-items:center;display:grid;overflow-y:auto}.auth-card{background:var(--bg-panel);border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:32px 28px;display:flex;box-shadow:0 2px 12px #10232f1f}.auth-logo{border-radius:16px;width:64px;height:64px;margin:0 auto;display:block}.auth-title{text-align:center;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}.auth-lead{text-align:center;color:var(--text-secondary);margin:-8px 0 8px;font-size:14px}.field{flex-direction:column;gap:5px;display:flex}.field-label{color:var(--text-secondary);padding-left:2px;font-size:13px}.input{border:1px solid var(--divider);background:var(--bg);border-radius:10px;outline:none;width:100%;padding:11px 14px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input-code{letter-spacing:.14em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.field-error{color:var(--danger);padding-left:2px;font-size:12px}.auth-error{color:var(--danger);text-align:center;background:#e539351a;border-radius:8px;padding:10px 12px;font-size:13px}.btn-primary{background:var(--accent);color:var(--accent-text);border-radius:10px;margin-top:4px;padding:12px;font-weight:600;transition:opacity .15s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.55;cursor:default}.auth-link{color:var(--text-link);font-size:14px;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-switch{text-align:center;color:var(--text-secondary);font-size:14px}.field-note{color:var(--text-secondary);margin-top:6px;font-size:12px;line-height:1.4;display:block}.layout{grid-template-columns:var(--sidebar-width) 1fr;background:var(--bg-chat);grid-template-rows:100%;height:100%;display:grid;overflow:hidden}.sidebar{background:var(--bg-panel);border-right:1px solid var(--divider);min-width:0;min-height:0;padding-top:var(--safe-top);flex-direction:column;display:flex;overflow:hidden}.sidebar-head{height:var(--header-height);flex:none;align-items:center;gap:8px;padding:0 12px;display:flex}.icon-btn{width:40px;height:40px;color:var(--text-secondary);border-radius:50%;flex:none;place-items:center;transition:background .15s;display:grid}.icon-btn:hover{background:var(--bg-hover)}.search{border-radius:var(--radius-input);background:var(--bg-hover);border:none;outline:2px solid #0000;flex:1;min-width:0;height:40px;padding:0 16px;transition:outline-color .15s}.search:focus{background:var(--bg);outline-color:var(--accent)}.menu{background:var(--bg-hover);border-radius:10px;margin:0 8px 8px;padding:8px}.menu-name{font-weight:600}.menu-email{color:var(--text-secondary);font-size:13px}.menu-item{text-align:left;width:100%;color:var(--danger);border-radius:8px;padding:10px 8px}.menu-item.is-neutral{color:var(--text);text-decoration:none;display:block}.menu-item:hover{background:var(--bg)}.chat-list{flex:1;min-height:0;padding:0 6px 8px}.chat-row{color:inherit;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;transition:background .12s;display:flex}.chat-row:hover{background:var(--bg-hover)}.chat-row.is-active{background:var(--accent);color:var(--text-on-accent)}.chat-row.is-active .chat-row-time,.chat-row.is-active .chat-row-preview{color:#fffc}.chat-row.is-active .badge{color:var(--accent);background:#fff}.chat-row-body{flex:1;min-width:0}.chat-row-top,.chat-row-bottom{align-items:center;gap:8px;display:flex}.chat-row-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.chat-row-time{color:var(--text-secondary);flex:none;font-size:12px}.chat-row-preview{min-width:0;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.badge{background:var(--accent);color:#fff;border-radius:11px;flex:none;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:600;display:grid}.badge.is-muted{background:var(--text-secondary)}.badge.is-mention{background:var(--accent);min-width:22px;padding:0 6px;font-size:13px}.empty-hint{text-align:center;color:var(--text-secondary);padding:28px 20px;font-size:14px}.avatar-wrap{flex:none;position:relative}.avatar-online{background:var(--online);border:2px solid var(--bg-panel);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.no-chat{height:100%;color:var(--text-secondary);place-items:center;display:grid}.no-chat p{background:#0000001a;border-radius:16px;padding:8px 18px;font-size:14px}.chat-view{flex-direction:column;flex:1;min-height:0;display:flex}.chat-head{height:var(--header-height);margin-top:var(--safe-top);background:var(--bg-panel);border-bottom:1px solid var(--divider);flex:none;align-items:center;gap:10px;padding:0 14px;display:flex}.back-btn{display:none}.chat-head-text{min-width:0}.chat-head-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.chat-head-sub{color:var(--text-secondary);font-size:13px}.chat-head-sub.is-typing{color:var(--accent)}.messages{flex-direction:column;flex:1;gap:2px;min-height:0;padding:14px 6%;display:flex}.load-older,.chat-start{color:var(--text-secondary);place-items:center;padding:12px;font-size:13px;display:grid}.date-separator{place-items:center;margin:12px 0 8px;display:grid}.date-separator span{color:#fff;background:#00000029;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.system-message{place-items:center;margin:8px 0;display:grid}.system-message span{color:#fff;text-align:center;background:#00000029;border-radius:12px;padding:4px 12px;font-size:12px}.msg-row{align-items:flex-end;gap:8px;min-width:0;max-width:100%;display:flex}.msg-row.is-own{justify-content:flex-end}.msg-row.has-author{margin-top:10px}.msg-avatar{flex:none;width:34px}.bubble{border-radius:var(--radius-bubble);background:var(--bubble-in);min-width:0;max-width:min(520px,76%);box-shadow:var(--bubble-shadow);word-wrap:break-word;overflow-wrap:anywhere;padding:6px 10px 5px;position:relative}.bubble.is-own{background:var(--bubble-out)}.bubble.is-deleted{opacity:.7}.bubble-author{color:var(--accent);margin-bottom:2px;font-size:13px;font-weight:600}.bubble-reply{border-left:3px solid var(--accent);background:#0000000d;border-radius:4px;margin-bottom:4px;padding:3px 8px;font-size:13px}.bubble-reply-author{color:var(--accent);font-weight:600}.bubble-reply-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bubble-text{white-space:pre-wrap}.bubble-meta-space{visibility:hidden;-webkit-user-select:none;user-select:none;margin-left:10px;font-size:11px;display:inline-block}.bubble-text.is-muted{color:var(--text-secondary);font-style:italic}.bubble-meta{color:var(--text-secondary);pointer-events:none;align-items:center;gap:4px;font-size:11px;display:flex;position:absolute;bottom:5px;right:10px}.bubble-edited{font-style:italic}.bubble-reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction{background:#0000000f;border-radius:10px;padding:2px 7px;font-size:12px}.reaction.is-mine{background:var(--accent-soft);color:var(--accent)}.card{border-radius:var(--radius-card);border-left:3px solid var(--section-color,var(--accent));background:#0000000a;min-width:220px;margin:2px 0 6px;padding:8px 10px}.card-head{align-items:center;gap:6px;margin-bottom:4px;display:flex}.card-icon{color:var(--section-color,var(--accent));align-items:center;display:inline-flex}.card-section{color:var(--section-color,var(--accent));font-size:12px;font-weight:600}.card-body{gap:10px;display:flex}.card-poster{object-fit:cover;border-radius:6px;flex:none;width:48px;height:68px}.card-text{flex:1;min-width:0}.card-title{flex-wrap:wrap;align-items:baseline;gap:6px;font-weight:600;display:flex}.card-title.is-done{color:var(--text-secondary);text-decoration:line-through}.card-badge{color:var(--text-secondary);font-size:12px;font-weight:500}.card-subtitle{color:var(--text-secondary);font-size:13px}.card-progress{background:#00000014;border-radius:8px;height:16px;margin-top:6px;position:relative;overflow:hidden}.card-progress-fill{background:var(--section-color,var(--accent));opacity:.35;height:100%;transition:width .25s}.card-progress-text{place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;inset:0}.card-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.card-action{background:#0000000f;border-radius:14px;padding:5px 12px;font-size:13px;font-weight:500;transition:background .15s}.card-action:hover:not(:disabled){background:#0000001f}.card-action.is-primary{background:var(--section-color,var(--accent));color:#fff}.card-action.is-primary:hover:not(:disabled){opacity:.88}.card-action:disabled{opacity:.6;cursor:default}.card-error{color:var(--danger);margin-top:6px;font-size:12px}.card-gone{border-left-color:var(--text-secondary);opacity:.75}.card-note{color:var(--text-secondary);font-size:12px}.composer{padding:8px 12px calc(8px + var(--safe-bottom));background:var(--bg-panel);border-top:1px solid var(--divider);flex:none;align-items:flex-end;gap:6px;display:flex}.composer-btn{opacity:.7;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.composer-btn:hover{background:var(--bg-hover);opacity:1}.composer-input{border-radius:var(--radius-input);background:var(--bg-hover);resize:none;border:none;outline:2px solid #0000;flex:1;min-width:0;max-height:140px;padding:10px 14px;font-size:16px;line-height:1.35;transition:outline-color .15s}.composer-input:focus{outline-color:var(--accent)}.composer-send{width:40px;height:40px;color:var(--text-secondary);border-radius:50%;flex:none;place-items:center;transition:color .15s,background .15s,transform .12s;display:grid}.composer-send.is-active{color:var(--accent)}.composer-send.is-active:hover{background:var(--accent-soft)}.composer-send:active{transform:scale(.92)}.composer-send:disabled{cursor:default}@media (width<=900px){.layout{grid-template-columns:1fr}.layout .main,.layout.has-open-chat .sidebar{display:none}.layout.has-open-chat .main{display:flex}.back-btn{margin-left:-6px;display:grid}.messages{padding:10px}.bubble{max-width:86%}}.files-grid{border-radius:10px;gap:2px;width:100%;max-width:420px;margin:2px 0 4px;display:grid;overflow:hidden}.files-grid-1{grid-template-columns:1fr}.files-grid-2{grid-template-columns:1fr 1fr}.files-grid-3{grid-template-columns:1fr 1fr 1fr}.files-grid-4{grid-template-columns:1fr 1fr}.file-image{aspect-ratio:1;background:#00000014;min-width:0;padding:0;display:block;overflow:hidden}.files-grid-1 .file-image{aspect-ratio:auto;max-height:420px}.file-image img{object-fit:cover;width:100%;height:100%;display:block}.files-grid-1 .file-image img{object-fit:contain}.file-doc{min-width:0;color:inherit;background:#0000000f;border-radius:8px;align-items:center;gap:10px;max-width:320px;margin:3px 0;padding:8px 10px;text-decoration:none;transition:background .15s;display:flex}.file-doc:hover{background:#0000001f}.file-doc-icon{flex:none;font-size:22px}.file-doc-text{flex-direction:column;min-width:0;display:flex}.file-doc-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.file-doc-size{color:var(--text-secondary);font-size:12px}.lightbox{z-index:100;cursor:zoom-out;background:#000000e6;place-items:center;padding:40px 20px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100%;max-height:100%}.lightbox-close,.lightbox-download{top:calc(16px + var(--safe-top));color:#fff;font-size:15px;text-decoration:none;position:absolute}.lightbox-close{font-size:22px;right:20px}.lightbox-download{cursor:pointer;background:#ffffff29;border-radius:14px;padding:6px 14px;left:20px}.composer-wrap{background:var(--bg-panel);border-top:1px solid var(--divider);flex:none}.composer-wrap .composer{border-top:none}.composer-error{color:var(--danger);padding:8px 14px 0;font-size:13px}.picked{gap:8px;padding:10px 14px 0;display:flex;overflow-x:auto}.picked-item{flex:none;position:relative}.picked-item img{object-fit:cover;border-radius:8px;width:64px;height:64px;display:block}.picked-doc{background:var(--bg-hover);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;max-width:180px;padding:10px 12px;font-size:13px;display:block;overflow:hidden}.picked-remove{color:#fff;background:#000000b3;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid;position:absolute;top:-6px;right:-6px}.upload-bar{background:var(--bg-hover);height:3px;overflow:hidden}.upload-bar-fill{background:var(--accent);height:100%;transition:width .15s}.sheet{z-index:90;background:#00000080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sheet-body{background:var(--bg-panel);border-radius:14px;width:100%;max-width:420px;max-height:80vh;padding:20px 22px 24px;overflow-y:auto;box-shadow:0 8px 40px #00000059}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sheet-head h2{margin:0;font-size:18px;font-weight:600}.sheet-text{color:var(--text-secondary);margin:0 0 14px;font-size:14px;line-height:1.5}.sheet-steps{color:var(--text);margin:0 0 14px;padding-left:20px;font-size:14px;line-height:1.7}.sheet-note{color:var(--text-secondary);opacity:.85;margin:0;font-size:13px}.sheet-actions{flex-wrap:wrap;gap:8px;display:flex}.sheet-actions .btn-primary{flex:1;min-width:160px}.btn-quiet{background:var(--bg-hover);color:var(--text-secondary);border-radius:10px;padding:12px 18px}.btn-quiet:hover:not(:disabled){color:var(--danger)}.sheet-ok,.sheet-error{border-radius:8px;margin-top:12px;padding:9px 12px;font-size:13px}.sheet-ok{color:var(--online);background:#4dcd5e24}.sheet-error{color:var(--danger);background:#e539351f}.menu-user{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:6px 6px 10px;display:flex}.menu-user:hover{background:var(--bg)}.menu-user-text{min-width:0}.field-hint{color:var(--text-secondary);padding-left:2px;font-size:12px}.link-btn{color:var(--text-link);font-size:13px}.link-btn:hover{text-decoration:underline}.profile-avatar{align-items:center;gap:16px;margin-bottom:8px;display:flex}.profile-avatar-actions{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.profile-avatar-actions .btn-quiet{padding:8px 14px;font-size:14px}.sheet-sub{margin:18px 0 6px;font-size:14px;font-weight:600}.member-list{flex-direction:column;gap:2px;display:flex}.member-row{border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.member-row:hover{background:var(--bg-hover)}.member-text{min-width:0}.member-name{flex-wrap:wrap;align-items:center;gap:7px;font-weight:500;display:flex}.member-sub{color:var(--text-secondary);font-size:12px}.invite-row{align-items:stretch;gap:8px;display:flex}.invite-row .input{flex:1;min-width:0}.invite-row .btn-primary{white-space:nowrap;flex:none;margin-top:0}.invite-list{flex-direction:column;gap:6px;margin-top:12px;display:flex}.invite-code{background:var(--bg-hover);border:1px dashed var(--divider);border-radius:8px;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 14px;display:flex}.invite-code:hover{border-color:var(--accent)}.invite-code-text{letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;font-weight:600}.invite-code-meta{color:var(--text-secondary);font-size:12px}.menu-overlay{z-index:80;position:fixed;inset:0}.msg-menu{background:var(--bg-panel);border:1px solid var(--divider);border-radius:12px;min-width:190px;padding:6px;position:fixed;box-shadow:0 4px 24px #00000047}.msg-menu-reactions{border-bottom:1px solid var(--divider);gap:2px;margin-bottom:4px;padding:2px 2px 6px;display:flex}.msg-menu-emoji{border-radius:50%;place-items:center;width:32px;height:32px;font-size:17px;transition:background .12s,transform .12s;display:grid}.msg-menu-emoji:hover{background:var(--bg-hover);transform:scale(1.15)}.msg-menu-emoji.is-mine{background:var(--accent-soft)}.msg-menu-item{text-align:left;border-radius:7px;width:100%;padding:9px 10px;font-size:14px;display:block}.msg-menu-item:hover{background:var(--bg-hover)}.msg-menu-item.is-danger{color:var(--danger)}.reply-bar{align-items:center;gap:8px;padding:8px 12px 0;display:flex}.reply-bar-body{border-left:3px solid var(--accent);background:var(--bg-hover);border-radius:4px;flex:1;min-width:0;padding:3px 10px}.reply-bar-title{color:var(--accent);font-size:13px;font-weight:600}.reply-bar-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.head-action{margin-left:auto;font-size:17px}.head-action.is-muted{opacity:.55}.reaction{cursor:pointer;transition:background .12s}.reaction:hover{background:#0000001f}.member-row.pick{text-align:left;cursor:pointer;width:100%}.member-row.pick.is-picked{background:var(--accent-soft)}.pick-mark{color:var(--accent);margin-left:auto;font-weight:700}.msg-link{color:inherit;text-underline-offset:2px;text-decoration:underline}.bubble:not(.is-own) .msg-link{color:var(--text-link)}.mention{color:var(--accent);font-weight:500}.bubble.is-own .mention{color:inherit;text-decoration:underline}.inline-code{background:#0000001f;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.code-block{white-space:pre-wrap;background:#00000029;border-radius:8px;margin:4px 0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;overflow-x:auto}.spoiler{filter:blur(.25em);cursor:pointer;-webkit-user-select:none;user-select:none;background:currentColor;border-radius:3px;transition:filter .2s,background .2s}.spoiler.is-shown{filter:none;cursor:auto;-webkit-user-select:auto;user-select:auto;background:0 0}.ticks{color:var(--text-secondary);align-items:center;margin-left:1px;display:inline-flex}.ticks.is-read{color:var(--accent)}.bubble.is-own .ticks.is-read{color:#6ee7a8}.bubble-reply{text-align:left;cursor:pointer;width:100%;display:block}.bubble-reply:hover{background:#00000017}.msg-highlight .bubble{animation:1.6s ease-out highlight}@keyframes highlight{0%,40%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:var(--bubble-shadow)}}.pinned-bar{text-align:left;background:var(--bg-panel);border-bottom:1px solid var(--divider);flex:none;align-items:center;gap:10px;width:100%;padding:7px 14px;display:flex}.pinned-bar:hover{background:var(--bg-hover)}.pinned-icon{flex:none;font-size:14px}.pinned-text{flex-direction:column;flex:1;min-width:0;display:flex}.pinned-title{color:var(--accent);font-size:12px;font-weight:600}.pinned-body{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pinned-off{color:var(--text-secondary);border-radius:6px;flex:none;padding:4px 8px;font-size:13px}.unread-line{place-items:center;margin:10px 0 6px;display:grid;position:relative}.unread-line:before{content:"";background:var(--accent);opacity:.45;height:1px;position:absolute;top:50%;left:0;right:0}.unread-line span{background:var(--bg-chat);color:var(--accent);border-radius:10px;padding:2px 12px;font-size:12px;font-weight:600;position:relative}.to-bottom{background:var(--bg-panel);width:44px;height:44px;color:var(--text-secondary);z-index:5;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:88px;right:18px;box-shadow:0 2px 10px #00000040}.to-bottom:hover{color:var(--accent)}.to-bottom-count{background:var(--accent);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.chat-view{position:relative}.tick-space{width:20px;display:inline-block}.search-group{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;padding:12px 12px 5px;font-size:12px;font-weight:600;display:flex}.search-spin{border:1.5px solid var(--divider);border-top-color:var(--accent);border-radius:50%;width:11px;height:11px;animation:.7s linear infinite spin}.swipe-hint{background:var(--bg-hover);width:30px;height:30px;color:var(--accent);pointer-events:none;border-radius:50%;place-items:center;font-size:15px;display:grid;position:absolute;left:10px}.msg-row{position:relative}.bubble{touch-action:pan-y}.recorder{padding:10px 12px calc(10px + var(--safe-bottom));align-items:center;gap:10px;display:flex}.recorder-drop,.recorder-send{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.recorder-drop{color:var(--text-secondary)}.recorder-drop:hover{background:var(--bg-hover);color:var(--danger)}.recorder-send{color:var(--accent)}.recorder-send:hover{background:var(--accent-soft)}.recorder-dot{background:var(--danger);border-radius:50%;flex:none;width:9px;height:9px;animation:1.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.recorder-time{font-variant-numeric:tabular-nums;min-width:42px;color:var(--text-secondary);flex:none;font-size:14px}.recorder-wave{flex:1;align-items:center;gap:2px;min-width:0;height:32px;display:flex;overflow:hidden}.recorder-wave span{background:var(--accent);opacity:.8;border-radius:2px;flex:1;min-width:2px;max-width:4px}.recorder-error{color:var(--danger);flex:1;font-size:13px}.voice{align-items:center;gap:10px;min-width:210px;max-width:320px;margin:2px 0 4px;display:flex}.voice-play{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.voice.is-own .voice-play{background:#ffffff38}.voice-body{flex:1;min-width:0}.voice-wave{cursor:pointer;align-items:center;gap:2px;height:28px;display:flex}.voice-wave span{opacity:.32;background:currentColor;border-radius:2px;flex:1;min-width:2px;transition:opacity .12s}.voice-wave span.is-played{opacity:.95}.voice-meta{color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.voice.is-own .voice-meta{color:#ffffffb3}.voice-speed{background:#0000001f;border-radius:9px;padding:1px 7px;font-size:11px;font-weight:600}.poll{min-width:240px;max-width:340px;margin:2px 0 4px}.poll-question{margin-bottom:2px;font-weight:600}.poll-note{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.poll.is-own .poll-note{color:#ffffffa6}.poll-options{flex-direction:column;gap:4px;display:flex}.poll-option{text-align:left;background:#00000012;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex;position:relative;overflow:hidden}.poll-option:hover:not(:disabled){background:#00000021}.poll-option:disabled{cursor:default}.poll-fill{background:var(--accent);opacity:.28;transition:width .3s;position:absolute;inset:0 auto 0 0}.poll-option.is-mine .poll-fill{opacity:.45}.poll-mark,.poll-text,.poll-count{position:relative}.poll-mark{opacity:.7;flex:none;font-size:13px}.poll-option.is-mine .poll-mark{opacity:1;color:var(--accent)}.poll.is-own .poll-option.is-mine .poll-mark{color:#fff}.poll-text{flex:1;min-width:0}.poll-count{flex-direction:column;flex:none;align-items:flex-end;font-size:12px;font-weight:600;display:flex}.poll-voters{opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:11px;font-weight:400;overflow:hidden}.poll-foot{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:12px;display:flex}.poll.is-own .poll-foot{color:#ffffffa6}.poll-close{color:var(--accent);font-size:12px;font-weight:600}.poll.is-own .poll-close{color:#fff;text-decoration:underline}.poll-error{color:var(--danger);margin-top:6px;font-size:12px}.forwarded{color:var(--accent);margin-bottom:3px;font-size:12px;font-style:italic}.bubble.is-own .forwarded{color:#fffc}.bubble.is-media-only{padding-bottom:22px}.sheet-body.is-wide{max-width:520px}.chat-head-open{text-align:left;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:4px 6px;display:flex}.chat-head-open:hover{background:var(--bg-hover)}.member-remove{color:var(--text-secondary);border-radius:7px;margin-left:auto;padding:4px 9px;font-size:12px}.member-remove:hover{background:var(--bg);color:var(--danger)}.info-tabs{border-bottom:1px solid var(--divider);gap:2px;margin:18px 0 10px;display:flex}.info-tab{color:var(--text-secondary);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:14px}.info-tab.is-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.info-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:3px;display:grid}.info-thumb{aspect-ratio:1;background:var(--bg-hover);border-radius:6px;overflow:hidden}.info-thumb img{object-fit:cover;width:100%;height:100%;display:block}.info-list{flex-direction:column;gap:2px;display:flex}.info-row{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}button.info-row:hover{background:var(--bg-hover)}.info-row-icon{flex:none;font-size:18px}.info-row-text{flex-direction:column;min-width:0;display:flex}.info-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.info-row-sub{color:var(--text-secondary);font-size:12px}.select-bar{background:var(--bg-panel);border-bottom:1px solid var(--divider);flex:none;align-items:center;gap:4px;padding:8px;display:flex}.select-count{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;margin-right:auto;font-weight:600;overflow:hidden}@media (width<=430px){.select-word{display:none}}.select-action{color:var(--accent);white-space:nowrap;border-radius:8px;flex:none;padding:6px 8px;font-size:14px;font-weight:500}.select-action:hover{background:var(--accent-soft)}.select-action.is-danger{color:var(--danger)}.select-action.is-danger:hover{background:#e539351f}.msg-row.is-selecting{cursor:pointer;padding-left:30px}.msg-row.is-selected{background:var(--accent-soft);border-radius:10px}.select-mark{border:2px solid var(--divider);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.msg-row.is-selected .select-mark{background:var(--accent);border-color:var(--accent)}.chat-row-pin,.chat-row-mutedmark{opacity:.65;flex:none;font-size:11px}.chat-row.is-pinned:not(.is-active){background:#7f7f7f12}.archive-row{text-align:left;width:calc(100% - 12px);color:var(--text-secondary);background:var(--bg-hover);border-radius:10px;flex:none;margin:0 6px 4px;padding:9px 10px;font-size:14px}.archive-row:hover{color:var(--text)}.lightbox-arrow{color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:46px;height:46px;font-size:28px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{background:#ffffff42}.lightbox-arrow.is-left{left:14px}.lightbox-arrow.is-right{right:14px}.lightbox-count{bottom:calc(18px + var(--safe-bottom));color:#fff;background:#ffffff29;border-radius:12px;padding:4px 12px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.emoji-overlay{z-index:85;padding:0 0 calc(70px + var(--safe-bottom));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.emoji{background:var(--bg-panel);border-radius:14px 14px 0 0;flex-direction:column;width:min(380px,100%);max-height:55vh;padding:10px;display:flex;overflow-y:auto;box-shadow:0 -4px 24px #0000004d}.emoji-search{border-radius:var(--radius-input);background:var(--bg-hover);border:none;outline:2px solid #0000;flex:none;margin-bottom:8px;padding:9px 13px}.emoji-search:focus{outline-color:var(--accent)}.emoji-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);padding:6px 4px 4px;font-size:12px;font-weight:600}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px;display:grid}.emoji-item{aspect-ratio:1;border-radius:8px;place-items:center;font-size:23px;line-height:1;display:grid}.emoji-item:hover{background:var(--bg-hover)}.emoji-tabs{border-top:1px solid var(--divider);flex:none;gap:2px;margin-top:8px;padding-top:8px;display:flex}.emoji-tab{opacity:.55;border-radius:8px;flex:1;padding:7px 0;font-size:19px}.emoji-tab.is-active{background:var(--accent-soft);opacity:1}.attach-menu{left:12px;bottom:calc(66px + var(--safe-bottom));background:var(--bg-panel);border:1px solid var(--divider);border-radius:12px;min-width:210px;padding:6px;position:absolute;box-shadow:0 4px 24px #00000047}.poll-input-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.poll-input-row .input{flex:1;min-width:0}.switch-row{cursor:pointer;align-items:flex-start;gap:10px;padding:8px 2px;font-size:14px;display:flex}.switch-row input{width:17px;height:17px;accent-color:var(--accent);margin-top:2px}.switch-hint{color:var(--text-secondary);font-size:12px;display:block}.scheduled-mark{color:var(--accent);font-size:11px;font-style:italic}.video-circle{object-fit:cover;background:#000;border-radius:50%;width:190px;height:190px;margin:2px 0 4px;display:block}.video-rec-overlay{z-index:95;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.video-rec{background:var(--bg-panel);border-radius:16px;flex-direction:column;align-items:center;gap:16px;max-width:340px;padding:24px;display:flex}.video-rec-circle{width:240px;height:240px;position:relative}.video-rec-circle video{object-fit:cover;background:#000;border-radius:50%;width:100%;height:100%;transform:scaleX(-1)}.video-rec-ring{background:conic-gradient(var(--danger) var(--progress), #7f7f7f40 0);z-index:-1;border-radius:50%;position:absolute;inset:-6px}.video-rec-time{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-weight:600;display:flex}.video-rec-limit{color:var(--text-secondary);font-size:13px;font-weight:400}.video-rec-actions{gap:10px;display:flex}.video-rec-actions .btn-primary,.video-rec-actions .btn-quiet{margin-top:0;padding:10px 20px}.pinned-main{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.pinned-rail{flex-direction:column;flex:none;gap:2px;width:3px;height:30px;display:flex}.pinned-tick{background:var(--divider);border-radius:2px;flex:1}.pinned-tick.is-here{background:var(--accent)}.pinned-off{width:28px;height:28px;color:var(--text-secondary);border-radius:50%;flex:none;font-size:13px}.pinned-off:hover{background:var(--bg-hover);color:var(--danger)}.ticks.is-pending{opacity:.6;align-items:center;display:inline-flex}.ticks.is-pending.is-failed{width:14px;color:var(--danger);opacity:1;justify-content:center;font-weight:700}.saved-icon{background:var(--accent-soft);color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.info-actions{flex-direction:column;gap:2px;margin:10px 0 4px;display:flex}.info-action{text-align:left;color:var(--text-link);border-radius:8px;padding:10px 12px;font-size:14px}.info-action:hover{background:var(--bg-hover)}.info-action.is-danger,.preview-draft{color:var(--danger)}.preview-pending{color:var(--text-secondary)}.chat-search{background:var(--bg-panel);border-bottom:1px solid var(--divider);flex:none;align-items:center;gap:6px;padding:8px 10px;display:flex}.chat-search-input{border:1px solid var(--divider);background:var(--bg);min-width:0;height:36px;color:var(--text);border-radius:10px;flex:1;padding:0 12px;font-size:15px}.chat-search-input:focus{border-color:var(--accent);outline:none}.chat-search-count{text-align:right;min-width:62px;color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.chat-search .icon-btn:disabled{opacity:.35;cursor:default}.toast{left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--bg-panel);border:1px solid var(--divider);max-width:min(82vw,420px);color:var(--text);text-align:center;border-radius:12px;padding:10px 16px;font-size:14px;animation:.18s ease-out toast-in;position:fixed;transform:translate(-50%);box-shadow:0 8px 28px #00000059}.toast-bad{border-color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.app-shell.has-open-chat .toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}.chat-row-preview.is-typing{color:var(--accent)}.mention-hints{border:1px solid var(--divider);background:var(--bg-panel);border-radius:12px;flex-direction:column;margin:0 8px 6px;padding:4px;display:flex;box-shadow:0 -4px 20px #00000040}.mention-hint{text-align:left;color:var(--text);border-radius:9px;align-items:center;gap:10px;padding:7px 8px;font-size:15px;display:flex}.mention-hint.is-picked,.mention-hint:hover{background:var(--accent-soft)}.mention-hint-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bubble-scheduled{color:var(--accent);white-space:nowrap;margin-right:6px;font-size:11px}.app-shell{background:var(--bg-chat);grid-template-rows:100%;grid-template-columns:72px 1fr;height:100%;display:grid;overflow:hidden}.app-body{min-width:0;min-height:0;overflow:hidden}.app-nav{padding:calc(var(--safe-top) + 8px) 6px 8px;background:var(--bg-panel);border-right:1px solid var(--divider);scrollbar-width:none;flex-direction:column;gap:2px;display:flex;overflow-y:auto}.app-nav::-webkit-scrollbar{width:0}.nav-item{color:var(--text-secondary);border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.nav-item:hover{background:var(--bg-hover)}.nav-item.is-active{color:var(--accent);background:var(--accent-soft)}.nav-icon{justify-content:center;align-items:center;height:22px;display:flex;position:relative}.nav-name{text-align:center;font-size:11px;line-height:1.1}.nav-badge{background:var(--accent);min-width:17px;height:17px;color:var(--text-on-accent);text-align:center;border-radius:9px;padding:0 5px;font-size:11px;font-weight:600;line-height:17px;position:absolute;top:-5px;right:-12px}.section{background:var(--bg-panel);flex-direction:column;height:100%;min-height:0;display:flex}.section-head{min-height:var(--header-height);padding:0 12px;padding-top:var(--safe-top);border-bottom:1px solid var(--divider);flex:none;align-items:center;gap:10px;display:flex}.section-head h1{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:17px;font-weight:600;line-height:1.25;overflow:hidden}.section-title{flex:1;min-width:0}.section-sub{color:var(--text-secondary);margin-top:1px;font-size:12px;line-height:1.25;display:block}.section-body .sheet-sub{margin:22px 0 8px}.section-body>.sheet-sub:first-child{margin-top:4px}.section-body{min-height:0;padding:12px;padding-bottom:calc(12px + var(--safe-bottom));flex:1}.card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.list-card{border:1px solid var(--divider);border-radius:var(--radius-card);background:var(--bg);color:inherit;flex-direction:column;gap:8px;padding:14px;text-decoration:none;transition:border-color .15s,transform .1s;display:flex}.list-card:hover{border-color:var(--accent)}.list-card:active{transform:scale(.99)}.list-card-top{align-items:center;gap:8px;min-width:0;display:flex}.list-card-icon{font-size:20px;line-height:1}.list-card-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list-card-store{color:var(--text-secondary);font-size:12px}.list-card-progress{background:var(--bg-hover);border-radius:9px;height:18px;position:relative;overflow:hidden}.list-card-fill{background:var(--accent-soft);transition:width .25s;position:absolute;inset:0 auto 0 0}.list-card-count{text-align:center;color:var(--text-secondary);font-size:11px;line-height:18px;display:block;position:relative}.list-card-owner{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.add-row{border-bottom:1px solid var(--divider);flex:none;gap:8px;padding:10px 12px;display:flex}.add-row .btn-primary{flex:none;margin-top:0;padding:11px 16px}.item-row{border-radius:8px;align-items:center;gap:10px;padding:4px 2px;display:flex}.item-row:hover{background:var(--bg-hover)}.item-check{border:2px solid var(--divider);width:24px;height:24px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;font-size:14px;line-height:1;transition:background-color .15s,border-color .15s;display:grid}.item-row.is-done .item-check{background:var(--accent);border-color:var(--accent)}.item-check:disabled{cursor:default}.item-main{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:8px 0;display:flex}.item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-row.is-done .item-title{color:var(--text-secondary);text-decoration:line-through}.item-amount{background:var(--bg-hover);color:var(--text-secondary);border-radius:6px;margin-left:8px;padding:1px 6px;font-size:12px}.item-marks{color:var(--text-secondary);flex:none;align-items:center;gap:8px;font-size:12px;display:flex}.item-who{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.item-remove{width:26px;height:26px;color:var(--text-secondary);opacity:0;border-radius:50%;flex:none;transition:opacity .15s,background-color .15s}.item-row:hover .item-remove{opacity:1}.item-remove:hover{background:var(--bg-hover);color:var(--danger)}@media (pointer:coarse){.item-remove{opacity:1}}.done-head{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;margin:18px 0 6px;padding:0 2px;font-size:13px;display:flex}.item-photos{flex-wrap:wrap;gap:8px;display:flex}.item-photo{position:relative}.item-photo img{object-fit:cover;background:var(--bg-hover);border-radius:8px;width:76px;height:76px}.item-photo-remove{color:#fff;background:#0000008c;border-radius:50%;width:20px;height:20px;font-size:11px;line-height:20px;position:absolute;top:3px;right:3px}.item-photo-add{border:1px dashed var(--divider);width:76px;height:76px;color:var(--text-secondary);border-radius:8px;font-size:12px}.item-photo-add:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.amount-row{gap:10px;display:flex}.amount-row .field{flex:1}.comments{flex-direction:column;gap:12px;display:flex}.comments-empty{color:var(--text-secondary);margin:4px 0;font-size:13px}.comment{gap:8px;display:flex}.comment-body{flex:1;min-width:0}.comment-head{align-items:baseline;gap:8px;display:flex}.comment-author{font-size:13px;font-weight:600}.comment-time{color:var(--text-secondary);font-size:11px}.comment-remove{color:var(--text-secondary);margin-left:auto;font-size:12px}.comment-remove:hover{color:var(--danger)}.comment-text{overflow-wrap:anywhere;font-size:14px}.comment-form{flex-direction:column;gap:8px;display:flex}.comment-form .btn-primary{align-self:flex-end;margin-top:0;padding:8px 18px}.circle-badge{background:var(--bg-hover);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;flex:none;place-items:center;font-size:17px;display:grid}.level-switch{gap:6px;margin-bottom:4px;display:flex}.level-btn{border:1px solid var(--divider);color:var(--text-secondary);border-radius:8px;flex:1;padding:8px;font-size:13px}.level-btn.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}@media (width<=900px){.app-shell{grid-template-rows:1fr auto;grid-template-columns:1fr}.app-nav{padding:4px 4px calc(4px + var(--safe-bottom));border-right:none;border-top:1px solid var(--divider);flex-direction:row;order:2}.nav-item{flex:1;padding:6px 2px}.app-shell.has-open-chat .app-nav{display:none}.app-shell.has-open-chat{grid-template-rows:100%}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.item-row.is-highlighted{animation:2.4s ease-out item-flash}@keyframes item-flash{0%,45%{background:var(--accent-soft)}to{background:0 0}}.sheet-head h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.planner-tabs{flex:none;gap:4px;padding:8px 12px 0;display:flex}.tab-btn{color:var(--text-secondary);border-radius:8px;padding:7px 14px;font-size:13px}.tab-btn.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.month-grid{flex:none;grid-template-columns:repeat(7,1fr);gap:2px;padding:8px 12px;display:grid}.month-weekday{text-align:center;color:var(--text-secondary);padding-bottom:2px;font-size:11px}.month-day{border-radius:8px;flex-direction:column;align-items:center;gap:3px;min-height:42px;padding:4px 0;font-size:13px;transition:background-color .15s;display:flex}.month-day:hover{background:var(--bg-hover)}.month-day.is-other{opacity:.35}.month-day.is-today .month-day-number{background:var(--accent);width:22px;height:22px;color:var(--text-on-accent);border-radius:50%;place-items:center;font-weight:600;display:grid}.month-day-number{line-height:22px}.month-day-dots{gap:3px;height:5px;display:flex}.month-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.month-dot.is-task{background:var(--text-secondary)}.day-block{margin-bottom:16px}.day-head{z-index:1;background:var(--bg-panel);color:var(--text-secondary);padding:6px 2px;font-size:13px;font-weight:600;position:sticky;top:0}.day-block.is-today .day-head{color:var(--accent)}.event-row{align-items:stretch;gap:8px;padding:2px 0;display:flex}.event-time{text-align:right;width:58px;color:var(--text-secondary);flex:none;padding-top:8px;font-size:12px}.event-till{opacity:.7;display:block}.event-main{text-align:left;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;padding:7px 8px;display:flex}.event-main:hover{background:var(--bg-hover)}.event-bar{border-radius:2px;flex:none;align-self:stretch;width:3px;min-height:28px}.event-text{flex:1;min-width:0}.event-title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.event-sub{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;gap:10px;font-size:12px;display:flex;overflow:hidden}.event-people{flex:none;display:flex}.event-person+.event-person{margin-left:-8px}.event-person{box-shadow:0 0 0 2px var(--bg-panel);border-radius:50%}.event-person.is-no{opacity:.35}.event-person.is-pending{opacity:.6}.event-rsvp{flex:none;align-items:center;gap:4px;display:flex}.rsvp-btn{border:1px solid var(--divider);width:26px;height:26px;color:var(--text-secondary);border-radius:50%;font-size:12px}.rsvp-btn.is-yes{border-color:var(--online);background:var(--online);color:#fff}.rsvp-btn.is-no{border-color:var(--danger);background:var(--danger);color:#fff}.task-flag{color:var(--danger);margin-right:6px;font-weight:700}.check-row{align-items:center;gap:8px;padding:2px 0;font-size:14px;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--accent)}.people-row{flex-wrap:wrap;gap:6px;display:flex}.person-chip{border:1px solid var(--divider);color:var(--text-secondary);border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:13px;display:flex}.person-chip.is-picked{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.assignee-line{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.scope-ask{border:1px solid var(--divider);background:var(--bg-hover);border-radius:10px;margin-top:12px;padding:12px}.scope-ask .sheet-text{margin-bottom:10px}.scope-ask .btn-primary,.scope-ask .btn-quiet{flex:none;min-width:0;padding:8px 14px;font-size:13px}@media (width<=900px){.event-time{width:48px}.month-day{min-height:38px}}.whose-row{flex-wrap:wrap;flex:none;gap:6px;padding:8px 12px 0;display:flex}.days-row{gap:4px;display:flex}.day-chip{border:1px solid var(--divider);color:var(--text-secondary);border-radius:8px;flex:1;padding:7px 0;font-size:13px}.day-chip.is-picked{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.times-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.time-item{align-items:center;display:flex;position:relative}.time-item .input{width:auto}.time-remove{color:var(--text-secondary);margin-left:4px;font-size:12px}.time-remove:hover{color:var(--danger)}.pill-row{text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 8px;display:flex}.pill-row:hover{background:var(--bg-hover)}.pill-row.is-finished{opacity:.5}.pill-name{font-weight:500}.pill-when{color:var(--text-secondary);font-size:12px}.record-row{text-align:left;border-radius:8px;gap:12px;width:100%;padding:10px 8px;display:flex}.record-row:hover{background:var(--bg-hover)}.record-date{width:80px;color:var(--text-secondary);flex:none;font-size:12px}.record-text{flex:1;min-width:0}.record-title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.record-sub{color:var(--text-secondary);gap:10px;font-size:12px;display:flex}.record-summary{background:var(--bg-hover);white-space:pre-wrap;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:14px}.record-files{flex-wrap:wrap;gap:8px;display:flex}.record-file{position:relative}.record-file img{object-fit:cover;background:var(--bg-hover);border-radius:8px;width:76px;height:76px}.record-file-doc{border:1px solid var(--divider);width:76px;height:76px;color:inherit;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:18px;text-decoration:none;display:flex}.record-file-name{text-align:center;width:100%;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.metric-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.metric-card{border:1px solid var(--divider);border-radius:var(--radius-card);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.metric-name{color:var(--text-secondary);font-size:12px}.metric-value{font-size:20px;font-weight:600}.metric-when{color:var(--text-secondary);font-size:11px}.metric-chart{border:1px solid var(--divider);border-radius:var(--radius-card);margin:12px 0;padding:10px 12px}.metric-chart svg{width:100%;height:70px;display:block}.metric-chart-bounds{color:var(--text-secondary);justify-content:space-between;font-size:11px;display:flex}.metric-row{border-bottom:1px solid var(--divider);justify-content:space-between;gap:12px;padding:8px 2px;font-size:14px;display:flex}.metric-row-when{color:var(--text-secondary);font-size:12px}.ticket-row{text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 8px;display:flex}.ticket-row:hover{background:var(--bg-hover)}.ticket-row.is-past{opacity:.45}.ticket-icon{font-size:22px;line-height:1}.ticket-text{flex:1;min-width:0}.ticket-title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ticket-sub{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;gap:10px;font-size:12px;display:flex;overflow:hidden}.ticket-facts{flex-wrap:wrap;gap:16px;margin-bottom:14px;display:flex}.ticket-fact{flex-direction:column;display:flex}.ticket-fact-name{color:var(--text-secondary);font-size:11px}.ticket-fact-value{font-size:15px;font-weight:600}.barcode{background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:6px;margin:4px 0 14px;padding:12px;display:flex}.barcode svg{width:100%;max-width:280px;display:block}.barcode-value{letter-spacing:.08em;color:#000;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.barcode-number{letter-spacing:.1em;color:#000;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px}.loyalty-card{border:1px solid var(--divider);border-radius:var(--radius-card);text-align:left;border-left-width:4px;flex-direction:column;gap:4px;padding:14px;display:flex}.loyalty-card:hover{background:var(--bg-hover)}.loyalty-card.is-expired{opacity:.5}.loyalty-name{font-weight:600}.loyalty-number{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.loyalty-sub{color:var(--text-secondary);font-size:11px}.wish-row{border-radius:8px;align-items:center;gap:8px;padding:4px 0;display:flex}.wish-row:hover{background:var(--bg-hover)}.wish-row.is-reserved .wish-title{color:var(--text-secondary)}.wish-main{text-align:left;flex:1;min-width:0;padding:8px}.wish-text{min-width:0;display:block}.wish-title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.wish-sub{color:var(--text-secondary);gap:10px;font-size:12px;display:flex}.wish-taken{color:var(--accent)}.wish-link{width:28px;height:28px;color:var(--text-secondary);border-radius:50%;flex:none;place-items:center;text-decoration:none;display:grid}.wish-link:hover{background:var(--bg-hover);color:var(--accent)}.movie-row{border-radius:8px;align-items:center;gap:8px;padding:4px 0;display:flex}.movie-row:hover{background:var(--bg-hover)}.movie-main{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.movie-icon{font-size:20px;line-height:1}.movie-text{flex:1;min-width:0}.movie-title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.movie-year{color:var(--text-secondary);margin-left:8px;font-size:12px}.movie-sub{color:var(--text-secondary);gap:10px;font-size:12px;display:flex}.rating-row{gap:4px;display:flex}.star{color:var(--divider);font-size:26px;line-height:1;transition:color .15s}.star.is-on{color:#e9a23b}@media (width<=460px){.nav-item{padding:6px 0}.nav-icon{font-size:19px}.nav-name{font-size:9px}}.week-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.week-title{flex:1;font-weight:600}.menu-day{margin-bottom:14px}.menu-slot{align-items:baseline;gap:10px;padding:4px 2px;display:flex}.menu-slot-name{width:74px;color:var(--text-secondary);flex:none;font-size:12px}.menu-slot-items{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.menu-dish{background:var(--bg-hover);border-radius:14px;align-items:center;gap:4px;padding:3px 8px;font-size:13px;display:inline-flex}.menu-dish a{color:var(--text-link);text-decoration:none}.menu-dish-remove{color:var(--text-secondary);font-size:11px}.menu-dish-remove:hover{color:var(--danger)}.ingredient-list{flex-direction:column;display:flex}.ingredient-row{border-bottom:1px solid var(--divider);justify-content:space-between;gap:12px;padding:7px 2px;display:flex}.ingredient-amount{color:var(--text-secondary);white-space:nowrap}.steps-list{margin:0;padding-left:22px;line-height:1.6}.steps-list li{margin-bottom:8px}.budget-row{text-align:left;align-items:center;gap:10px;width:100%;padding:7px 2px;display:flex}.budget-row:hover{background:var(--bg-hover)}.budget-name{text-overflow:ellipsis;white-space:nowrap;flex:none;width:116px;font-size:13px;overflow:hidden}.budget-bar{background:var(--bg-hover);border-radius:8px;flex:1;height:16px;position:relative;overflow:hidden}.budget-fill{background:var(--accent);transition:width .25s;position:absolute;inset:0 auto 0 0}.budget-fill.is-over{background:var(--danger)}.budget-limit{background:var(--text);opacity:.55;width:2px;position:absolute;top:0;bottom:0}.budget-sum{text-align:right;white-space:nowrap;flex:none;font-size:13px}.budget-sum.is-over{color:var(--danger)}.budget-of{color:var(--text-secondary)}.budget-income{color:var(--online)}.record-row.is-soon .doc-expiry{color:#e9a23b}.record-row.is-expired .doc-expiry{color:var(--danger)}.record-row.is-expired{opacity:.75}.nav-more{display:none}.section-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.section-tile{border:1px solid var(--divider);border-radius:var(--radius-card);color:inherit;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;font-size:12px;text-decoration:none;display:flex}.section-tile:hover{background:var(--bg-hover)}.section-tile.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.section-tile-icon{height:26px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.section-tile.is-active .section-tile-icon{color:inherit}@media (width<=900px){.app-nav .nav-item.is-extra{display:none}.nav-more{display:flex}}.feed-row{text-align:left;border-radius:8px;gap:10px;width:100%;padding:8px 6px;display:flex}.feed-row:hover{background:var(--bg-hover)}.feed-text{flex:1;min-width:0}.feed-line{font-size:14px;line-height:1.35;display:block}.feed-title{color:var(--text-link)}.feed-sub{color:var(--text-secondary);gap:10px;font-size:12px;display:flex}.nav-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-1px;right:-5px}.remind{flex-direction:column;gap:8px;display:flex}.remind-set{flex-wrap:wrap;gap:6px;display:flex}.remind-chip{background:var(--accent-soft);color:var(--accent);border-radius:14px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.remind-choices{flex-wrap:wrap;gap:6px;display:flex}.remind-choices .day-chip{flex:none;padding:7px 12px}.item-mark{align-items:center;gap:3px;display:inline-flex}@media (width>=1240px){.section{border-left:1px solid var(--divider);border-right:1px solid var(--divider);width:100%;max-width:1100px;margin:0 auto}}.call{z-index:200;padding:calc(var(--safe-top) + 48px) 20px calc(var(--safe-bottom) + 40px);color:#fff;background:linear-gradient(#1d2b3a 0%,#101820 100%);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0}.call-who{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.call-name{font-size:26px;font-weight:600}.call-status{opacity:.7;font-size:15px}.call-status.is-error{color:#ffb4a8;opacity:1;max-width:320px}.call-timer{font-variant-numeric:tabular-nums;opacity:.7;font-size:15px}.call-controls{justify-content:center;align-items:flex-end;gap:28px;display:flex}.call-btn{color:#fff;flex-direction:column;align-items:center;gap:8px;font-size:26px;display:flex}.call-btn-name{opacity:.75;font-size:12px}.call-btn>span:first-child{background:#ffffff24;border-radius:50%;place-items:center;width:68px;height:68px;transition:background-color .15s,transform .1s;display:grid}.call-btn:active>span:first-child{transform:scale(.94)}.call-btn.is-small>span:first-child{width:56px;height:56px;font-size:22px}.call-btn.is-on>span:first-child{color:#101820;background:#fff}.call-btn.is-accept>span:first-child{background:#4dcd5e}.call-btn.is-decline>span:first-child{background:#e55c4e}.call.is-video{padding-top:calc(var(--safe-top) + 20px)}.call-stage{background:#000;position:absolute;inset:0}.call-remote{object-fit:cover;width:100%;height:100%}.call-stage.is-many{grid-template-columns:repeat(auto-fit,minmax(45%,1fr));gap:2px;display:grid}.call-stage.is-many .call-remote{height:100%;min-height:0}.call-local{right:14px;bottom:calc(var(--safe-bottom) + 130px);object-fit:cover;background:#222;border-radius:12px;width:108px;height:148px;position:absolute;transform:scaleX(-1);box-shadow:0 4px 18px #00000080}.call.is-video .call-who,.call.is-video .call-controls{z-index:1;text-shadow:0 1px 8px #0009;position:relative}.admin{height:100%;padding:20px 24px calc(40px + var(--safe-bottom));max-width:1100px;margin:0 auto;overflow-y:auto}.admin-head{align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.admin-head h1{margin:0;font-size:22px;font-weight:600}.admin-back{color:var(--text-link);font-size:14px;text-decoration:none}.admin-back:hover{text-decoration:underline}.admin-note{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--text-secondary);border-radius:8px;margin:0 0 20px;padding:10px 14px;font-size:13px}.admin-h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:28px 0 12px;font-size:15px;font-weight:600}.tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.tile{background:var(--bg-panel);border:1px solid var(--divider);border-radius:10px;padding:14px 16px}.tile-value{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.2}.tile-label{color:var(--text-secondary);margin-top:2px;font-size:13px}.tile-note{color:var(--text-secondary);opacity:.8;margin-top:6px;font-size:12px}.sections-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;display:grid}.section-stat{background:var(--bg-panel);border:1px solid var(--divider);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;display:flex}.section-stat.is-empty{opacity:.5}.section-stat-name{color:var(--text-secondary);font-size:13px}.section-stat-value{font-weight:600}.admin-table{flex-direction:column;gap:4px;display:flex}.admin-row{background:var(--bg-panel);border:1px solid var(--divider);border-radius:10px;grid-template-columns:auto minmax(160px,1.4fr) minmax(140px,1fr) auto auto;align-items:center;gap:14px;padding:10px 14px;display:grid}.admin-row-main{min-width:0}.admin-row-name{flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}.admin-row-sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.admin-row-families{flex-wrap:wrap;gap:4px;display:flex}.tag{background:var(--bg-hover);color:var(--text-secondary);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12px}.tag-admin{background:var(--accent-soft);color:var(--accent);font-weight:600}.admin-row-stats,.admin-row-seen{color:var(--text-secondary);text-align:right;white-space:nowrap;flex-direction:column;gap:2px;font-size:12px;display:flex}.admin-row-since{opacity:.7}.admin-activity{flex-direction:column;display:flex}.activity-row{border-bottom:1px solid var(--divider);grid-template-columns:110px minmax(120px,180px) 1fr;gap:12px;padding:7px 14px;font-size:13px;display:grid}.activity-row:last-child{border-bottom:none}.activity-time{color:var(--text-secondary)}.activity-who{font-weight:500}.activity-what{color:var(--text-secondary)}@media (width<=760px){.admin{padding:16px 14px calc(40px + var(--safe-bottom))}.admin-row{grid-template-columns:auto 1fr;grid-template-areas:"avatar main""families families""stats seen";row-gap:8px}.admin-row>:first-child{grid-area:avatar}.admin-row-main{grid-area:main}.admin-row-families{grid-area:families}.admin-row-stats{text-align:left;flex-direction:row;grid-area:stats;gap:10px}.admin-row-seen{grid-area:seen}.activity-row{grid-template-columns:1fr;gap:2px}}