@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--accent:#0a84ff;--accent-pressed:#0071e3;--accent-soft:#e5f2ff;--canvas:#f3f7fa;--surface:#fff;--panel:#fff;--glass:#fffc;--text:#17212b;--muted:#7e8c99;--line:#e5ebf0;--outgoing:#dff3fd;--success:#43c989;--online:#35ad76;--danger:#ef5b62;--warning:#eaa645;--hover:#eef3f7;--scrim:#17212b59;--nav:#f8fafc;--brand-night:#0b1d2c;--brand-sky:#54c7ec;--danger-soft-solid:#fdeced;--aurora-sky:#54c7ec38;--aurora-accent:#0a84ff2e;--glass-edge:#ffffffb3;--shadow-tint:#0d23381f;--accent-glow:#0a84ff59;--accent-gradient:linear-gradient(135deg, var(--accent), var(--brand-sky));--media-shadow:#0006;--radius-control:12px;--radius-card:18px;--radius-glass:20px;--radius-sheet:24px;--radius-pill:999px;--space:4px;--control-height:44px;--text-secondary:color-mix(in srgb, var(--text) 62%, var(--surface));--text-tertiary:var(--muted);--accent-text:var(--accent-pressed);--danger-soft:color-mix(in srgb, var(--danger) 10%, var(--surface));--danger-text:color-mix(in srgb, var(--danger) 80%, var(--text));--warning-soft:color-mix(in srgb, var(--warning) 14%, var(--surface));--success-soft:color-mix(in srgb, var(--success) 14%, var(--surface));--line-strong:color-mix(in srgb, var(--line) 70%, var(--muted));--glass-line:color-mix(in srgb, var(--surface) 70%, transparent);--wallpaper:color-mix(in srgb, var(--accent-soft) 55%, var(--canvas));--font:Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-caption:11px;--fs-secondary:13px;--fs-body:14px;--fs-row:15px;--fs-title:17px;--fs-screen:22px;--shadow-hairline:0 1px 1px color-mix(in srgb, var(--text) 6%, transparent);--shadow-soft:0 2px 10px color-mix(in srgb, var(--text) 6%, transparent);--shadow-float:0 10px 30px color-mix(in srgb, var(--text) 12%, transparent);--shadow-sheet:0 24px 72px color-mix(in srgb, var(--text) 20%, transparent);--blur:saturate(1.6) blur(18px);--ease:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.14s;--dur:.2s;--dur-slow:.28s;--z-sticky:5;--z-float:20;--z-menu:90;--z-sheet:80;--z-toast:100;--rail-width:84px;--list-width:clamp(320px, 27vw, 392px);--tap:36px}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%}body{min-width:320px;min-height:100dvh;font-family:var(--font);font-size:var(--fs-body);color:var(--text);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}img,video,svg,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}button,a,input,textarea,select,label{-webkit-tap-highlight-color:transparent}input,textarea{accent-color:var(--accent)}:where(input[type=checkbox],input[type=radio]){border:1.5px solid var(--line-strong);background:var(--surface) no-repeat center / 12px;appearance:none;cursor:pointer;width:20px;height:20px;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:6px;flex:none;place-items:center;margin:0;display:inline-grid}:where(input[type=radio]){border-radius:50%}:where(input[type=checkbox],input[type=radio]):hover:not(:disabled){border-color:var(--accent)}:where(input[type=checkbox],input[type=radio]):active:not(:disabled){transform:scale(.9)}:where(input[type=checkbox]):checked{border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.6l4.6-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}:where(input[type=radio]):checked{border:6px solid var(--accent)}:where(input[type=checkbox],input[type=radio]):disabled{opacity:.5;cursor:not-allowed}::placeholder{color:var(--muted);opacity:1}::selection{background:color-mix(in srgb, var(--accent) 22%, transparent)}:where(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(input,textarea,select):focus-visible{outline-offset:0}[hidden]{display:none!important}small{font-size:inherit}em{font-style:normal}b,strong{font-weight:650}time{font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text) 16%, transparent) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text) 16%, transparent) padding-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text) 28%, transparent)}::-webkit-scrollbar-track{background:0 0}.sr-only,.chat-shell-sr,.branch-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-rise-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes ui-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes ui-slide-in{0%{opacity:.4;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes ui-sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes ui-shimmer{0%{background-position:-240px 0}to{background-position:240px 0}}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ui-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{grid-template-columns:var(--rail-width) minmax(0, 1fr);background:radial-gradient(1200px 600px at 100% 0, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 60%), var(--canvas);height:100dvh;color:var(--text);isolation:isolate;grid-template-rows:minmax(0,1fr);gap:10px;padding:10px 10px 10px 0;display:grid;overflow:hidden}.app-shell.conversation-open,.app-shell.conversation-list-only,.app-shell.work-shell.work-open,.app-shell.settings-open{grid-template-columns:var(--rail-width) var(--list-width) minmax(0, 1fr)}.app-shell>.rail{grid-area:1/1}.app-shell>.list-panel{grid-area:1/2}.app-shell>.chat-panel{grid-area:1/3}.app-shell.conversation-list-only>.chat-panel:not(.chat-shell-placeholder),.app-shell.work-shell:not(.work-open):not(.settings-open)>.work-pane,.app-shell.catalog-open>.chat-panel,.app-shell.settings-open>.list-panel:not(.settings-list),.app-shell.settings-open>.chat-panel:not(.settings-pane){display:none}.list-panel,.chat-panel{background:var(--surface);border:1px solid color-mix(in srgb, var(--line) 80%, transparent);border-radius:var(--radius-glass);min-width:0;min-height:0;box-shadow:var(--shadow-hairline);flex-direction:column;display:flex;position:relative;overflow:hidden}.chat-panel{animation:ui-slide-in var(--dur-slow) var(--ease-out)}.list-panel{animation:ui-fade-in var(--dur) var(--ease)}.work-pane{background:var(--canvas)}.rail{flex-direction:column;align-items:center;gap:6px;min-height:0;padding:6px 0 6px 10px;display:flex}.rail .brand{background:var(--surface);width:44px;height:44px;box-shadow:var(--shadow-soft);transition:transform var(--dur-fast) var(--ease);border-radius:14px;flex:none;place-items:center;display:grid;overflow:hidden}.rail .brand:hover{transform:translateY(-1px)}.rail .brand .brand-mark{width:100%;height:100%}.rail>nav{flex-direction:column;gap:2px;width:100%;margin-top:14px;display:flex}.rail>nav.phone-dock{display:none}.rail-bottom{flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:auto;display:flex}.rail-account{width:48px;height:48px;transition:box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%;place-items:center;margin-top:8px;display:grid}.rail-account:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.rail-account.active{box-shadow:0 0 0 2px var(--accent)}.rail-account:active{transform:scale(.96)}.rail-account>.rail-account-avatar{border-radius:50%;width:38px;height:38px;font-size:13px;display:grid}.rail-item{width:100%;min-height:58px;color:var(--text-secondary);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 1px 7px;display:flex;position:relative}.rail-item>span{display:flex;position:relative}.rail-item.active>span{animation:ui-pop-in var(--dur) var(--ease-out)}.rail-item small{letter-spacing:-.01em;text-align:center;white-space:nowrap;max-width:100%;font-size:10px;font-weight:650;line-height:1.15}.rail-item:hover{background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--text)}.rail-item.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-soft)}.rail-item.active small{color:var(--accent-text)}.rail-item:active{transform:scale(.96)}.rail-item b{border:2px solid var(--canvas);border-radius:var(--radius-pill);background:var(--danger);min-width:18px;height:18px;color:var(--surface);text-align:center;padding:0 5px;font-size:10px;font-weight:750;line-height:14px;position:absolute;top:-7px;left:13px}.rail-item.active b{border-color:var(--surface)}.phone-search{display:none}.avatar.account-tab-avatar{border-radius:50%;width:22px;height:22px;font-size:9px;display:grid}.account-tab.active .avatar.account-tab-avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent)}.ui-menu.account-menu{outline:none;min-width:248px;max-width:calc(100vw - 16px)}.account-menu.is-right{transform-origin:0 100%}.account-menu.is-top{transform-origin:100% 100%}.account-menu-head{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px 10px;display:grid}.account-menu-head>.account-menu-avatar{border-radius:50%;width:40px;height:40px;font-size:14px;display:grid}.account-menu-copy{gap:2px;min-width:0;display:grid}.account-menu-copy strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.account-menu-copy small{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu-line{border-radius:var(--radius-pill);width:120px;height:14px;display:block}.account-menu-group{border-top:1px solid color-mix(in srgb, var(--line) 80%, transparent);gap:1px;padding-top:5px;display:grid}.account-menu-group+.account-menu-group{margin-top:5px}.account-menu [role=menuitem]>svg{color:var(--text-secondary);flex:none}.account-menu [role=menuitem]:focus-visible{background:var(--hover);outline:2px solid var(--accent);outline-offset:-2px}.account-menu [role=menuitem]:disabled{opacity:.5;cursor:default}.account-menu [role=menuitem].danger,.account-menu [role=menuitem].danger>svg{color:var(--danger-text)}.account-menu-count{border-radius:var(--radius-pill);background:var(--danger);min-width:20px;height:20px;color:var(--surface);text-align:center;margin-left:auto;padding:0 6px;font-size:11px;font-weight:750;line-height:20px}@media (width<=900px){.app-shell,.app-shell.conversation-open,.app-shell.conversation-list-only,.app-shell.work-shell.work-open,.app-shell.settings-open{background:var(--surface);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:0;padding:0}.app-shell>.list-panel{box-shadow:none;border:0;border-radius:0;grid-area:1/1}.app-shell>.rail{grid-area:2/1}.app-shell>.chat-panel{display:none}.app-shell.conversation-open>.chat-panel,.app-shell.work-shell.work-open>.work-pane,.app-shell.settings-open.settings-detail>.settings-pane{z-index:30;box-shadow:none;border:0;border-radius:0;display:flex;position:fixed;inset:0}.app-shell.conversation-open>.rail,.app-shell.work-open>.rail,.app-shell.settings-detail>.rail{display:none}.app-shell:has(.finder-open)>.rail{display:none}.rail{padding:4px 6px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:var(--blur);flex-direction:row}.rail .brand,.rail>nav:not(.phone-dock),.rail-bottom{display:none}.rail>nav.phone-dock{scrollbar-width:none;flex-direction:row;gap:0;width:100%;margin:0;display:flex;overflow-x:auto}.phone-dock .rail-item{min-width:56px;min-height:52px;box-shadow:none;background:0 0;border-radius:12px;flex:1 1 0;padding:6px 2px 4px}.phone-dock .rail-item.active{box-shadow:none;background:0 0}.phone-dock .rail-item b{border-color:var(--surface)}.app-shell:has(.works-stage.has-reels)>.list-panel{grid-row:1/-1}.app-shell:has(.works-stage.has-reels)>.rail{z-index:var(--z-float);margin:0 12px max(8px, env(safe-area-inset-bottom));border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 42%, transparent);align-self:end;padding:4px 6px}.app-shell:has(.works-stage.has-reels) .phone-dock .rail-item{min-width:44px;color:var(--surface)}.app-shell:has(.works-stage.has-reels) .phone-dock .rail-item small{display:none}.app-shell:has(.works-stage.has-reels) .phone-dock .rail-item.active{color:var(--accent);background:color-mix(in srgb, var(--surface) 18%, transparent);border-radius:var(--radius-pill)}}@media (width>=901px) and (width<=1100px){:root{--rail-width:78px;--list-width:300px}.app-shell{gap:8px;padding:8px 8px 8px 0}.rail{padding-inline:4px}.rail-item small{font-size:9.5px}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.rail{background:var(--surface);-webkit-backdrop-filter:none}}@media (width<=900px) and (prefers-reduced-transparency:reduce),(width<=900px) and (prefers-contrast:more){.app-shell:has(.works-stage.has-reels)>.rail{background:var(--text)}}.avatar,.ui-avatar{background:var(--accent);width:44px;height:44px;color:var(--surface);letter-spacing:.01em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;line-height:1;display:grid;position:relative;overflow:hidden}:is(.avatar,.ui-avatar,[class$=-avatar])>img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.avatar>i{border:2px solid var(--surface);background:var(--online);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.ui-button,.primary,.soft-button,.secondary-button,.inline-button{border-radius:var(--radius-control);min-height:40px;font-size:var(--fs-body);white-space:nowrap;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), opacity var(--dur-fast);border:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:650;line-height:1.2;display:inline-flex}.ui-button{background:var(--hover);color:var(--text)}.ui-button:hover:not(:disabled){background:color-mix(in srgb, var(--hover) 70%, var(--line))}.ui-button.is-primary,.primary{background:var(--accent);color:var(--surface)}.ui-button.is-primary:hover:not(:disabled),.primary:hover:not(:disabled){background:var(--accent-pressed)}.ui-button.is-ghost,.inline-button{color:var(--accent-text);background:0 0;padding-inline:10px}.ui-button.is-ghost:hover:not(:disabled),.inline-button:hover:not(:disabled){background:var(--accent-soft)}.ui-button.is-danger{background:var(--danger-soft);color:var(--danger)}.soft-button,.secondary-button{background:var(--accent-soft);color:var(--accent-text)}.soft-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){background:color-mix(in srgb, var(--accent-soft) 70%, var(--accent) 12%)}:is(.ui-button,.primary,.soft-button,.secondary-button,.inline-button):active:not(:disabled){transform:scale(.98)}:is(.ui-button,.primary,.soft-button,.secondary-button,.inline-button):disabled{opacity:.45}button.danger:not(.primary),.ui-danger{color:var(--danger)}.ui-icon-button,.icon-button,.chat-back,.modal-close{width:var(--tap);height:var(--tap);color:var(--text-secondary);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:22px;line-height:1;display:inline-grid}:is(.ui-icon-button,.icon-button,.chat-back,.modal-close):hover:not(:disabled){background:var(--hover);color:var(--text)}:is(.ui-icon-button,.icon-button,.chat-back,.modal-close):active:not(:disabled){transform:scale(.94)}.ui-icon-button.is-glass,.modal-close{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur)}.ui-icon-button.is-accent{background:var(--accent);color:var(--surface)}.ui-icon-button.is-accent:hover:not(:disabled){background:var(--accent-pressed);color:var(--surface)}.ui-icon-button[aria-pressed=true],.ui-icon-button.selected{background:var(--accent-soft);color:var(--accent-text)}.ui-field,.ui-search{border-radius:var(--radius-pill);background:var(--hover);min-height:40px;color:var(--muted);transition:background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);border:1px solid #0000;align-items:center;gap:8px;padding:0 14px;display:flex}.ui-field:focus-within,.ui-search:focus-within{background:var(--surface);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}:is(.ui-field,.ui-search) :is(input,textarea){min-width:0;height:38px;color:var(--text);font-size:var(--fs-body);background:0 0;border:0;outline:0;flex:1;padding:0}.ui-input,.ui-textarea,.ui-select{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);width:100%;min-height:42px;color:var(--text);font-size:var(--fs-body);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);outline:0;padding:10px 14px}.ui-textarea{resize:vertical;min-height:96px;line-height:1.5}:is(.ui-input,.ui-textarea,.ui-select):focus{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.ui-label{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:650;display:grid}.ui-autotext{width:100%;min-height:calc(var(--rows-min,3) * 1lh + 2 * var(--field-pad-y,0px));max-height:calc(var(--rows-max,12) * 1lh + 2 * var(--field-pad-y,0px));padding-block:var(--field-pad-y,0px);resize:none;scrollbar-gutter:stable;transition:height var(--dur) var(--ease), background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);line-height:1.45;display:block;overflow-y:hidden}.ui-longtext{text-align:start;min-width:0;transition:background var(--dur-fast) var(--ease);flex-direction:column;gap:4px;padding:12px 16px 10px;display:flex}.ui-longtext-label{color:var(--muted);transition:color var(--dur-fast) var(--ease);font-size:12px;font-weight:650}.ui-longtext-input{--field-pad-y:2px;color:var(--text);font-size:var(--fs-row);text-align:start;background:0 0;border:0;outline:0;padding-inline:0}.ui-longtext-input:focus-visible{outline:0}.ui-longtext:focus-within:not(.is-readonly,.is-capsule){background:color-mix(in srgb, var(--accent-soft) 40%, var(--surface))}.ui-longtext:focus-within:not(.is-readonly)>.ui-longtext-label{color:var(--accent-text)}.ui-longtext.is-invalid>.ui-longtext-label{color:var(--danger-text)}.ui-longtext.is-disabled>.ui-longtext-input{color:var(--text-secondary);cursor:not-allowed}.ui-longtext.is-readonly>.ui-longtext-input{cursor:default}.ui-longtext.is-capsule{gap:6px;padding:0}.ui-longtext.is-capsule>.ui-longtext-label{color:var(--text-secondary);padding-inline:4px}.ui-longtext.is-capsule>.ui-longtext-input{--field-pad-y:11px;border-radius:var(--radius-card);background:var(--hover);font-size:var(--fs-body);border:1px solid #0000;padding-inline:14px}.ui-longtext.is-capsule>.ui-longtext-input:focus{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.ui-longtext.is-capsule.is-invalid>.ui-longtext-input{border-color:color-mix(in srgb, var(--danger) 55%, var(--line))}.ui-longtext.is-capsule.is-invalid>.ui-longtext-input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 14%, transparent)}.ui-longtext.is-capsule>.ui-field-meta{padding-inline:4px}.ui-field-meta{min-height:18px;color:var(--muted);align-items:center;gap:8px;font-size:12px;line-height:1.4;display:flex}.ui-field-meta>:first-child{flex:1;min-width:0}.ui-field-error{color:var(--danger-text)}.ui-field-count{font-variant-numeric:tabular-nums;animation:ui-fade-in var(--dur) var(--ease);flex:none}.ui-field-count.is-limit{color:var(--danger-text);font-weight:650}.ui-picker{border-radius:var(--radius-pill);background:var(--hover);min-width:0;max-width:100%;min-height:36px;color:var(--text);font-size:var(--fs-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);align-items:center;gap:6px;padding:0 10px 0 14px;font-weight:650;display:inline-flex;position:relative}.ui-picker:hover:not(:has(>select:disabled)){background:color-mix(in srgb, var(--hover) 70%, var(--line))}.ui-picker:active:not(:has(>select:disabled)){transform:scale(.98)}.ui-picker-label{color:var(--muted);flex:none;font-weight:600}.ui-picker-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-picker-chevron{color:var(--muted);flex:none}.ui-picker>select{opacity:0;width:100%;height:100%;cursor:inherit;appearance:none;margin:0;font-size:16px;position:absolute;inset:0}.ui-picker:has(>select:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.ui-picker:has(>select:disabled){opacity:.5;cursor:not-allowed}.ui-row{border-radius:var(--radius-control);width:100%;min-height:60px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:8px 12px;display:flex;position:relative}.ui-row:hover{background:var(--hover)}.ui-row.is-selected,.ui-row[aria-current=true]{background:var(--accent);color:var(--surface)}.ui-row-copy{flex:1;gap:2px;min-width:0;display:grid}.ui-row-copy>strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.ui-row-copy>:is(small,em,span){color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-row.is-selected .ui-row-copy>:is(small,em,span){color:color-mix(in srgb, var(--surface) 82%, transparent)}.ui-group-title{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:20px 16px 6px;font-size:12px;font-weight:700}.ui-group{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);overflow:hidden}.ui-group>:where(*+*){border-top:1px solid var(--line)}.ui-group-row{align-items:center;gap:12px;min-height:48px;padding:10px 16px;display:flex}.ui-group-row>span:first-child{flex:1;min-width:0}.ui-group-hint{color:var(--muted);margin:6px 16px 0;font-size:12px;line-height:1.5}.ui-segment,.view-switch{border-radius:var(--radius-pill);background:var(--hover);gap:2px;padding:3px;display:inline-flex}:is(.ui-segment,.view-switch)>button{border-radius:var(--radius-pill);min-width:34px;height:32px;color:var(--text-secondary);font-size:var(--fs-secondary);white-space:nowrap;transition:background var(--dur-fast), color var(--dur-fast), box-shadow var(--dur-fast);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:650;display:inline-flex}:is(.ui-segment,.view-switch)>button:hover{color:var(--text)}:is(.ui-segment,.view-switch)>button:is(.selected,[aria-pressed=true],[aria-selected=true]){background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.ui-switch{border-radius:var(--radius-pill);background:var(--line-strong);width:44px;height:26px;transition:background var(--dur);flex:none;position:relative}.ui-switch:after{content:"";background:var(--surface);width:20px;height:20px;box-shadow:var(--shadow-soft);transition:transform var(--dur) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.ui-switch[aria-checked=true],.ui-switch.on{background:var(--success)}.ui-switch[aria-checked=true]:after,.ui-switch.on:after{transform:translate(18px)}.ui-badge{border-radius:var(--radius-pill);background:var(--accent);min-width:20px;height:20px;color:var(--surface);place-items:center;padding:0 6px;font-size:11px;font-weight:750;line-height:1;display:inline-grid}.ui-badge.is-muted{background:var(--line-strong)}.ui-chip{border-radius:var(--radius-pill);background:var(--hover);min-height:30px;color:var(--text-secondary);font-size:var(--fs-secondary);align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.ui-chip.is-selected,.ui-chip[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.modal-backdrop,.ui-backdrop{z-index:var(--z-sheet);background:var(--scrim);-webkit-backdrop-filter:blur(6px);animation:ui-fade-in var(--dur) var(--ease);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal,.ui-sheet{border-radius:var(--radius-sheet);background:var(--surface);width:min(480px,100%);max-height:min(760px,100dvh - 48px);color:var(--text);box-shadow:var(--shadow-sheet);animation:ui-rise-in var(--dur-slow) var(--ease-out);flex-direction:column;gap:14px;padding:22px;display:flex;position:relative;overflow:auto}:is(.modal,.ui-sheet)>header{justify-content:space-between;align-items:center;gap:12px;display:flex}:is(.modal,.ui-sheet) h2{font-size:19px;font-weight:750}:is(.modal,.ui-sheet)>p{color:var(--text-secondary);line-height:1.55}.ui-sheet-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ui-sheet-actions .ui-button{min-height:36px}.modal>.modal-close{width:32px;height:32px;font-size:16px;position:absolute;top:14px;right:14px}dialog{color:var(--text)}dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ui-menu{z-index:var(--z-menu);border:1px solid var(--glass-line);background:color-mix(in srgb, var(--surface) 88%, transparent);min-width:220px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);animation:ui-pop-in var(--dur-fast) var(--ease);transform-origin:0 0;border-radius:16px;padding:6px;position:fixed}.ui-menu :is(button,a):is([role=menuitem],[role=menuitemradio]){width:100%;min-height:38px;color:var(--text);font-size:var(--fs-body);text-align:left;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.ui-menu :is(button,a):is([role=menuitem],[role=menuitemradio]):is(:hover,:focus-visible){background:var(--hover)}.ui-menu [role=menuitemradio]>svg{width:18px;height:18px;color:var(--accent);flex:none}.ui-menu [role=menuitemradio][aria-checked=false]>svg{visibility:hidden}.ui-menu-select{border-radius:var(--radius-pill);min-width:0;max-width:60%;min-height:34px;color:var(--accent-text);font-size:var(--fs-row);transition:background var(--dur-fast) var(--ease);flex:none;align-items:center;gap:6px;padding:0 8px 0 10px;font-weight:600;display:inline-flex}.ui-menu-select:hover:not(:disabled),.ui-menu-select[aria-expanded=true]{background:var(--hover)}.ui-menu-select:disabled{color:var(--text-secondary);cursor:default;padding-inline:0}.ui-menu-select[aria-busy=true]{opacity:.6}.ui-menu-select-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-menu-select-chevron{color:var(--muted);transition:transform var(--dur-fast) var(--ease);flex:none}.ui-menu-select[aria-expanded=true] .ui-menu-select-chevron{transform:rotate(180deg)}.ui-menu-select-list{transform-origin:100% 0;max-height:min(360px,60dvh);overflow-y:auto}.ui-menu-select-list>[role=menuitemradio]{gap:10px;min-height:40px;font-weight:550}.ui-menu-select-list>[role=menuitemradio]>span:not([aria-hidden]){flex:1;min-width:0}.ui-menu-select-list>[role=menuitemradio]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ui-menu-select-list>[role=menuitemradio][aria-checked=true]{color:var(--accent-text);font-weight:650}.anchored-menu-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.anchored-menu-copy>strong{font-weight:600}.anchored-menu-copy>small{color:var(--muted);font-size:var(--fs-secondary);line-height:1.3}.list-head{flex-direction:column;flex:none;gap:10px;padding:14px 14px 10px;display:flex}.list-head>div:first-child,.list-title-row{justify-content:space-between;align-items:center;gap:8px;min-height:36px;display:flex}.list-head h1{font-size:var(--fs-screen);letter-spacing:-.03em;align-items:baseline;gap:8px;font-weight:750;display:flex}.list-head h1 small{color:var(--muted);font-size:var(--fs-secondary);font-weight:600}.list-search-row{align-items:center;gap:8px;display:flex}.list-search-row>label{border-radius:var(--radius-pill);background:var(--hover);min-width:0;min-height:38px;color:var(--muted);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.list-search-row input{min-width:0;color:var(--text);font-size:var(--fs-body);background:0 0;border:0;outline:0;flex:1}.list-scroll-area{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.unread-divider{margin:8px calc(-1 * var(--unread-bleed,0px));background:color-mix(in srgb, var(--surface) 78%, transparent);color:var(--muted);text-align:center;align-self:stretch;padding:5px 0;font-size:12.5px;font-weight:650}.ui-empty,.empty,.work-empty,.settings-empty{max-width:420px;min-height:220px;color:var(--muted);font-size:var(--fs-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:auto;padding:40px 24px;line-height:1.55;display:flex}:is(.ui-empty,.empty,.work-empty,.settings-empty)>:is(strong,h2,h3){color:var(--text);letter-spacing:-.02em;font-size:17px;font-weight:700}:is(.ui-empty,.empty,.work-empty,.settings-empty)>svg{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:50%;margin-bottom:4px;padding:14px}:is(.ui-empty,.empty,.work-empty,.settings-empty)>button{margin-top:8px}.ui-error,.error-banner,.work-error,.business-form-error{border-radius:var(--radius-control);background:var(--danger-soft);color:color-mix(in srgb, var(--danger) 80%, var(--text));font-size:var(--fs-secondary);align-items:center;gap:10px;margin:8px 12px;padding:10px 12px 10px 14px;line-height:1.45;display:flex}:is(.ui-error,.error-banner,.work-error)>button{width:28px;height:28px;color:inherit;border-radius:50%;place-items:center;margin-left:auto;display:grid}:is(.ui-error,.error-banner,.work-error)>button:hover{background:color-mix(in srgb, var(--danger) 12%, transparent)}.ui-skeleton{background:linear-gradient(90deg, var(--hover) 0, color-mix(in srgb, var(--hover) 40%, var(--surface)) 50%, var(--hover) 100%) 0 0 / 480px 100%;border-radius:8px;animation:1.2s linear infinite ui-shimmer}.ui-spinner{border:2.5px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite ui-spin}.ui-spinner.is-small{border-width:2px;flex:none;width:14px;height:14px}:is(.primary,.ui-button.is-primary)>.ui-spinner{border-color:color-mix(in srgb, var(--surface) 35%, transparent);border-top-color:var(--surface)}.message-markdown{white-space:normal;overflow-wrap:anywhere;line-height:1.5}.message-markdown a{color:var(--accent-text);text-decoration:none}.message-markdown a:hover{text-decoration:underline}.message-markdown code{background:color-mix(in srgb, var(--text) 7%, transparent);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.message-markdown blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);margin:4px 0;padding:2px 0 2px 10px}.markdown-spoiler{background:var(--muted);color:#0000;cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);border-radius:4px;padding:0 2px}.markdown-spoiler:hover,.markdown-spoiler:focus{background:color-mix(in srgb, var(--muted) 15%, transparent);color:inherit}@media (width<=900px){.modal-backdrop,.ui-backdrop{align-items:end;padding:0}.modal,.ui-sheet{width:100%;max-height:calc(100dvh - 24px);padding-bottom:calc(22px + env(safe-area-inset-bottom));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;animation:ui-sheet-up var(--dur-slow) var(--ease-out)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.ui-menu,.ui-icon-button.is-glass,.modal-close{background:var(--surface);-webkit-backdrop-filter:none}.modal-backdrop,.ui-backdrop,dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.row-link{appearance:none;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.row-link:hover strong,.row-link:hover>span{color:var(--accent-text)}.row-link:focus-visible{border-radius:var(--radius-sm,6px);outline:2px solid var(--accent);outline-offset:2px}.live-toast{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:var(--z-toast);width:min(320px,100vw - 24px);position:fixed}.live-toast button{border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:color-mix(in srgb, var(--surface) 88%, transparent);width:100%;min-height:44px;box-shadow:var(--shadow-float);color:var(--text);text-align:start;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.live-toast strong{font-size:var(--fs-body);font-weight:650}.live-toast small{color:var(--muted);font-size:var(--fs-secondary)}@media (prefers-reduced-motion:reduce){.live-toast{animation:none}}@media (prefers-reduced-transparency:reduce){.live-toast button{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}.community-settings{text-align:left;gap:0;display:grid}.community-settings>h3{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:20px 16px 6px;font-size:12px;font-weight:700}.community-settings>h3:first-child,.community-settings>.error-banner+h3{margin-top:4px}.community-settings>.error-banner{margin:0 0 8px}.community-settings fieldset,.community-group{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);border:0;gap:12px;margin:0;padding:14px 16px;display:grid}.community-settings label{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:650;display:grid;position:relative}.community-settings :is(input:not([type=checkbox]),select){border-radius:var(--radius-control);background:var(--hover);width:100%;min-height:44px;color:var(--text);font-size:var(--fs-body);transition:background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);border:1px solid #0000;outline:0;padding:0 14px;font-weight:500}.community-settings :is(input:not([type=checkbox]),select):focus{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.community-settings :is(input:not([type=checkbox]),select):disabled{color:var(--text-secondary);cursor:not-allowed}.community-settings select{appearance:none;cursor:pointer;padding-inline-end:36px}.community-settings label:has(>select):after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);pointer-events:none;width:7px;height:7px;position:absolute;bottom:18px;right:16px;transform:rotate(45deg)}.community-settings p{color:var(--muted);font-size:12px;line-height:1.5}.community-settings button{width:100%}.community-settings fieldset:disabled{opacity:.7}.community-switch{min-height:40px;color:var(--text);font-size:var(--fs-row);justify-content:space-between;align-items:center;gap:12px;font-weight:500;display:flex}.community-settings .community-switch{color:var(--text);font-size:var(--fs-row);font-weight:500;display:flex}.community-switch input[type=checkbox]{border-radius:var(--radius-pill);background:var(--line-strong);appearance:none;cursor:pointer;width:44px;height:26px;transition:background var(--dur);flex:none;margin:0;position:relative}.community-switch input[type=checkbox]:after{content:"";background:var(--surface);width:20px;height:20px;box-shadow:var(--shadow-soft);transition:transform var(--dur) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.community-switch input[type=checkbox]:checked{background:var(--success)}.community-switch input[type=checkbox]:checked:after{transform:translate(18px)}.community-confirm{z-index:var(--z-sticky);border:1px solid var(--glass-line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-float);animation:ui-rise-in var(--dur) var(--ease-out);gap:12px;margin-top:12px;padding:14px;display:grid;position:sticky;bottom:8px}.community-confirm>p{color:var(--text);font-size:var(--fs-body);font-weight:600}.community-confirm>div{gap:8px;display:flex}.community-invitation-head{text-align:center;justify-items:center;gap:4px;padding-top:8px;display:grid}.avatar.community-invitation-avatar,.ui-skeleton.community-invitation-avatar{border-radius:50%;width:72px;height:72px;margin-bottom:8px;font-size:24px}.community-invitation-head>small{color:var(--muted);font-size:var(--fs-secondary)}.community-invitation>p{text-align:center}.community-invitation>.error-banner{margin:0}.profile-channels{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);gap:0;margin:16px 0;display:grid;overflow:hidden}.profile-channels>h3{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;padding:12px 16px 4px;font-size:12px;font-weight:700}.channel-result{align-items:center;gap:12px;min-height:56px;padding:8px 16px;display:flex}.profile-channels>.channel-result+.channel-result{border-top:1px solid var(--line)}.channel-result>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.channel-result b{font-size:var(--fs-row);overflow-wrap:anywhere;font-weight:600}.channel-result small{color:var(--muted);font-size:var(--fs-secondary);overflow-wrap:anywhere}.channel-avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.channel-result>button{flex:none}@media (width<=520px){.channel-result{flex-wrap:wrap}.channel-result>button{margin-left:52px}}.mascot-image{object-fit:contain;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.mascot-image.is-loaded{opacity:1;animation:mascot-enter var(--dur-slow) var(--ease-out) both}.mascot-companion{right:max(12px, env(safe-area-inset-right,0px));bottom:max(16px, env(safe-area-inset-bottom,0px));z-index:var(--z-float);border-radius:var(--radius-card);cursor:pointer;width:112px;height:112px;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease-out), visibility 0s linear 0s;background:0 0;border:0;padding:0;position:absolute}.mascot-companion .mascot-image.is-loaded{animation-delay:.12s}.mascot-companion:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--text) 22%, transparent), transparent);pointer-events:none;border-radius:50%;height:12px;animation:3.6s ease-in-out infinite mascot-shadow;position:absolute;bottom:2px;left:18%;right:18%}.mascot-companion-float{z-index:1;will-change:transform;backface-visibility:hidden;width:100%;height:100%;animation:3.6s ease-in-out infinite mascot-float;display:block;position:relative}.mascot-companion:hover{transform:translateY(-2px)scale(1.03)}.mascot-companion:active{transition-duration:var(--dur-fast);transform:scale(.96)}.mascot-companion:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mascot-companion.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility 0s linear var(--dur);transform:translateY(8px)scale(.96)}.mascot-menu{min-width:220px}.mascot-empty-figure{border-radius:var(--radius-card);background:0 0;border:0;flex:none;width:160px;height:160px;margin:0 auto 4px;padding:0;display:block}.mascot-empty-figure.is-compact{width:112px;height:112px}.mascot-empty-figure.is-actionable{cursor:pointer;transition:transform var(--dur) var(--ease-out)}.mascot-empty-figure.is-actionable:hover{transform:translateY(-2px)scale(1.03)}.mascot-empty-figure.is-actionable:active{transition-duration:var(--dur-fast);transform:scale(.96)}.mascot-empty-figure:focus-visible{outline:2px solid var(--accent);outline-offset:4px}:is(:is(.list-panel,.chat-panel):has(>.mascot-companion:not(.is-hidden)) :is(.list-scroll-area,.branch-stage,.chat-shell-rows,.settings-scroll),.vitki-stage:has(>.mascot-companion:not(.is-hidden)) .vitki-scroll,.social-scroll:has(>.mascot-companion:not(.is-hidden))>.social-route){padding-bottom:136px;scroll-padding-bottom:136px}@keyframes mascot-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-6px)}}@keyframes mascot-shadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.86)}}@keyframes mascot-enter{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@media (width<=900px){.mascot-companion{width:72px;height:72px;bottom:max(72px, calc(env(safe-area-inset-bottom,0px) + 56px))}.mascot-empty-figure{width:128px;height:128px}.mascot-empty-figure.is-compact{width:96px;height:96px}:is(:is(.list-panel,.chat-panel):has(>.mascot-companion:not(.is-hidden)) :is(.list-scroll-area,.branch-stage,.chat-shell-rows,.settings-scroll),.vitki-stage:has(>.mascot-companion:not(.is-hidden)) .vitki-scroll,.social-scroll:has(>.mascot-companion:not(.is-hidden))>.social-route){padding-bottom:152px;scroll-padding-bottom:152px}.app-shell:is(.conversation-open,.work-open,.settings-detail)>.list-panel>.mascot-companion{opacity:0;visibility:hidden;pointer-events:none}}@media (prefers-reduced-motion:reduce){.mascot-image.is-loaded,.mascot-companion:after,.mascot-companion-float{animation:none}.mascot-companion,.mascot-companion.is-hidden,.mascot-empty-figure.is-actionable{transition:none}.mascot-companion:hover,.mascot-companion:active,.mascot-companion.is-hidden,.mascot-empty-figure.is-actionable:hover,.mascot-empty-figure.is-actionable:active{transform:none}}.voice-player{align-items:center;gap:10px;width:264px;max-width:100%;min-height:48px;display:flex}.voice-player.is-compact{width:100%}.voice-player audio{display:none}.voice-player-toggle{background:var(--accent);width:44px;height:44px;color:var(--surface);box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 30%, transparent);transition:transform var(--dur-fast) var(--ease), background var(--dur-fast);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.voice-player-toggle:hover{background:var(--accent-pressed)}.voice-player-toggle:active{transform:scale(.92)}.voice-player-icon{transition:opacity var(--dur-fast), transform var(--dur) var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.voice-player-icon.is-play{padding-left:3px}.voice-player-icon.is-pause,.voice-player.is-playing .voice-player-icon.is-play{opacity:0;transform:scale(.6)rotate(-30deg)}.voice-player.is-playing .voice-player-icon.is-pause{opacity:1;transform:none}.voice-player-body{flex:1;gap:3px;min-width:0;display:grid}.voice-player-wave{cursor:pointer;touch-action:none;border-radius:4px;align-items:center;gap:2px;height:26px;padding:1px 0;display:flex}.voice-player-wave i{background:color-mix(in srgb, var(--accent) 32%, transparent);min-width:2px;max-width:3px;min-height:3px;transition:background var(--dur-fast), height var(--dur-slow) var(--ease-out);border-radius:2px;flex:1}.voice-player-wave i.is-played{background:var(--accent)}.voice-player.is-out .voice-player-wave i{background:color-mix(in srgb, var(--accent) 38%, var(--outgoing))}.voice-player.is-out .voice-player-wave i.is-played{background:var(--accent-pressed)}.voice-player-meta{min-height:18px;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12px;display:flex}.voice-player.is-out .voice-player-meta{color:color-mix(in srgb, var(--accent-pressed) 70%, var(--muted))}.voice-player.is-playing .voice-player-meta>span:first-child{color:var(--accent-text)}.voice-player.is-failed .voice-player-meta>span:first-child{color:var(--danger)}.voice-player-rate{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 14%, transparent);min-width:34px;height:18px;color:var(--accent-text);animation:ui-pop-in var(--dur) var(--ease-out);padding:0 6px;font-size:11px;font-weight:750}.voice-player-rate:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}.note-player{background:color-mix(in srgb, var(--text) 88%, transparent);box-shadow:var(--shadow-soft);cursor:pointer;isolation:isolate;transition:transform var(--dur-slow) var(--ease-out), box-shadow var(--dur);border-radius:50%;flex:none;padding:0;display:block;position:relative}.note-player video{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.note-player.is-playing,.note-player.is-paused{box-shadow:var(--shadow-float);transform:scale(1.06)}.note-ring{--ring-gap:3px;--ring-stroke:3px;--ring-offset:calc(var(--ring-gap) + var(--ring-stroke) / 2);top:calc(-1 * var(--ring-offset));left:calc(-1 * var(--ring-offset));width:calc(100% + 2 * var(--ring-offset));height:calc(100% + 2 * var(--ring-offset));pointer-events:none;max-width:none;position:absolute;overflow:visible;transform:rotate(-90deg)}.note-ring circle{fill:none;stroke-width:var(--ring-stroke);stroke-linecap:round;stroke-dasharray:100}.note-ring-track{stroke:var(--ring-track,transparent);stroke-dashoffset:0}.note-ring-value{stroke:var(--ring-color,var(--accent));transition:stroke-dashoffset .25s linear}.note-player-ring{--ring-color:var(--accent);--ring-track:color-mix(in srgb, var(--accent) 16%, transparent);opacity:0;transition:opacity var(--dur)}.note-player.is-playing .note-player-ring,.note-player.is-paused .note-player-ring{opacity:1}.note-player-badge{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 45%, transparent);color:var(--surface);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:var(--blur);align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:650;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.note-player-state{background:color-mix(in srgb, var(--text) 45%, transparent);width:56px;height:56px;color:var(--surface);opacity:0;transition:opacity var(--dur), transform var(--dur) var(--ease-out);-webkit-backdrop-filter:var(--blur);border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0;transform:scale(.7)}.note-player.is-paused .note-player-state,.note-player.is-playing:hover .note-player-state{opacity:1;transform:none}.note-player.is-preview:hover .note-player-state{opacity:0}.note-player.is-failed{background:var(--hover)}.inline-video{background:color-mix(in srgb, var(--text) 92%, transparent);isolation:isolate;position:relative;overflow:hidden}.inline-video video{width:100%;height:100%;max-height:inherit;object-fit:cover;cursor:pointer;display:block}.inline-video.is-started video{object-fit:contain}.inline-video.is-vertical video{aspect-ratio:9/16}.inline-video-play{background:color-mix(in srgb, var(--text) 50%, transparent);width:54px;height:54px;color:var(--surface);-webkit-backdrop-filter:var(--blur);animation:ui-pop-in var(--dur) var(--ease-out);transition:transform var(--dur-fast), background var(--dur-fast);border-radius:50%;place-items:center;margin:auto;padding-left:4px;display:grid;position:absolute;inset:0}.inline-video-play:hover{background:color-mix(in srgb, var(--text) 65%, transparent);transform:scale(1.06)}.inline-video-badge{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 50%, transparent);color:var(--surface);font-variant-numeric:tabular-nums;padding:2px 8px;font-size:11.5px;font-weight:650;position:absolute;top:8px;left:8px}.inline-video-bar{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 55%, transparent);min-height:34px;color:var(--surface);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:var(--blur);animation:ui-rise-in var(--dur) var(--ease-out);transition:opacity var(--dur), transform var(--dur) var(--ease-out);align-items:center;gap:6px;padding:0 6px;font-size:11.5px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.inline-video.is-playing:not(:hover):not(:focus-within) .inline-video-bar{opacity:0;transform:translateY(6px)}.inline-video-bar button{width:28px;height:28px;color:inherit;border-radius:50%;flex:none;place-items:center;display:grid}.inline-video-bar button:hover{background:color-mix(in srgb, var(--surface) 18%, transparent)}.inline-video-time{text-align:center;flex:none;min-width:32px}.inline-video-seek{cursor:pointer;touch-action:none;flex:1;height:16px;position:relative}.inline-video-seek:before,.inline-video-seek i{content:"";border-radius:2px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.inline-video-seek:before{background:color-mix(in srgb, var(--surface) 35%, transparent);right:0}.inline-video-seek i{background:var(--surface)}.inline-video-seek i:after{content:"";background:var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.note-player-badge,.note-player-state,.inline-video-play,.inline-video-bar{background:var(--text);-webkit-backdrop-filter:none}}.catalog-open .social-scroll{flex-direction:column;display:flex}.catalog-open .social-scroll:has(>:is(.works-stage,.vitki-stage,.vitki-held,.social-route,.works-direct)){overflow:hidden}.catalog-open .social-scroll>:is(.network,.vitki-held,.social-route,.works-direct,.social-route-placeholder){flex:1;min-height:0}.catalog-open .social-scroll>.error-banner{flex:none}.social-route-placeholder{color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;display:flex}.social-route-placeholder h1{font-size:var(--fs-screen);font-weight:750}.social-route-placeholder p{max-width:360px;color:var(--muted)}.works-stage{--stage:var(--text);--on-stage:var(--surface);--on-stage-muted:color-mix(in srgb, var(--surface) 72%, transparent);--stage-glass:color-mix(in srgb, var(--surface) 16%, transparent);--stage-glass-strong:color-mix(in srgb, var(--surface) 26%, transparent);--stage-line:color-mix(in srgb, var(--surface) 22%, transparent);--stage-scrim:color-mix(in srgb, var(--text) 38%, transparent);--stage-scrim-strong:color-mix(in srgb, var(--text) 52%, transparent);background:var(--canvas);height:100%;min-height:0;color:var(--text);flex-direction:column;display:flex;position:relative;overflow:hidden}.works-chrome{z-index:var(--z-float);pointer-events:none;animation:ui-fade-in var(--dur) var(--ease-out);transition:opacity var(--dur-fast) var(--ease);align-items:center;gap:8px;display:flex;position:absolute;inset:12px 12px auto}.works-chrome>*{pointer-events:auto}.works-switch{border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);gap:2px;padding:3px;display:inline-flex}.works-switch button{border-radius:var(--radius-pill);min-width:44px;height:34px;color:var(--text-secondary);font-size:var(--fs-body);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);padding:0 14px;font-weight:650}.works-switch button:hover{color:var(--text)}.works-switch button:is(.selected,[aria-pressed=true]){background:var(--surface);color:var(--text);box-shadow:var(--shadow-hairline)}:is(.works-mode,.works-direct-entry,.works-search,.works-create,.works-own-profile){border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass);min-width:40px;height:40px;color:var(--text);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);flex:none;place-items:center;display:inline-grid}.works-mode{color:var(--text);font-size:var(--fs-secondary);white-space:nowrap;justify-content:center;align-items:center;gap:6px;margin-left:auto;padding:0 10px 0 14px;font-weight:650;display:inline-flex}.works-mode>svg{flex:none;display:none}.works-mode>.works-mode-chevron{color:var(--text-secondary);transition:transform var(--dur-fast) var(--ease);display:block}.works-mode[aria-expanded=true]>.works-mode-chevron{transform:rotate(180deg)}.works-mode[data-mode=following]{border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:var(--accent-soft);color:var(--accent-text)}.works-mode[data-mode=following]:hover{background:color-mix(in srgb, var(--accent-soft) 80%, var(--accent));color:var(--accent-text)}.works-mode-menu{min-width:260px}.works-own-profile{width:40px;padding:0;overflow:hidden}.works-own-avatar{border-radius:50%;width:32px;height:32px;font-size:12px}.works-mode-notice{z-index:1;border:1px solid var(--glass-line);border-radius:var(--radius-control);background:var(--glass);max-width:min(320px,100vw - 24px);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);color:var(--text-secondary);font-size:var(--fs-secondary);pointer-events:none;animation:ui-fade-in var(--dur) var(--ease-out);flex-direction:column;gap:2px;padding:8px 14px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.works-mode-notice>strong{color:var(--text);font-size:var(--fs-body);font-weight:650}.vitki-chrome .works-mode-notice{left:12px}.works-create{background:var(--accent);color:var(--surface);border-color:#0000}:is(.works-mode:not([data-mode=following]),.works-direct-entry,.works-search,.works-own-profile):hover{background:var(--surface);color:var(--text)}.works-create:hover{background:var(--accent-pressed)}:is(.works-switch button,.works-mode,.works-direct-entry,.works-search,.works-create,.works-own-profile):active{transform:scale(.96)}.works-reel{overscroll-behavior:contain;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:0;flex:1;min-height:0;overflow-y:auto;container-type:size}.works-reel::-webkit-scrollbar{display:none}.works-reel:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.work-slide{isolation:isolate;background:var(--stage);width:100%;height:100%;color:var(--on-stage);scroll-snap-align:start;scroll-snap-stop:always;margin-inline:auto;position:relative;overflow:hidden}.work-slide>:is(video,img){object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.work-media-backdrop{filter:blur(40px);pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:-40px}.work-slide>video.is-portrait{object-fit:cover}.work-play-target{z-index:1;width:100%;height:100%;color:var(--on-stage);touch-action:manipulation;background:0 0;place-items:center;display:grid;position:absolute;inset:0}.work-play-target:focus-visible{outline-offset:-4px}.work-play-icon{border:1px solid var(--stage-line);background:var(--stage-glass);width:72px;height:72px;-webkit-backdrop-filter:var(--blur);animation:ui-pop-in var(--dur) var(--ease-out);border-radius:50%;place-items:center;padding-left:4px;display:grid}.work-loading{border-radius:var(--radius-pill);background:var(--stage-glass);color:var(--on-stage);font-size:var(--fs-secondary);animation:ui-fade-in var(--dur) var(--ease) .32s both;align-items:center;gap:10px;padding:8px 14px;font-weight:600;display:inline-flex}.work-loading.is-offline{animation-delay:0s}.works-stage .ui-spinner{border-color:var(--stage-line);border-top-color:var(--on-stage)}.works-video-status{z-index:1;color:var(--on-stage-muted);font-size:var(--fs-body);text-align:center;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.works-video-status button{border:1px solid var(--stage-line);border-radius:var(--radius-pill);background:var(--stage-glass);min-height:40px;color:var(--on-stage);padding:0 16px;font-weight:650}.work-topline{z-index:2;gap:8px;display:flex;position:absolute;top:64px;right:12px}.work-topline button,.work-actions .work-action-icon{border:1px solid var(--stage-line);background:var(--stage-glass);width:40px;height:40px;color:var(--on-stage);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:var(--blur);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:50%;place-items:center;font-size:12px;font-weight:750;display:grid}.work-overlay{z-index:2;background:linear-gradient(to top, color-mix(in srgb, var(--text) 78%, transparent), color-mix(in srgb, var(--text) 28%, transparent) 60%, transparent);color:var(--on-stage);pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;padding:96px 76px 22px 16px;display:flex;position:absolute;inset:auto 0 0}.work-overlay>*{pointer-events:auto}.work-person{max-width:100%;color:inherit;align-items:center;gap:10px;display:inline-flex}.work-person>:is(img,span){border:1.5px solid var(--on-stage);background:var(--stage-glass-strong);object-fit:cover;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.work-person strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.work-person:hover strong{text-decoration:underline}.work-follow{border:1px solid var(--stage-line);border-radius:var(--radius-pill);background:var(--stage-scrim);min-height:30px;color:var(--on-stage);font-size:var(--fs-secondary);-webkit-backdrop-filter:var(--blur);align-items:center;gap:6px;padding:0 12px;font-weight:650;display:inline-flex}.work-follow[aria-pressed=true]{color:var(--on-stage-muted)}.work-follow:disabled{cursor:default}.work-purpose{border-radius:var(--radius-pill);background:var(--stage-glass);padding:3px 10px;font-size:12px;font-weight:650}.work-overlay p{max-width:520px;font-size:var(--fs-body);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.work-slide-error{border-radius:var(--radius-control);background:color-mix(in srgb, var(--danger) 30%, transparent);font-size:var(--fs-secondary);align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex}.work-slide-error button{border-radius:var(--radius-pill);background:var(--stage-glass-strong);color:var(--on-stage);padding:4px 10px;font-weight:650}.work-actions{z-index:3;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:22px;right:12px}.work-actions>button{min-width:44px;color:var(--on-stage);flex-direction:column;align-items:center;gap:4px;display:flex}.work-actions>button small{font-variant-numeric:tabular-nums;text-shadow:0 0 2px color-mix(in srgb, var(--text) 70%, transparent), 0 1px 4px color-mix(in srgb, var(--text) 60%, transparent);font-size:12px;font-weight:700}.work-actions .work-action-icon{width:46px;height:46px}.work-actions>button:active:not(:disabled) .work-action-icon{transform:scale(.92)}.work-topline button,.work-actions .work-action-icon{background:var(--stage-scrim)}.work-topline button:hover,.work-actions button:hover:not(:disabled) .work-action-icon{background:var(--stage-scrim-strong)}.work-actions .work-action-icon svg{filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--text) 45%, transparent))}.work-actions>button[aria-label=Нравится][aria-pressed=true] .work-action-icon{color:var(--danger)}.work-actions>button.is-popping .work-action-icon svg{animation:work-action-pop .36s var(--ease-out)}.work-actions>button:disabled{opacity:.6}.work-views{color:var(--on-stage-muted);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px color-mix(in srgb, var(--text) 50%, transparent);align-items:center;gap:5px;font-size:12px;font-weight:650;display:inline-flex}.works-saved-toast{z-index:calc(var(--z-float) + 3);border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass);max-width:min(420px,100% - 24px);color:var(--text);font-size:var(--fs-secondary);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);animation:works-toast-in var(--dur) var(--ease-out);align-items:center;gap:8px;padding:6px 6px 6px 14px;font-weight:600;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.works-saved-toast>svg{color:var(--accent);flex:none}.works-saved-toast>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.works-saved-toast>button{border-radius:var(--radius-pill);background:var(--accent);min-height:32px;color:var(--surface);flex:none;padding:0 14px;font-weight:650}.works-saved-toast>button:hover{background:var(--accent-pressed)}.works-more-menu{border:1px solid var(--glass-line);background:color-mix(in srgb, var(--surface) 90%, transparent);min-width:200px;color:var(--text);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);animation:ui-pop-in var(--dur-fast) var(--ease);transform-origin:100% 100%;border-radius:16px;padding:6px;position:absolute;bottom:0;right:calc(100% + 8px)}.works-more-menu button{white-space:nowrap;width:100%;min-height:40px;font-size:var(--fs-body);text-align:left;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.works-more-menu button:hover{background:var(--hover)}.works-more-menu button.is-danger{color:var(--danger)}.works-more-menu button.is-danger:hover{background:var(--danger-soft)}.works-view-progress{z-index:3;background:var(--stage-line);pointer-events:none;height:2px;position:absolute;inset:auto 0 0}.works-view-progress>span{background:var(--on-stage);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.works-heart{z-index:3;color:var(--danger);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.work-seek{z-index:4;border:1px solid var(--stage-line);border-radius:var(--radius-pill);background:var(--stage-glass);min-height:40px;color:var(--on-stage);font-size:var(--fs-secondary);font-variant-numeric:tabular-nums;pointer-events:none;-webkit-backdrop-filter:var(--blur);align-items:center;gap:6px;padding:8px 14px;font-weight:750;display:inline-flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.work-seek.is-back svg{animation:work-seek-back .7s var(--ease) infinite}.work-seek.is-forward svg{animation:work-seek-forward .7s var(--ease) infinite}@keyframes work-seek-back{50%{transform:translate(-3px)}}@keyframes work-seek-forward{50%{transform:translate(3px)}}.works-heart svg{filter:drop-shadow(0 8px 24px color-mix(in srgb, var(--text) 40%, transparent));animation:works-heart .72s var(--ease-out) forwards;display:block}.work-toast{z-index:4;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 78%, transparent);color:var(--surface);font-size:var(--fs-secondary);pointer-events:none;-webkit-backdrop-filter:var(--blur);animation:ui-pop-in var(--dur) var(--ease-out);padding:8px 14px;font-weight:650;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.works-chrome,.work-overlay,.work-actions,.work-topline){transition:opacity var(--dur-fast) var(--ease)}.work-slide.is-clear :is(.work-overlay,.work-actions,.work-topline,.work-play-target>span){opacity:0;pointer-events:none}.works-stage:has(.work-slide.is-clear) :is(.works-chrome,.works-saved-toast){opacity:0;pointer-events:none}.works-stage.has-reels{container:works-stage/size}.works-stage>.mascot-companion{right:max(16px, env(safe-area-inset-right,0px));bottom:max(20px, env(safe-area-inset-bottom,0px))}.works-stage:has(.work-slide.is-clear)>.mascot-companion{opacity:0;pointer-events:none}@container works-stage (aspect-ratio<=1){.works-stage>.mascot-companion{opacity:0;visibility:hidden;pointer-events:none}}.works-empty,.works-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:min(100%,420px);margin:auto;padding:40px 24px;display:flex}.works-state-mark{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.works-state-mark.is-danger{background:var(--danger-soft);color:var(--danger)}.works-state{width:100%;height:100%;padding:0}.works-skeleton{background:var(--stage);width:min(100%,56.25cqh,420px);height:100%;position:relative;overflow:hidden}.works-stage:has(>.works-state){container-type:size}.works-skeleton-glow{background:radial-gradient(circle at 50% 38%, var(--stage-glass), transparent 60%);position:absolute;inset:0}.works-skeleton-rail,.works-skeleton-lines{animation:ui-pulse 1.6s var(--ease) infinite}.works-skeleton-rail{gap:18px;display:grid;position:absolute;bottom:24px;right:12px}.works-skeleton-rail>i{background:var(--stage-glass);border-radius:50%;width:44px;height:44px;display:block}.works-skeleton-lines{gap:8px;display:grid;position:absolute;bottom:28px;left:16px;right:80px}.works-skeleton-lines>i{border-radius:var(--radius-pill);background:var(--stage-glass);height:12px;display:block}.works-skeleton-lines>i:first-child{width:44%;height:14px}.works-skeleton-lines>i:nth-child(2){width:88%}.works-skeleton-lines>i:nth-child(3){width:60%}.works-processing{z-index:var(--z-float);border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:var(--glass);width:min(420px,100% - 24px);color:var(--text);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);animation:ui-rise-in var(--dur) var(--ease-out);align-items:center;gap:10px;padding:8px 6px 8px 14px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.works-processing>svg,.works-processing>.ui-spinner{flex:none}.works-processing.is-ready>svg{color:var(--success)}.works-processing.is-failed>svg{color:var(--danger)}.works-processing>span:not(.ui-spinner){flex:1;min-width:0;display:grid}.works-processing b{font-size:var(--fs-secondary);font-weight:700}.works-processing small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.works-processing>.primary{border-radius:var(--radius-pill);min-height:32px;font-size:var(--fs-secondary);flex:none;padding:0 12px}.works-processing>.ui-icon-button{flex:none;width:32px;height:32px}.works-empty h2,.works-empty>strong,.works-state h2{font-size:var(--fs-title);font-weight:700}.works-empty p{max-width:320px;color:var(--muted);font-size:var(--fs-secondary)}.works-state p{max-width:320px;color:var(--on-stage-muted);font-size:var(--fs-secondary)}.works-empty .primary{margin-top:8px}.works-banner{z-index:var(--z-float);border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass);max-width:min(440px,100% - 24px);color:var(--text);font-size:var(--fs-secondary);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);align-items:center;gap:10px;padding:6px 6px 6px 14px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.works-banner button{border-radius:var(--radius-pill);background:var(--accent);min-height:30px;color:var(--surface);flex:none;padding:0 12px;font-weight:650}.works-comments-scrim{z-index:calc(var(--z-float) + 1);background:color-mix(in srgb, var(--text) 30%, transparent);animation:ui-fade-in var(--dur) var(--ease);will-change:opacity;position:absolute;inset:0}.works-comments{z-index:calc(var(--z-float) + 2);border-left:1px solid var(--line);background:var(--surface);width:min(400px,100%);color:var(--text);box-shadow:var(--shadow-sheet);contain:layout style;will-change:transform;animation:works-sheet-x var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.works-comments-grip{display:none}.works-comments h2>span{color:var(--muted);font-weight:600}.works-comment-skeleton{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px 0;display:grid}.works-comment-skeleton>.ui-skeleton{border-radius:50%;width:32px;height:32px}.works-comment-skeleton>span{align-content:start;gap:8px;padding-top:4px;display:grid}.works-comment-skeleton i{border-radius:var(--radius-pill);height:10px;display:block}.works-comment-skeleton i:first-child{width:36%}.works-comment-skeleton i:last-child{width:82%}.works-comment-author time{color:var(--muted);font-size:12px;font-weight:500}.works-comment-actions button.is-popping svg{animation:vitki-like-pop .42s var(--ease-out)}.works-comment-actions button[aria-pressed=true] svg{fill:currentColor}.works-comment-actions button[aria-expanded] svg{transition:transform var(--dur) var(--ease)}.works-comment-actions button[aria-expanded=true] svg{transform:rotate(180deg)}.works-comments>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:8px 8px 8px 16px;display:flex}.works-comments h2{font-size:var(--fs-title);font-weight:700}.works-comments>.ui-error{margin:8px 12px 0}.works-comment-list{overscroll-behavior:contain;flex:1;min-height:0;padding:8px 16px 12px;overflow:auto}.works-comment-empty{color:var(--muted);font-size:var(--fs-secondary);text-align:center;margin:32px 0}.works-comments-closed{flex:1;align-content:center;padding:24px 16px}.work-comments-note{border-radius:var(--radius-pill);background:var(--stage-glass);width:fit-content;color:var(--on-stage-muted);align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.works-author-title{border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass);min-width:0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);gap:1px;padding:4px 14px;display:grid}.works-author-title b{font-size:var(--fs-body);font-weight:700}.works-author-title small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.works-comment{gap:2px;padding:10px 0;display:grid}.works-comment+.works-comment{border-top:1px solid var(--line)}.works-comment.is-reply{border-top:0;padding:8px 0 0}.works-comment-author{min-height:32px;color:var(--text);text-align:left;align-items:center;gap:10px;display:inline-flex}.works-comment-author>:is(img,span){background:var(--accent-soft);width:32px;height:32px;color:var(--accent-text);object-fit:cover;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.works-comment-author b{font-size:var(--fs-secondary);font-weight:650}.works-comment>p{font-size:var(--fs-body);white-space:pre-wrap;overflow-wrap:anywhere;padding-left:42px}.works-comment-actions{align-items:center;gap:4px;padding-left:34px;display:flex}.works-comment-actions button{border-radius:var(--radius-pill);min-height:30px;color:var(--muted);align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:650;display:inline-flex}.works-comment-actions button:hover{background:var(--hover);color:var(--text)}.works-comment-actions button[aria-pressed=true]{color:var(--danger)}.works-comment-replies{border-left:2px solid var(--line);animation:vitki-expand var(--dur-slow) var(--ease-out);grid-template-rows:1fr;margin-left:42px;padding-left:12px;display:grid}.works-comment-replies>div{min-height:0;overflow:hidden}.works-comments form{padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);gap:6px;display:grid}.works-reply-target{color:var(--muted);font-size:var(--fs-secondary);justify-content:space-between;align-items:center;gap:8px;padding-left:4px;display:flex}.works-reply-target .inline-button{min-height:30px}.works-comment-field{background:var(--hover);transition:background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);border:1px solid #0000;border-radius:22px;align-items:flex-end;gap:6px;padding:4px 4px 4px 14px;display:flex}.works-comment-field:focus-within{background:var(--surface);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.works-comment-field textarea{resize:none;min-width:0;min-height:36px;max-height:140px;font-size:var(--fs-body);field-sizing:content;background:0 0;border:0;outline:0;flex:1;padding:8px 0;line-height:1.4}.modal-backdrop.network-backdrop{overscroll-behavior:contain}@media (width>=901px){.modal-backdrop.social-composer-backdrop{align-items:start;padding-top:min(12vh,96px)}}.modal.network-dialog{width:min(560px,100%)}.modal.social-composer{gap:12px}.modal.works-composer{max-height:min(760px,92dvh);overflow:auto}.modal.vitki-composer{width:min(600px,100%)}.social-composer h2{font-size:var(--fs-title);padding-right:40px;font-weight:700}.social-composer-field{border-radius:var(--radius-glass);background:var(--hover);transition:background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);border:1px solid #0000;align-items:flex-end;gap:8px;padding:4px 4px 4px 14px;display:flex}.social-composer-field:focus-within{background:var(--surface);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.social-composer-field textarea{resize:none;min-width:0;min-height:40px;max-height:220px;font-size:var(--fs-row);field-sizing:content;background:0 0;border:0;outline:0;flex:1;padding:9px 0;line-height:1.45}.social-composer .social-composer-field textarea{min-height:96px}.social-composer-preview{gap:4px;display:flex;overflow-x:auto}.social-composer-preview :is(img,video){border-radius:var(--radius-control);background:var(--hover);object-fit:cover;flex:none;width:88px;height:88px}.works-file-actions{flex-wrap:wrap;gap:8px;display:flex}.works-file-action{border-radius:var(--radius-pill);background:var(--accent-soft);min-height:38px;color:var(--accent-text);font-size:var(--fs-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease);align-items:center;gap:8px;padding:0 14px;font-weight:650;display:inline-flex;position:relative}.works-file-action:hover{background:color-mix(in srgb, var(--accent-soft) 70%, var(--accent) 12%)}.works-file-action:focus-within{outline:2px solid var(--accent);outline-offset:2px}.works-file-action:has(input:disabled){opacity:.5;cursor:not-allowed}.works-file-input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.works-file-action:disabled{opacity:.5;cursor:not-allowed}.works-composer-stage{aspect-ratio:9/16;border-radius:var(--radius-card);background:var(--text);align-self:center;width:min(100%,260px);max-height:46dvh;position:relative;overflow:hidden}.works-composer-stage>video,.works-composer-stage>.inline-video{object-fit:cover;width:100%;height:100%}.works-composer-stage.is-live>video{transform:scaleX(-1)}.works-record-time{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 60%, transparent);color:var(--surface);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:650;display:inline-flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.works-record-time>i{background:var(--danger);width:8px;height:8px;animation:ui-pulse 1.2s var(--ease) infinite;border-radius:50%}.works-record-progress{background:color-mix(in srgb, var(--surface) 25%, transparent);height:3px;position:absolute;inset:auto 0 0}.works-record-progress>span{background:var(--danger);transform-origin:0;height:100%;transition:transform .25s linear;display:block}.works-record-stop{border:4px solid var(--surface);background:var(--danger);width:60px;height:60px;color:var(--surface);transition:transform var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.works-record-stop:active{transform:translate(-50%)scale(.94)}.works-composer-duration{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 62%, transparent);color:var(--surface);font-variant-numeric:tabular-nums;padding:2px 8px;font-size:12px;font-weight:650;position:absolute;bottom:8px;left:8px}.works-composer-duration.is-over{background:var(--danger)}.works-composer-remove{background:color-mix(in srgb, var(--text) 62%, transparent);width:30px;height:30px;color:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.works-composer-remove:hover:not(:disabled){background:var(--text)}.works-composer-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-card);color:var(--muted);font-size:var(--fs-secondary);text-align:center;justify-items:center;gap:4px;padding:20px 16px;display:grid}.social-composer-note{color:var(--muted);font-size:12px}.social-composer-toggle{border-radius:var(--radius-control);background:var(--hover);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:6px 14px;display:flex}.social-composer-toggle>span{gap:2px;min-width:0;display:grid}.social-composer-toggle b{font-size:var(--fs-row);font-weight:600}.social-composer-toggle small{color:var(--muted);font-size:12px}.social-composer-toggle .ui-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.social-composer-toggle .ui-switch:disabled{opacity:.5}.social-composer>.ui-error{margin:0}.social-composer>.primary{align-self:flex-end}.network{color:var(--text)}.network-profile{padding:4px 0 12px}.network-sections{align-items:center;gap:8px;padding:12px 16px;display:flex}.network-sections>button:not(.work-create){border-radius:var(--radius-pill);height:34px;color:var(--text-secondary);padding:0 14px;font-weight:650}.network-sections>button.selected{background:var(--accent-soft);color:var(--accent-text)}.network-sections .work-create{background:var(--accent);width:36px;height:36px;color:var(--surface);border-radius:50%;place-items:center;margin-left:auto;display:grid}.network .vitok-compose-prompt{border-radius:var(--radius-pill);background:var(--hover);width:calc(100% - 32px);min-height:44px;color:var(--muted);align-items:center;margin:0 16px 8px;padding:0 16px;display:flex}.network-list{flex-direction:column;display:flex}.network-list.network-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid}.network-grid-tile{aspect-ratio:1;background:var(--hover);color:var(--text-secondary);text-align:left;position:relative;overflow:hidden}.network-grid-tile :is(img,video){object-fit:cover;width:100%;height:100%;transition:transform var(--dur) var(--ease)}.network-grid-tile:hover :is(img,video){transform:scale(1.03)}.network-grid-tile>svg{width:18px;height:18px;color:var(--surface);fill:var(--surface);filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--text) 50%, transparent));position:absolute;top:8px;right:8px}.network-grid-tile>span{-webkit-line-clamp:5;-webkit-box-orient:vertical;padding:10px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.network-grid-tile:focus-visible{outline-offset:-2px}.network-card{text-align:left;gap:8px;padding:14px 16px;display:grid}.network-card+.network-card{border-top:1px solid var(--line)}.network-card.is-work .network-media{background:var(--text)}.network-card>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.network-author{min-width:0;color:inherit;text-align:left;align-items:center;gap:10px;display:flex}.network-author>:is(img,span:first-child){background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);object-fit:cover;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.network-author>span:last-child{min-width:0;display:grid}.network-author b{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.network-author small,.network-card time{color:var(--muted);font-size:var(--fs-secondary)}.network-card-meta{flex:none;align-items:center;gap:8px;display:flex}.soft-button.network-follow{border-radius:var(--radius-pill);min-height:30px;padding:0 12px;font-size:12px}.network-followed{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.network-card.is-reply .network-author>:is(img,span:first-child){width:32px;height:32px;font-size:12px}.network-media{scroll-snap-type:x mandatory;border-radius:var(--radius-card);background:var(--hover);gap:2px;display:flex;overflow-x:auto}.network-media>*{object-fit:cover;scroll-snap-align:center;flex:0 0 100%;width:100%;max-height:560px}.network-media .network-clip{max-height:64vh}.network-media .network-clip video{object-fit:contain;max-height:64vh}.work-processing{border-radius:var(--radius-card);background:var(--hover);gap:6px;padding:16px;display:grid}.work-processing .inline-video{border-radius:var(--radius-control);background:var(--text);width:100%;max-height:60vh}.work-processing h3{font-size:var(--fs-row);font-weight:650}.work-processing p{color:var(--muted);font-size:var(--fs-secondary)}.work-processing button{border-radius:var(--radius-pill);background:var(--accent-soft);min-height:34px;color:var(--accent-text);justify-self:start;padding:0 14px;font-weight:650}.network-copy{gap:6px;display:grid}.network-copy p{font-size:var(--fs-row);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.network-copy small{color:var(--accent-text);font-size:var(--fs-secondary)}.network-intent{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);justify-self:start;padding:3px 10px;font-size:12px;font-weight:650}.network-quote{border:1px solid var(--line);border-radius:var(--radius-control);width:100%;color:var(--text-secondary);font-size:var(--fs-secondary);text-align:left;align-items:center;gap:8px;padding:10px 12px;display:flex}.network-quote:hover{background:var(--hover)}.network-quote>svg:last-child{margin-left:auto}.network-card>footer{align-items:center;gap:2px;margin-left:-8px;display:flex}.network-card>footer>button{border-radius:var(--radius-pill);min-width:36px;height:36px;color:var(--muted);font-size:var(--fs-secondary);font-variant-numeric:tabular-nums;transition:background var(--dur-fast), color var(--dur-fast);align-items:center;gap:6px;padding:0 8px;font-weight:600;display:inline-flex}.network-card>footer>button:hover:not(:disabled){background:var(--hover);color:var(--text)}.network-card>footer>button[aria-label=Нравится][aria-pressed=true]{color:var(--danger)}.network-card>footer>button[aria-label=Нравится][aria-pressed=true] svg{fill:currentColor}.network-card>footer>button[aria-label=Сохранить][aria-pressed=true]{color:var(--accent)}.network-card>footer>button[aria-label=Сохранить][aria-pressed=true] svg{fill:currentColor}.network-card>footer>.network-text-action{margin-left:auto;font-size:12px}.network-secondary{justify-content:space-between;gap:8px;display:flex}.network-secondary button{border-radius:var(--radius-pill);min-height:30px;color:var(--muted);padding:0 8px;font-size:12px;font-weight:600}.network-secondary button:hover{background:var(--hover);color:var(--text)}.network-confirm{border-radius:var(--radius-control);background:var(--danger-soft);font-size:var(--fs-secondary);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.network-confirm .ui-button{min-height:32px;padding:0 12px}.network-confirm .ui-button.is-danger{background:var(--danger);color:var(--surface);margin-left:auto}.network-card>.ui-error{margin:0}.ui-empty.network-empty{min-height:220px}.network-status{color:var(--muted);font-size:var(--fs-secondary);justify-content:center;align-items:center;gap:10px;padding:20px 16px;display:flex}.soft-button.network-more{align-self:center;margin:8px auto 12px}.network>.soft-button.network-more{display:flex}.network>.ui-error{margin:8px 16px}.network>.ui-error .inline-button,.ui-error>.inline-button{border-radius:var(--radius-pill);width:auto;height:auto;min-height:30px;margin-left:auto}.modal.vitok-thread{gap:10px;width:min(640px,100%)}.vitok-thread>h2{padding-right:40px}.vitok-thread>.network-card{padding-inline:0}.vitok-thread>.vitki-sort{align-self:flex-start}.vitok-replies{flex-direction:column;padding-left:20px;display:flex;position:relative}.vitok-replies:before{content:"";background:var(--line);border-radius:2px;width:2px;position:absolute;top:4px;bottom:12px;left:19px}.vitok-replies:empty{display:none}.vitok-replies>.network-card{padding-inline:16px 0}.vitok-empty-note{color:var(--muted);font-size:var(--fs-secondary);text-align:center}.vitok-thread>.primary{align-self:stretch}@keyframes works-sheet-x{0%{transform:translate(100%)}to{transform:none}}@keyframes works-sheet-y{0%{transform:translateY(100%)}to{transform:none}}@keyframes work-action-pop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes works-toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes works-heart{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.08)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@media (width>=701px){.work-slide{width:min(100%,56.25cqh)}.works-reel{background:var(--canvas)}.works-reel .work-slide{border-radius:var(--radius-card)}.works-reel{padding-block:0}.works-comments-scrim{background:0 0}}@media (width<=700px){.catalog-open .list-panel:is(:has(.works-stage.has-reels),:has(.works-stage>.works-state)){background:var(--text);border-color:#0000}.works-stage:is(.has-reels,:has(>.works-state)){background:var(--stage);color:var(--on-stage)}.works-skeleton{width:100%}.works-processing{top:calc(60px + env(safe-area-inset-top))}.work-slide>video{object-fit:contain}.works-chrome{inset:calc(8px + env(safe-area-inset-top)) 8px auto;gap:6px}.works-switch button,.works-mode{padding:0 12px}.work-topline{top:calc(60px + env(safe-area-inset-top));right:8px}.works-saved-toast{top:calc(60px + env(safe-area-inset-top))}.work-actions{bottom:18px;right:8px}.work-overlay{padding:96px 68px 18px 12px}.works-comments{border-left:0;border-top:1px solid var(--glass-line);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;height:min(72dvh,100%);animation-name:works-sheet-y;top:auto;left:0}.works-comments-grip{border-radius:var(--radius-pill);background:var(--line-strong);width:36px;height:4px;margin:8px auto -4px;display:block}.network-list.network-grid{gap:2px}}@media (width<=560px){.works-mode{width:40px;padding:0}.works-mode>svg{display:block}.works-mode>.works-mode-chevron{display:none}.works-mode-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=380px){.works-chrome{gap:4px}}@media (prefers-reduced-motion:reduce){.works-reel{scroll-behavior:auto}.work-loading,.works-mode-notice{animation:none}.works-mode>.works-mode-chevron{transition:none}.works-heart svg,.work-toast,.work-seek svg,.works-processing,.works-comments,.works-comments-scrim,.works-comment-replies,.works-comment-actions button.is-popping svg,.works-skeleton-rail,.works-skeleton-lines,.works-record-time>i,.works-chrome,.works-saved-toast,.work-actions>button.is-popping .work-action-icon svg{animation:none}.works-comments,.works-comments-scrim{will-change:auto}.works-comment-actions button[aria-expanded] svg,.works-record-progress>span{transition:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){:is(.works-switch,.works-mode,.works-direct-entry,.works-search,.works-own-profile,.works-mode-notice,.works-banner,.works-more-menu,.works-comments,.works-processing,.works-author-title){background:var(--surface);-webkit-backdrop-filter:none}.works-create{background:var(--accent)}.works-saved-toast{background:var(--surface);-webkit-backdrop-filter:none}.work-toast,.work-seek{background:var(--text);color:var(--surface);-webkit-backdrop-filter:none}:is(.work-topline button,.work-actions .work-action-icon,.work-play-icon,.work-follow,.work-loading,.works-video-status button){background:color-mix(in srgb, var(--text) 82%, var(--surface));-webkit-backdrop-filter:none}}@media (width<=900px){.app-shell .works-stage.has-reels .work-overlay{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.app-shell .works-stage.has-reels .work-actions{bottom:calc(130px + env(safe-area-inset-bottom))}.app-shell .works-stage.has-reels .works-view-progress{bottom:calc(72px + env(safe-area-inset-bottom))}}.md-editor{min-width:0;transition:background var(--dur-fast) var(--ease);flex-direction:column;gap:2px;padding:8px;display:flex;container:md-editor/inline-size}@container md-editor (width<=380px){.md-tool-group>button{width:30px;height:30px}.md-tool-group.is-end{border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:linear-gradient(to right, transparent, var(--md-tools-fill) 12px);border-inline-start:0;margin-inline-start:auto;padding-inline-start:14px;position:sticky;right:0}}.md-editor{border-radius:inherit;position:relative}.md-editor:after{content:"";border-radius:inherit;pointer-events:none;transition:box-shadow var(--dur-fast) var(--ease);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000}.md-editor:focus-within:not(.is-preview){background:radial-gradient(120% 60% at 0% 0%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 70%), color-mix(in srgb, var(--accent-soft) 22%, var(--surface))}.md-editor:focus-within:not(.is-preview):after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 32%, transparent), 0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}.md-editor.is-invalid:after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--danger) 55%, transparent)}.md-tools{border-radius:var(--radius-pill);--md-tools-fill:color-mix(in srgb, var(--hover) 70%, var(--surface));background:var(--md-tools-fill);scrollbar-width:none;max-width:100%;transition:background var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border:1px solid #0000;align-self:flex-start;align-items:center;gap:2px;padding:2px;display:flex;overflow-x:auto}.md-tools::-webkit-scrollbar{display:none}.md-editor:focus-within .md-tools{top:var(--md-sticky-top,8px);z-index:var(--z-sticky);--md-tools-fill:var(--surface);border-color:var(--glass-line);background:var(--glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);position:sticky}.md-tool-group{flex:none;align-items:center;gap:0;display:flex}.md-tool-group+.md-tool-group{border-inline-start:1px solid var(--line);margin-inline-start:3px;padding-inline-start:3px}.md-tool-group>button{width:32px;height:32px;color:var(--text-secondary);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.md-tool-group>button:hover:not(:disabled){background:var(--surface);color:var(--text);box-shadow:var(--shadow-hairline)}.md-tool-group>button:active:not(:disabled){transform:scale(.92)}.md-tool-group>button:focus-visible{outline-offset:-2px}.md-tool-group>button:disabled{opacity:.35;cursor:default}.md-tool-group>button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.md-input{--field-pad-y:8px;color:var(--text);font-size:var(--fs-row);text-align:start;background:0 0;border:0;outline:0;padding-inline:8px}.md-input:focus-visible{outline:0}.md-input:disabled{color:var(--text-secondary);cursor:not-allowed}.md-preview{min-height:calc(4.5em + 16px);font-size:var(--fs-row);animation:ui-fade-in var(--dur-fast) var(--ease);padding:8px}.md-preview>.md-view{font-size:var(--fs-row)}.md-preview-empty{color:var(--muted);line-height:1.5}.md-editor>.ui-field-meta{min-height:0;padding:0 8px}.md-editor>.ui-field-meta:has(.md-actions){min-height:40px;padding:4px 0 0 8px}.md-actions{flex:none;justify-content:flex-end;align-items:center;gap:6px;margin-inline-start:auto;display:flex}.md-actions>:is(.primary,.ui-button,.soft-button){border-radius:var(--radius-pill);min-height:32px;font-size:var(--fs-secondary);padding:0 14px}.md-actions>.ui-button.is-ghost{padding-inline:10px}.md-status{color:color-mix(in srgb, var(--success) 75%, var(--text));align-items:center;gap:4px;font-size:12px;font-weight:650;display:inline-flex}.md-status:not(:empty){animation:ui-fade-in var(--dur) var(--ease)}.md-editor.is-invalid .md-input{caret-color:var(--danger)}@media (hover:none){.md-keys{display:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.md-editor:focus-within .md-tools{background:var(--surface);-webkit-backdrop-filter:none}}.md-view{min-width:0;color:var(--text);font-size:var(--fs-body);flex-direction:column;gap:8px;line-height:1.55;display:flex}.md-view h3{font-size:16px;font-weight:700;line-height:1.35}.md-view h4{font-size:15px;font-weight:700;line-height:1.35}.md-view h5{font-size:14px;font-weight:700;line-height:1.35}.md-view :is(p,li){white-space:pre-wrap;overflow-wrap:anywhere}.md-view ul{padding-inline-start:20px;list-style:outside}.md-view ol{padding-inline-start:22px;list-style:decimal}.md-view li+li{margin-top:2px}.md-view li::marker{color:var(--muted)}.md-view blockquote{border-inline-start:3px solid color-mix(in srgb, var(--accent) 45%, var(--line));color:var(--text-secondary);padding-block:2px;padding-inline-start:12px}.md-view code{background:var(--hover);border-radius:6px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.md-view pre{border-radius:var(--radius-control);background:var(--hover);padding:10px 12px;overflow:auto}.md-view pre code{background:0 0;padding:0}.md-view a{overflow-wrap:anywhere}.md-view s{color:var(--muted)}.md-long{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.md-long-body{align-self:stretch;min-width:0;position:relative;overflow:hidden}.md-long.is-folded>.md-long-body:after{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--surface) 0%, transparent), var(--surface));pointer-events:none;height:72px;position:absolute;inset:auto 0 0}.md-long-toggle{border-radius:var(--radius-pill);min-height:32px;color:var(--accent-text);font-size:var(--fs-secondary);transition:background var(--dur-fast) var(--ease);margin-inline-start:-10px;padding:0 10px;font-weight:650}.md-long-toggle:hover{background:var(--accent-soft)}.media-carousel{--media-aspect:1;width:100%;aspect-ratio:var(--media-aspect);border-radius:var(--radius-card);background:var(--hover);outline-offset:2px;isolation:isolate;max-height:min(560px,72dvh);position:relative;overflow:hidden}.media-carousel-track{touch-action:pan-y;height:100%;transition:transform var(--dur-slow) var(--ease-out);will-change:transform;display:flex}.media-carousel-track.is-dragging{cursor:grabbing;transition:none}.media-carousel-slide{flex:0 0 100%;min-width:0;height:100%;position:relative;overflow:hidden}.media-carousel-slide>:is(img,.media-carousel-open,.inline-video,.media-carousel-placeholder){position:absolute;inset:0}.media-carousel-slide img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.media-carousel-slide>.inline-video{background:var(--text);border-radius:0}.media-carousel-slide>.inline-video>video{object-fit:contain;width:100%;height:100%}.media-carousel-open{cursor:zoom-in;width:100%;height:100%;display:block}.media-carousel-open:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.media-carousel-placeholder{border-radius:0;width:100%;height:100%}.media-carousel-arrow{z-index:1;border:1px solid var(--glass-line);background:var(--glass);width:32px;height:32px;color:var(--text);box-shadow:var(--shadow-soft);opacity:0;-webkit-backdrop-filter:var(--blur);transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%;place-items:center;margin-top:-16px;display:grid;position:absolute;top:50%}.media-carousel-arrow.is-prev{left:10px}.media-carousel-arrow.is-next{right:10px}.media-carousel-arrow:disabled{visibility:hidden}.media-carousel-arrow:active{transform:scale(.92)}@media (hover:hover){.media-carousel:is(:hover,:focus-visible,:focus-within) .media-carousel-arrow{opacity:1}}.media-carousel-counter{z-index:1;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 62%, transparent);color:var(--surface);font-variant-numeric:tabular-nums;pointer-events:none;padding:3px 8px;font-size:12px;font-weight:650;position:absolute;top:10px;right:10px}.media-carousel-dots{z-index:1;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 34%, transparent);pointer-events:none;gap:4px;padding:4px 6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.media-carousel-dots>i{background:color-mix(in srgb, var(--surface) 55%, transparent);width:6px;height:6px;transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%}.media-carousel-dots>i.is-active{background:var(--surface);transform:scale(1.15)}.media-carousel:has(.inline-video.is-started) .media-carousel-dots{bottom:52px}.vitok-viewer{z-index:var(--z-toast);padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--text) 94%, transparent);animation:ui-fade-in var(--dur) var(--ease);justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.vitok-viewer .media-carousel.is-fullscreen{aspect-ratio:auto;background:0 0;border-radius:0;flex:0 1200px;width:auto;height:auto;max-height:none}.vitok-viewer .media-carousel-arrow{opacity:1;width:44px;height:44px;margin-top:-22px}.vitok-viewer .media-carousel-counter{top:0;left:50%;right:auto;transform:translate(-50%)}.vitok-viewer-close{top:max(12px, env(safe-area-inset-top));z-index:2;background:color-mix(in srgb, var(--surface) 16%, transparent);width:44px;height:44px;color:var(--surface);transition:background var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;right:12px}.vitok-viewer-close:hover{background:color-mix(in srgb, var(--surface) 26%, transparent)}@media (hover:none){.media-carousel:not(.is-fullscreen) .media-carousel-arrow{display:none}}@media (prefers-reduced-motion:reduce){.media-carousel-track,.media-carousel-dots>i{transition:none}.vitok-viewer{animation:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-carousel-arrow{background:var(--surface);-webkit-backdrop-filter:none}.vitok-viewer{background:var(--text)}}.post-stats{width:min(420px,100vw - 24px)}.post-stats h2{margin:0 0 12px;font-size:17px}.post-stats-list{border-radius:var(--radius-control);background:var(--canvas);margin:0;display:grid;overflow:hidden}.post-stats-list>div{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 14px;display:flex}.post-stats-list>div+div{border-top:1px solid var(--line)}.post-stats-list dt{color:var(--muted);font-size:14px}.post-stats-list dd{font-variant-numeric:tabular-nums;margin:0;font-weight:650}.post-stats-state{min-height:88px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.social-enter{animation:ui-slide-in var(--dur-slow) var(--ease-out)}.social-empty{min-height:200px}.social-empty>p{max-width:320px}.social-status{color:var(--muted);font-size:var(--fs-secondary);justify-content:center;align-items:center;gap:10px;padding:32px 16px;display:flex}.social-route{--social-top:56px;--social-tabs:49px;overscroll-behavior:contain;height:100%;min-height:0;scroll-padding-top:calc(var(--social-top) + var(--social-tabs));background:var(--surface);color:var(--text);position:relative;overflow:auto}.social-route-top{z-index:calc(var(--z-sticky) + 2);height:var(--social-top);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:var(--surface);align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}.ui-icon-button.social-route-back{margin-left:-4px}.social-route-top h1{min-width:0;font-size:var(--fs-title);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.social-route-inner{width:min(100%,935px);margin:0 auto;padding:20px 16px 32px;position:relative}.social-route-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:24px;padding-bottom:20px;display:grid}.social-route-head .profile-gallery-trigger{width:112px;height:112px;font-size:32px}.social-route-identity{gap:6px;min-width:0;padding-top:4px;display:grid}.social-route-identity>strong{font-size:var(--fs-screen);letter-spacing:-.02em;overflow-wrap:anywhere;font-weight:750;line-height:1.2}.social-route-handle{color:var(--muted);font-size:var(--fs-body);margin-top:-4px}.social-route-stats{color:var(--text-secondary);font-size:var(--fs-body);flex-wrap:wrap;gap:4px 20px;margin:4px 0 2px;display:flex}.social-route-stats>:is(span,button){color:inherit;font-size:inherit;text-align:left;padding:0}.social-route-stats b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.social-route-stats>button{border-radius:6px}.social-route-stats>button:hover{color:var(--text)}.social-route-stats>button:hover b{color:var(--accent-text)}.social-route-bio{max-width:560px;font-size:var(--fs-body);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.social-route-relationship{border-radius:var(--radius-pill);background:var(--hover);color:var(--text-secondary);justify-self:start;padding:2px 10px;font-size:12px;font-weight:650}.social-route-actions{gap:8px;max-width:420px;margin-top:8px;display:flex}.social-route-actions>button{min-width:0;min-height:36px;font-size:var(--fs-secondary);flex:1 1 0;gap:6px;padding:0 14px}.social-route-actions>button>svg{flex:none}.social-route-tabs{top:calc(var(--social-top) - 1px);z-index:calc(var(--z-sticky) + 1);grid-template-columns:repeat(var(--tab-count,3), minmax(0, 1fr));border-top:1px solid var(--line);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:var(--surface);margin:0 -16px 12px;padding:0 16px;display:grid;position:sticky}.social-route-tabs>button{height:48px;color:var(--muted);font-size:var(--fs-secondary);letter-spacing:.01em;transition:color var(--dur-fast) var(--ease);justify-content:center;align-items:center;gap:8px;font-weight:650;display:inline-flex}.social-route-tabs>button:hover,.social-route-tabs>button[aria-selected=true]{color:var(--text)}.social-route-tabs>button:focus-visible{outline-offset:-6px;border-radius:var(--radius-control)}.social-route-tab-indicator{width:calc((100% - 32px) / var(--tab-count,3));pointer-events:none;height:2px;transform:translateX(calc(var(--tab-index,0) * 100%));transition:transform var(--dur-slow) var(--ease-out);position:absolute;top:-1px;left:16px}.social-route-tab-indicator:before{content:"";background:var(--text);border-radius:2px;height:100%;margin:0 22%;display:block}.social-route-panel{z-index:0;min-height:240px;animation:social-panel-in var(--dur-slow) var(--ease-out);position:relative}.social-route-panel.is-forward{--panel-shift:16px}.social-route-panel.is-back{--panel-shift:-16px}@keyframes social-panel-in{0%{opacity:0;transform:translateX(var(--panel-shift,0))}to{opacity:1;transform:none}}@keyframes social-tile-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.ui-error.social-route-note{margin:8px 0}.social-route-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.social-route-grid.is-works{gap:3px}@media (width>=901px){.social-route-grid.is-works{grid-template-columns:repeat(4,minmax(0,1fr))}}.social-route-tile{aspect-ratio:1;background:var(--hover);color:var(--text-secondary);text-align:left;animation:social-tile-in var(--dur-slow) var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 20ms);position:relative;overflow:hidden}.social-route-tile.is-work,.social-route-grid.is-works>.social-route-tile.is-skeleton{aspect-ratio:9/16}.social-route-tile.is-skeleton{border-radius:0;animation:none;display:block}.social-route-tile :is(img,video){object-fit:cover;width:100%;height:100%;transition:transform var(--dur) var(--ease), opacity var(--dur-fast)}.social-route-tile:hover :is(img,video){transform:scale(1.03)}.social-route-tile:active{opacity:.85}.social-route-tile:focus-visible{outline-offset:-3px}.social-route-tile.has-video{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 45%, var(--text)), var(--text))}.social-route-tile-play{color:color-mix(in srgb, var(--surface) 88%, transparent);place-items:center;display:grid;position:absolute;inset:0}.social-route-tile-play>svg{filter:drop-shadow(0 1px 3px color-mix(in srgb, var(--text) 45%, transparent))}.social-route-tile>video{opacity:0;position:absolute;inset:0}.social-route-tile>video.is-shown{opacity:1}.social-route-tile-text{background:var(--accent-soft);height:100%;color:var(--text);font-size:var(--fs-secondary);-webkit-line-clamp:6;-webkit-box-orient:vertical;padding:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.social-route-badge{background:color-mix(in srgb, var(--text) 36%, transparent);width:26px;height:26px;color:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.social-route-tile-count,.social-route-tile-status{background:linear-gradient(to top, color-mix(in srgb, var(--text) 62%, transparent), transparent);color:var(--surface);font-size:var(--fs-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:4px;padding:24px 8px 7px;font-weight:700;display:flex;position:absolute;inset:auto 0 0}.social-route-tile-status{background:color-mix(in srgb, var(--text) 45%, transparent);justify-content:center;padding:8px;font-weight:650;inset:0}.social-route-tile-status .ui-spinner{width:14px;height:14px}.social-route-vitki{width:min(100%,640px);margin:0 auto;display:grid}.social-route-vitok+.social-route-vitok{border-top:1px solid var(--line)}.social-route-vitok{animation:ui-rise-in var(--dur-slow) var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 20ms)}.social-skeleton-vitok{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 12px;display:grid}.social-skeleton-vitok>.ui-skeleton{border-radius:50%;width:40px;height:40px}.social-skeleton-lines{align-content:start;gap:8px;padding-top:4px;display:grid}.social-skeleton-lines>.ui-skeleton{border-radius:var(--radius-pill);height:12px}.social-skeleton-lines>.ui-skeleton:first-child{width:40%}.social-skeleton-lines>.ui-skeleton:nth-child(2){width:88%}.social-skeleton-lines>.ui-skeleton:nth-child(3){width:64%}.social-skeleton-avatar{border-radius:50%;width:112px;height:112px}.social-route-head .social-skeleton-lines>.ui-skeleton:first-child{width:min(220px,60%);height:20px}.soft-button.social-route-more{margin:16px auto 0;display:flex}.social-people{width:min(100%,640px);margin:0 auto;padding:8px 8px 24px}.social-people>article{border-radius:var(--radius-control);align-items:center;gap:12px;min-height:60px;padding:6px 8px 6px 4px;display:flex}.social-people>article:hover{background:var(--hover)}.social-people-open{border-radius:var(--radius-control);min-width:0;color:var(--text);text-align:left;flex:1;align-items:center;gap:12px;padding:4px;display:flex}.social-people-open>:is(img,span:first-child){background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text);object-fit:cover;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.social-people-open>span:last-child{gap:2px;min-width:0;display:grid}.social-people-open b{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.social-people-open small{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-people>article>.soft-button{border-radius:var(--radius-pill);min-height:32px;font-size:var(--fs-secondary);padding:0 14px}.social-people-state{color:var(--muted);font-size:var(--fs-secondary);flex:none}.social-people-search{top:calc(var(--social-top) + 8px);z-index:var(--z-sticky);border-color:var(--glass-line);background:var(--glass);-webkit-backdrop-filter:var(--blur);margin:0 4px 8px;position:sticky}.social-people-search input::-webkit-search-cancel-button{display:none}.social-people-search .ui-icon-button{width:28px;height:28px;margin-right:-8px}.social-people-skeleton{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-height:60px;padding:6px 8px;display:grid}.social-people-skeleton>.ui-skeleton{border-radius:50%;width:44px;height:44px}.social-people-skeleton .ui-skeleton:first-child{width:42%}.social-people-skeleton .ui-skeleton:nth-child(2){width:24%}.social-people-sentinel{height:1px}.social-post-feed{scroll-padding-top:var(--social-top);overflow-anchor:auto}.social-post-feed-title{gap:1px;line-height:1.2;display:grid}.social-post-feed-title>small{color:var(--muted);text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.social-post-feed-title>span{text-overflow:ellipsis;overflow:hidden}.social-post-feed-list{width:min(100%,520px);margin:0 auto;padding:0 0 24px}.social-post-feed-item{z-index:0;animation:insta-in var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * 40ms);position:relative}.social-post-feed-item+.social-post-feed-item{border-top:1px solid var(--line)}@keyframes insta-in{0%{opacity:0;transform:translateY(12px)}}.insta-post{padding:4px 0 14px}.insta-post-head{align-items:center;gap:10px;padding:10px 12px;display:flex}.insta-post-avatar{background:var(--accent-gradient);border-radius:50%;flex:none;width:38px;height:38px;padding:2px}.insta-post-avatar>:is(img,span){border:2px solid var(--surface);object-fit:cover;border-radius:50%;place-items:center;width:100%;height:100%;font-size:12px;font-weight:700;display:grid}.insta-post-author{color:var(--text);font-weight:650}.insta-post-author:hover{text-decoration:underline}.insta-post-head time{color:var(--muted);font-size:var(--fs-secondary)}.insta-post-head time:before{content:"· "}.insta-post-menu{margin-left:auto;position:relative}.insta-post-menu-list{z-index:5;min-width:220px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.insta-post-menu-list>button{align-items:center;gap:10px;display:flex}.insta-post-menu-list>.is-danger{color:var(--danger-text)}.insta-post-media{background:var(--hover);position:relative;overflow:hidden}.insta-post-media .media-carousel{border-radius:0}@media (width>=560px){.insta-post-media{border-radius:var(--radius-card);margin-inline:12px}}.insta-post-burst{color:var(--surface);pointer-events:none;filter:drop-shadow(0 6px 18px #00000059);animation:insta-burst .76s var(--ease-out) forwards;place-items:center;display:grid;position:absolute;inset:0}.insta-post-burst svg{fill:currentColor}@keyframes insta-burst{0%{opacity:0;transform:scale(.3)}18%{opacity:1;transform:scale(1.15)}32%{transform:scale(.95)}45%{transform:scale(1.05)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)translateY(-12px)}}.insta-post-actions{align-items:center;gap:2px;padding:6px 6px 0;display:flex}.insta-post-actions>button{width:44px;height:44px;color:var(--text);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast);border-radius:50%;place-items:center;display:grid}.insta-post-actions>button:hover{color:var(--muted)}.insta-post-actions>button:active{transform:scale(.88)}.insta-post-actions>button[aria-label=Нравится][aria-pressed=true]{color:var(--danger)}.insta-post-actions>button[aria-pressed=true] svg{fill:currentColor}.insta-post-actions>.insta-post-save{margin-left:auto}.insta-post-actions>.is-popping svg{animation:insta-pop .38s var(--ease-out)}@keyframes insta-pop{40%{transform:scale(1.3)}70%{transform:scale(.92)}}.insta-post-body{justify-items:start;gap:4px;padding:0 14px;display:grid}.insta-post-likes{animation:insta-in var(--dur-fast) var(--ease-out);font-weight:650}.insta-post-caption{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.insta-post-caption.is-folded{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.insta-post-more,.insta-post-comments{color:var(--muted);font-size:var(--fs-row)}.insta-post-more:hover,.insta-post-comments:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){.social-post-feed-item,.insta-post-burst,.insta-post-likes,.insta-post-actions>.is-popping svg{animation:none}.insta-post-burst{display:none}}.social-post-feed-stats{border-radius:var(--radius-pill);min-height:36px;color:var(--text-secondary);font-size:var(--fs-secondary);align-items:center;gap:6px;margin:-6px 0 10px 52px;padding:0 12px;font-weight:650;display:inline-flex}.social-post-feed-stats:hover{background:var(--hover);color:var(--text)}.social-post-feed-item .vitki-media :is(img,.inline-video){background:var(--hover);min-height:120px}.social-post-feed>:is(.social-route-vitki,.ui-error,.social-empty){width:min(100% - 32px,640px);margin-inline:auto}.works-direct{background:var(--surface);height:100%;min-height:0;color:var(--text);grid-template-columns:minmax(280px,340px) minmax(0,1fr);display:grid}.works-direct-list{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.works-direct-list>header,.works-direct-thread>header{flex:none;align-items:center;gap:8px;min-height:56px;padding:8px 12px;display:flex}.works-direct-list>header h1{min-width:0;font-size:var(--fs-screen);letter-spacing:-.03em;flex:1;font-weight:750}.works-direct-list>ul{flex:1;min-height:0;padding:0 8px 12px;overflow:auto}.works-direct-list li>button{border-radius:var(--radius-control);width:100%;min-height:64px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:8px 10px;display:flex}.works-direct-list li>button:hover{background:var(--hover)}.works-direct-list li>button>.avatar{width:48px;height:48px;font-size:15px}.works-direct-list li>button>span{gap:2px;min-width:0;display:grid}.works-direct-list li strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.works-direct-list li small{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.works-direct-list li>button[aria-current=true]{background:var(--accent);color:var(--surface)}.works-direct-list li>button[aria-current=true] small{color:color-mix(in srgb, var(--surface) 82%, transparent)}.works-direct-list li>button[aria-current=true]>.avatar{box-shadow:0 0 0 2px color-mix(in srgb, var(--surface) 40%, transparent)}.works-direct-list>:is(.ui-error,.social-status){flex:none}.works-direct-thread{background:var(--wallpaper);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.works-direct-thread>header{z-index:var(--z-sticky);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:var(--glass);-webkit-backdrop-filter:var(--blur);position:relative}.works-direct-peer{border-radius:var(--radius-pill);min-width:0;color:var(--text);text-align:left;align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}.works-direct-peer:hover{background:var(--hover)}.works-direct-peer>.avatar{width:36px;height:36px;font-size:13px}.works-direct-peer strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.works-direct-thread>.ui-error{flex:none}.works-direct-log{overscroll-behavior:contain;flex-direction:column;flex:1;gap:4px;min-height:0;padding:16px max(16px,50% - 360px);display:flex;overflow:auto}.works-direct-log>:first-child{margin-top:auto}.works-direct-log>.social-empty{background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:var(--radius-card)}.works-direct-log>article{border-radius:var(--radius-card) var(--radius-card) var(--radius-card) 6px;background:var(--surface);max-width:min(78%,420px);box-shadow:var(--shadow-hairline);font-size:var(--fs-body);animation:ui-rise-in var(--dur) var(--ease-out);align-self:flex-start;gap:6px;padding:7px 12px 8px;line-height:1.4;display:grid}.works-direct-log>article.mine{border-radius:var(--radius-card) var(--radius-card) 6px var(--radius-card);background:var(--outgoing);align-self:flex-end}.works-direct-log>article{min-width:76px;padding-bottom:20px;position:relative}.works-direct-log>article:not(.is-clustered){margin-bottom:6px}.works-direct-log>article.is-clustered{border-bottom-left-radius:var(--radius-card)}.works-direct-log>article.mine.is-clustered{border-bottom-right-radius:var(--radius-card)}.works-direct-time{color:var(--muted);font-size:11px;line-height:1;position:absolute;bottom:5px;right:10px}.works-direct-log>article.mine .works-direct-time{color:color-mix(in srgb, var(--accent-pressed) 70%, var(--muted))}.works-direct-unsupported{color:var(--muted);font-style:italic}.works-direct-row-meta{flex-direction:column;flex:none;justify-content:center;align-self:stretch;align-items:flex-end;gap:6px;margin-left:auto;display:flex}.works-direct-row-meta time{color:var(--muted);font-size:12px}.works-direct-row-meta b{border-radius:var(--radius-pill);background:var(--accent);min-width:20px;height:20px;color:var(--surface);place-items:center;padding:0 6px;font-size:11px;font-weight:750;display:inline-grid}.works-direct-list li>button[aria-current=true] .works-direct-row-meta time{color:color-mix(in srgb, var(--surface) 82%, transparent)}.works-direct-list li>button[aria-current=true] .works-direct-row-meta b{background:var(--surface);color:var(--accent)}.works-direct-list li>button>span:not(.works-direct-row-meta),.works-direct-peer{flex:1}.works-direct-peer>span{min-width:0;display:grid}.works-direct-peer small{color:var(--muted);font-size:12px}.works-direct-log>article>p{white-space:pre-wrap;overflow-wrap:anywhere}.works-direct-post{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent-soft) 70%, transparent);min-width:200px;color:var(--text);text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px;padding:8px 10px;display:grid}.works-direct-post:hover{background:var(--accent-soft)}.works-direct-post>svg{color:var(--accent);grid-row:span 2}.works-direct-post b{color:var(--accent-text);font-size:var(--fs-secondary);font-weight:700}.works-direct-post span{color:var(--text-secondary);font-size:var(--fs-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.works-direct-post span:empty{display:none}.works-direct-thread>form{padding:6px max(12px, calc((100% - 720px) / 2)) max(6px, env(safe-area-inset-bottom));flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px 8px;display:grid}.works-direct-thread>form>textarea{border:1px solid var(--glass-line);background:var(--glass);min-height:42px;max-height:140px;box-shadow:var(--shadow-soft);font-size:var(--fs-body);resize:none;field-sizing:content;-webkit-backdrop-filter:var(--blur);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);border-radius:22px;outline:0;padding:10px 16px;line-height:1.4}.works-direct-thread>form>textarea:focus-visible{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.works-direct-thread>form>.ui-icon-button{width:42px;height:42px}.works-direct-thread>form>.ui-icon-button:disabled{opacity:.45}.works-direct-thread>form>.works-direct-count{grid-column:1/-1;padding-left:16px}.works-direct-back{display:none}.works-direct-count{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:12px;display:flex}.works-direct-count b{font-weight:600}.works-direct-count i{border-radius:var(--radius-pill);background:var(--line);width:72px;height:3px;display:block;overflow:hidden}.works-direct-count em{background:var(--accent);height:100%;transition:width var(--dur-fast) var(--ease);display:block}.works-direct-count.is-over{color:var(--danger)}.works-direct-count.is-over em{background:var(--danger)}.modal-backdrop.works-direct-backdrop{overscroll-behavior:contain}.modal.works-direct-sheet{gap:12px;width:min(440px,100%)}.works-direct-sheet>h2{font-size:var(--fs-title);padding-right:40px}.works-direct-sheet>p:not(.ui-error){color:var(--muted);font-size:var(--fs-secondary)}.works-direct-sheet>.ui-error{margin:0}.works-direct-caption{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:650;display:grid}.works-direct-caption textarea{border-radius:var(--radius-glass);background:var(--hover);min-height:44px;max-height:120px;font-size:var(--fs-body);resize:none;field-sizing:content;transition:background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);border:1px solid #0000;outline:0;padding:10px 14px;font-weight:400}.works-direct-caption textarea:focus-visible{background:var(--surface);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.works-direct-targets{margin:0 -8px;display:grid}.works-direct-targets:empty{display:none}.works-direct-target{border-radius:var(--radius-control);min-height:56px;color:var(--text);text-align:left;transition:background var(--dur-fast);align-items:center;gap:12px;padding:6px 8px;display:flex}.works-direct-target:hover:not(:disabled){background:var(--hover)}.works-direct-target>.avatar{width:40px;height:40px;font-size:13px}.works-direct-target>strong{min-width:0;font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:650;overflow:hidden}.works-direct-target>span{border-radius:var(--radius-pill);background:var(--accent);min-height:30px;color:var(--surface);font-size:var(--fs-secondary);flex:none;align-items:center;gap:4px;padding:0 12px;font-weight:650;display:inline-flex}.works-direct-target>span.is-done{background:var(--success-soft);color:color-mix(in srgb, var(--success) 70%, var(--text))}.works-direct-target:disabled{cursor:default}.works-direct-target:disabled>span:not(.is-done){opacity:.5}.works-direct-sheet .social-empty{min-height:160px;padding:24px}@media (width<=900px){.works-direct{grid-template-columns:minmax(0,1fr)}.works-direct-list{border-right:0}.works-direct-list.has-thread,.works-direct-thread:not(.has-thread){display:none}.works-direct-back{display:inline-grid}}@media (width<=600px){.social-route-inner{padding:16px 12px 24px}.social-route-head{grid-template-columns:auto minmax(0,1fr);gap:16px}.social-route-head .profile-gallery-trigger{width:80px;height:80px;font-size:24px}.social-route-identity>strong{font-size:19px}.social-route-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.social-route-actions>button:only-child,.social-route-actions>button:last-child:nth-child(odd){grid-column:1/-1}.social-route-grid{gap:2px;margin-inline:-12px}.social-route-tabs{margin-inline:-12px;padding-inline:12px}.social-route-tab-indicator{width:calc((100% - 24px) / var(--tab-count,3));left:12px}.social-route:has(.social-route-tabs.is-four){--social-tabs:53px}.social-route-tabs.is-four>button{height:52px;font-size:var(--fs-caption);flex-direction:column;gap:2px}.social-skeleton-avatar{width:80px;height:80px}.social-post-feed-list{padding-inline:12px}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.social-people-search,:is(.works-direct-thread>header,.works-direct-thread>form>textarea){background:var(--surface);-webkit-backdrop-filter:none}}@media (width<=380px){.social-route{--social-tabs:53px}.social-route-tabs>button{height:52px;font-size:var(--fs-caption);flex-direction:column;gap:2px}}@media (prefers-reduced-motion:reduce){.social-route-panel,.social-route-tile,.social-route-vitok{animation:none}.social-route-tab-indicator{transition:none}.social-route-tile:hover :is(img,video){transform:none}}.modal.works-direct-sheet.share-sheet{gap:12px;width:min(520px,100%);overflow:hidden}.share-sheet>h2{padding-right:40px}.share-search{flex:none}.share-search input[type=search]::-webkit-search-cancel-button{display:none}.share-grid-scroll{overscroll-behavior:contain;height:min(360px,46dvh);margin:0 -22px;padding:0 14px 8px;overflow:auto;container-type:inline-size}.share-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;list-style:none;display:grid}@container (width>=440px){.share-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.share-target{border-radius:var(--radius-control);width:100%;min-height:112px;color:var(--text);text-align:center;transition:background var(--dur-fast) var(--ease);align-content:start;justify-items:center;gap:4px;padding:10px 4px 8px;display:grid}.share-target:hover:not(:disabled){background:var(--hover)}.share-target:disabled{cursor:default}.share-target-avatar{width:64px;height:64px;position:relative}.share-target-avatar>.avatar{width:100%;height:100%;transition:box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);font-size:20px}.share-target.is-selected .share-target-avatar>.avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);transform:scale(.94)}.share-target-check{border:2px solid var(--surface);background:var(--accent);width:24px;height:24px;color:var(--surface);animation:ui-pop-in var(--dur-fast) var(--ease);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;bottom:-2px;right:-2px}.share-target.is-sent .share-target-check{background:var(--success)}.share-target.is-failed .share-target-check{background:var(--danger)}.share-target.is-failed .share-target-avatar>.avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--danger)}.share-target-progress{border-width:3px;width:100%;height:100%;position:absolute;inset:0}.share-target-name{max-width:100%;font-size:var(--fs-secondary);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.share-target>small{max-width:100%;color:var(--muted);font-size:var(--fs-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-target.is-sent .share-target-status{color:color-mix(in srgb, var(--success) 70%, var(--text));font-weight:650}.share-target.is-failed .share-target-status{color:var(--danger-text);font-weight:650}.share-target.is-skeleton{pointer-events:none}.share-skeleton-avatar{border-radius:50%;width:64px;height:64px}.share-skeleton-name{border-radius:var(--radius-pill);width:60%;height:10px;margin-top:6px}.ui-empty.share-state{min-height:100%;padding:24px}.ui-empty.share-state>h3{font-size:var(--fs-title)}.share-sentinel{place-items:center;min-height:36px;display:grid}.share-more-error{color:var(--danger-text);font-size:var(--fs-secondary);justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.share-bar,.share-actions{border-top:1px solid var(--line);flex:none;margin:0 -22px;padding:12px 22px 0}.share-bar{animation:ui-rise-in var(--dur) var(--ease-out);gap:8px;display:grid}.share-bar>.ui-error.share-failed{margin:0}.share-caption{gap:4px;display:grid}.share-caption textarea{border-radius:var(--radius-glass);background:var(--hover);min-height:44px;max-height:120px;color:var(--text);font-size:var(--fs-body);resize:none;field-sizing:content;transition:background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);border:1px solid #0000;outline:0;padding:11px 16px}.share-caption textarea:focus-visible{background:var(--surface);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.share-caption>.works-direct-count{padding-left:16px}.ui-button.share-send{gap:8px;width:100%;min-height:44px}.share-actions{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.share-action{border-radius:var(--radius-control);width:96px;color:var(--text-secondary);text-align:center;justify-items:center;gap:6px;padding:4px;font-size:12px;font-weight:600;display:grid}.share-action-icon{background:var(--hover);width:48px;height:48px;color:var(--text);transition:background var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:grid}.share-action:hover:not(:disabled) .share-action-icon{background:color-mix(in srgb, var(--hover) 70%, var(--line))}.share-action:disabled{opacity:.55}.share-toast{left:50%;bottom:calc(28px + env(safe-area-inset-bottom));z-index:var(--z-toast);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 88%, transparent);color:var(--surface);box-shadow:var(--shadow-float);font-size:var(--fs-body);animation:ui-rise-in var(--dur) var(--ease-out);padding:10px 18px;font-weight:650;position:fixed;transform:translate(-50%)}.direct-post{border:1px solid var(--line);background:var(--surface);width:240px;max-width:100%;color:var(--text);text-align:left;transition:border-color var(--dur-fast) var(--ease);border-radius:14px;display:grid;position:relative;overflow:hidden}button.direct-post:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}button.direct-post:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.direct-post.is-work{background:var(--text);border:0;width:180px}.direct-post.is-quote{border-left:3px solid var(--accent)}.direct-post.is-deleted{width:auto;color:var(--muted);font-size:var(--fs-secondary);align-items:center;gap:8px;padding:10px 12px;font-style:italic;display:inline-flex}.direct-post-author{min-width:0;font-size:var(--fs-secondary);align-items:center;gap:6px;padding:8px 10px;display:flex}.direct-post-author>.avatar{width:24px;height:24px;font-size:10px}.direct-post-author b{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.direct-post-thumb{background:var(--hover);display:block;position:relative;overflow:hidden}.direct-post-thumb.is-vertical{aspect-ratio:9/16;background:var(--text)}.direct-post-thumb.is-square{aspect-ratio:1}.direct-post-thumb>:is(img,video){object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.direct-post-fallback{width:100%;height:100%;color:var(--muted);place-items:center;display:grid}.direct-post-play{background:color-mix(in srgb, var(--text) 52%, transparent);width:40px;height:40px;color:var(--surface);border-radius:50%;place-items:center;margin:-20px 0 0 -20px;display:grid;position:absolute;top:50%;left:50%}.direct-post-media{display:block;position:relative}.direct-post-count{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 62%, transparent);color:var(--surface);font-variant-numeric:tabular-nums;padding:2px 7px;font-size:11px;font-weight:650;position:absolute;top:8px;right:8px}.direct-post-text{color:var(--text-secondary);font-size:var(--fs-secondary);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 10px 10px;line-height:1.4;display:-webkit-box;overflow:hidden}.direct-post-overlay{background:linear-gradient(transparent, color-mix(in srgb, var(--text) 78%, transparent));color:var(--surface);padding-top:40px;display:grid;position:absolute;inset:auto 0 0}.direct-post-overlay .direct-post-author{padding-bottom:2px}.direct-post-overlay .direct-post-text{color:color-mix(in srgb, var(--surface) 88%, transparent);margin-top:2px}.direct-post-quote{font-size:var(--fs-body);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:6;-webkit-box-orient:vertical;padding:0 12px 12px;line-height:1.45;display:-webkit-box;overflow:hidden}.works-direct-log>article.has-reactions{padding-bottom:22px}.direct-reactions{flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;display:flex}.direct-reaction{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 72%, var(--hover));height:26px;color:var(--text);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);cursor:pointer;min-width:44px;height:28px;animation:direct-pop var(--dur) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:3px;padding:0 8px;line-height:0;display:inline-flex;position:relative}.direct-reaction:before{content:"";position:absolute;inset:-8px -2px}.direct-reaction:hover:not(:disabled){background:var(--hover)}.direct-reaction:active:not(:disabled){transform:scale(.9)}.direct-reaction b{font-variant-numeric:tabular-nums;animation:direct-pop var(--dur-fast) var(--ease);line-height:1}@keyframes direct-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.12)}to{opacity:1;transform:none}}.direct-reaction.is-mine{border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:var(--accent-soft)}.direct-reaction b{color:var(--accent-text);font-size:12px;font-weight:700}.direct-react-toggle{background:var(--glass);width:32px;height:32px;color:var(--muted);box-shadow:var(--shadow-hairline);opacity:0;transition:opacity var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.works-direct-log>article.mine .direct-react-toggle{left:auto;right:calc(100% + 6px)}.works-direct-log>article:is(:hover,.is-reacting) .direct-react-toggle,.direct-react-toggle:focus-visible{opacity:1}.direct-react-toggle:hover{color:var(--text)}.direct-reaction-bar{z-index:var(--z-menu);border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 90%, transparent);max-width:calc(100vw - 32px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);scrollbar-width:none;animation:ui-pop-in var(--dur-fast) var(--ease);transform-origin:0 100%;gap:2px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;overflow-x:auto}.works-direct-log>article.mine .direct-reaction-bar{transform-origin:100% 100%;left:auto;right:0}.works-direct-log>article:first-of-type .direct-reaction-bar,.direct-reaction-bar.is-below{top:calc(100% + 6px);bottom:auto}.direct-reaction-bar>button{width:40px;height:40px;transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.direct-reaction-bar>button:hover{background:var(--hover);transform:scale(1.12)}.direct-reaction-bar>button.is-mine{background:var(--accent-soft)}@media (hover:none){.direct-react-toggle{display:none}.works-direct-log>article{-webkit-touch-callout:none}}@media (width<=900px){.share-toast{bottom:calc(88px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.share-bar,.share-toast,.share-target-check,.direct-reaction-bar,.direct-reaction,.direct-reaction b{animation:none}.share-target-avatar>.avatar,.direct-reaction-bar>button{transition:none}.direct-reaction-bar>button:hover{transform:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.direct-reaction-bar,.direct-react-toggle{background:var(--surface);-webkit-backdrop-filter:none}}.works-direct-pickbar{flex:none;align-items:center;gap:8px;min-height:56px;padding:8px 12px;display:flex}.works-direct-pickbar>h2{min-width:0;font-size:var(--fs-row);font-variant-numeric:tabular-nums;flex:1;font-weight:700}.works-direct-pickbar>.ui-icon-button.is-danger{color:var(--danger)}.works-direct-pickbar>.ui-icon-button:disabled{opacity:.4}.direct-select-mark{border:2px solid var(--line-strong,var(--muted));background:var(--surface);width:22px;height:22px;color:var(--surface);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.is-selected>.direct-select-mark{border-color:var(--accent);background:var(--accent);animation:direct-pop var(--dur-fast) var(--ease)}.works-direct-log>article.is-selecting{cursor:pointer;-webkit-user-select:none;user-select:none}.works-direct-log>article.is-selecting>:not(.direct-select-mark){pointer-events:none}.works-direct-log>article>.direct-select-mark{position:absolute;top:50%;left:-32px;transform:translateY(-50%)}.works-direct-log>article.mine>.direct-select-mark{left:auto;right:calc(100% + 10px)}.works-direct-log:has(>article.is-selecting){padding-left:max(48px,50% - 360px)}.works-direct-log>article.is-selected{box-shadow:0 0 0 2px var(--accent)}.works-direct-log>article.is-selecting:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.works-direct-list li>button.is-selected{background:var(--accent-soft)}@media (prefers-reduced-motion:reduce){.is-selected>.direct-select-mark{animation:none}}.direct-solo-emoji{gap:2px;line-height:1;display:flex}.vitki-stage{--vitki-column:680px;--vitki-gutter:max(16px, calc((100% - var(--vitki-column)) / 2));background:var(--surface);height:100%;min-height:0;color:var(--text);flex-direction:column;display:flex;position:relative;overflow:hidden}.vitki-held{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.vitki-column{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.vitki-chrome{z-index:var(--z-sticky);border-bottom:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:var(--blur);flex:none;align-items:center;gap:8px;padding:12px;display:flex;position:relative}.vitki-chrome h1{min-width:0;font-size:var(--fs-title);flex:1;font-weight:700}.vitki-back{width:var(--tap);height:var(--tap);color:var(--text-secondary);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.vitki-back:hover{background:var(--hover);color:var(--text)}.vitki-thread .vitki-chrome .works-search{margin-left:0}.vitki-scroll{overscroll-behavior:contain;min-height:0;padding:8px var(--vitki-gutter) 24px;flex:1;overflow:auto}.vitki-feed-enter{animation:ui-fade-in var(--dur) var(--ease-out)}.vitki-compose-prompt{border-radius:var(--radius-pill);background:var(--hover);width:100%;min-height:44px;color:var(--muted);font-size:var(--fs-body);text-align:left;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:10px;margin:4px 0 8px;padding:0 16px;display:flex}.vitki-compose-prompt:hover{background:color-mix(in srgb, var(--hover) 70%, var(--line));color:var(--text-secondary)}.vitki-compose-prompt>svg{color:var(--accent)}.vitki-banner{border-radius:var(--radius-control);background:var(--danger-soft);color:color-mix(in srgb, var(--danger) 80%, var(--text));font-size:var(--fs-secondary);align-items:center;gap:10px;margin:8px 0;padding:8px 8px 8px 14px;display:flex}.vitki-banner .inline-button{border-radius:var(--radius-pill);min-height:30px;margin-left:auto}.vitki-status{color:var(--muted);font-size:var(--fs-secondary);justify-content:center;align-items:center;gap:10px;padding:48px 16px;display:flex}.vitki-note{color:var(--muted);font-size:var(--fs-secondary);text-align:center;padding:24px 0}.soft-button.vitki-more{margin:16px auto 0;display:flex}.ui-empty.vitki-empty{min-height:280px}.vitki-list{flex-direction:column;display:flex}.vitki-card{text-align:left;gap:12px;padding:14px 0;display:flex}.vitki-list>.vitki-card+.vitki-card,.vitki-list>.vitki-thread-group+.vitki-thread-group{border-top:1px solid var(--line)}.vitki-thread-group.has-reply>.vitki-card{padding-bottom:6px;position:relative}.vitki-thread-group.has-reply>.vitki-card:before{content:"";background:var(--line);border-radius:1px;width:2px;position:absolute;top:62px;bottom:-6px;left:19px}.vitki-reply-preview{gap:12px;padding:6px 0 14px;display:flex}.vitki-reply-preview .vitki-avatar{width:40px;height:40px}.vitki-reply-preview .vitki-avatar>:is(img,span){width:32px;height:32px;margin:4px;font-size:12px}.vitki-reply-preview header{align-items:baseline;gap:8px;display:flex}.vitki-reply-preview header time{color:var(--muted);font-size:var(--fs-secondary)}.vitki-reply-preview .md-view{font-size:var(--fs-row);line-height:1.45}.vitki-reply-preview-meta{color:var(--muted);font-size:var(--fs-secondary);align-items:center;gap:14px;margin-top:6px;display:flex}.vitki-reply-preview-meta>span{align-items:center;gap:4px;display:inline-flex}.vitki-open{cursor:pointer}.vitki-open .md-view,.vitki-copy .md-view{font-size:var(--fs-row);line-height:1.5}.vitki-composer-field .md-editor{width:100%}.vitki-avatar{border-radius:50%;flex:none;width:40px;height:40px}.vitki-avatar>:is(img,span){background:var(--accent-soft);width:100%;height:100%;color:var(--accent-text);object-fit:cover;border-radius:50%;place-items:center;font-weight:700;display:grid}.vitki-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.vitki-main>header{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.vitki-author{max-width:100%;color:var(--text);font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vitki-author b{font-weight:650}.vitki-author:hover{text-decoration:underline}.vitki-main time{color:var(--muted);font-size:var(--fs-secondary)}.vitki-follow{color:var(--accent-text);font-size:var(--fs-secondary);align-items:center;gap:4px;margin-left:auto;font-weight:650;display:inline-flex}.vitki-follow:hover{text-decoration:underline}.vitki-followed{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font-size:12px;display:inline-flex}.vitki-open{width:100%;color:var(--text);text-align:left;display:block}:is(.vitki-open>p,.vitki-copy>p){font-size:var(--fs-row);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.vitki-open:focus-visible{outline-offset:4px;border-radius:4px}.vitki-media{margin-top:6px}.vitki-views{height:34px;color:var(--muted);font-size:var(--fs-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-left:auto;padding:0 8px;font-weight:600;display:inline-flex}.vitki-views+.vitki-more{margin-left:0}.vitki-original{border:1px solid var(--line);border-radius:var(--radius-control);width:100%;color:var(--text-secondary);font-size:var(--fs-secondary);text-align:left;align-items:center;gap:8px;margin-top:6px;padding:10px 12px;display:flex}.vitki-original:hover{background:var(--hover)}.vitki-actions{align-items:center;gap:2px;margin:2px 0 0 -8px;display:flex}.vitki-actions>button{border-radius:var(--radius-pill);min-width:36px;height:34px;color:var(--muted);font-size:var(--fs-secondary);font-variant-numeric:tabular-nums;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);align-items:center;gap:6px;padding:0 8px;font-weight:600;display:inline-flex}.vitki-actions>button:hover{background:var(--hover);color:var(--text)}.vitki-actions>button:active{transform:scale(.94)}.vitki-actions>button[aria-label=Нравится]:hover{background:var(--danger-soft);color:var(--danger)}.vitki-actions>button[aria-pressed=true]{color:var(--danger)}.vitki-actions>button[aria-pressed=true] svg{fill:currentColor}.vitki-actions>.vitki-delete{margin-left:auto;font-size:12px}.vitki-actions>.vitki-delete:hover{background:var(--danger-soft);color:var(--danger)}.vitki-more{margin-left:auto;position:relative}.vitki-more>button{border-radius:var(--radius-pill);width:36px;height:34px;color:var(--muted);place-items:center;display:inline-grid}.vitki-more>button:hover,.vitki-more>button[aria-expanded=true]{background:var(--hover);color:var(--text)}.vitki-menu.ui-menu{transform-origin:100% 0;position:absolute;top:calc(100% + 4px);right:0}.vitki-menu button.is-danger{color:var(--danger-text)}.vitki-comments-note{color:var(--muted);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:inline-flex}.vitki-comments-closed{padding-block:28px}.vitki-confirm{border-radius:var(--radius-control);background:var(--danger-soft);font-size:var(--fs-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;padding:10px 12px;display:flex}.vitki-confirm .ui-button{min-height:32px;padding:0 12px}.vitki-confirm .ui-button.is-danger{background:var(--danger);color:var(--surface);margin-left:auto}.vitki-thread .vitki-list>.vitki-card{border-bottom:1px solid var(--line);padding-top:16px}.vitki-thread .vitki-list>.vitki-card :is(.vitki-open,.vitki-copy) .md-view{font-size:16px}.vitki-replies{flex-direction:column;display:flex}.vitki-replies>.vitki-reply+.vitki-reply{border-top:1px solid var(--line)}.vitki-card.is-reply{padding:12px 0 8px}.vitki-card.is-reply .vitki-avatar{width:32px;height:32px;font-size:12px}.vitki-reply.is-nested+.vitki-reply.is-nested{margin-top:2px}.vitki-reply-children{border-left:2px solid var(--line);animation:vitki-expand var(--dur-slow) var(--ease-out);grid-template-rows:1fr;margin:0 0 8px 15px;padding-left:17px;display:grid}.vitki-reply-children>div{min-height:0;overflow:hidden}@keyframes vitki-expand{0%{opacity:0;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}.vitki-expand{border-radius:var(--radius-pill);color:var(--accent-text);font-size:var(--fs-secondary);align-items:center;gap:4px;margin:0 0 8px 44px;padding:4px 10px 4px 6px;font-weight:650;display:inline-flex}.vitki-expand>svg{transition:transform var(--dur) var(--ease)}.vitki-expand[aria-expanded=true]>svg{transform:rotate(180deg)}.vitki-expand:disabled{opacity:.6}.vitki-expand:hover{background:var(--accent-soft)}.vitki-reply-form{padding:8px var(--vitki-gutter) calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:var(--blur);flex:none;gap:6px;display:grid;position:relative}.vitki-reply-form .social-composer-field{border-radius:22px}.vitki-reply-form .social-composer-field textarea{min-height:36px;font-size:var(--fs-body);padding:8px 0}.vitki-reply-form .primary{border-radius:var(--radius-pill);min-height:34px;font-size:var(--fs-secondary);flex:none;padding:0 14px}.vitki-reply-target{color:var(--muted);font-size:var(--fs-secondary);justify-content:space-between;align-items:center;gap:8px;padding-left:14px;display:flex}.vitki-reply-target .inline-button{min-height:28px}.vitki-thread-bar{border-bottom:1px solid var(--line);align-items:center;padding:4px 0 2px;display:flex}.vitki-sort-trigger{min-height:36px;color:var(--text);font-size:var(--fs-row);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 4px;font-weight:600;display:inline-flex}.vitki-sort-trigger>svg{color:var(--muted);transition:transform var(--motion-fast,.15s) ease}.vitki-sort-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.vitki-sort-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm,6px)}.vitki-skeleton{display:grid}.vitki-skeleton-row{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 0;display:grid}.vitki-skeleton-row+.vitki-skeleton-row{border-top:1px solid var(--line)}.vitki-skeleton-avatar{border-radius:50%;width:40px;height:40px}.vitki-skeleton-lines{align-content:start;gap:8px;padding-top:4px;display:grid}.vitki-skeleton-lines>.ui-skeleton{border-radius:var(--radius-pill);height:12px}.vitki-skeleton-lines>.ui-skeleton:first-child{width:34%}.vitki-skeleton-lines>.ui-skeleton:nth-child(2){width:92%}.vitki-skeleton-lines>.ui-skeleton:nth-child(3){width:58%}.vitki-card.is-fresh{animation:vitki-fresh var(--dur-slow) var(--ease-out)}@keyframes vitki-fresh{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.vitki-actions>button.is-popping svg{animation:vitki-like-pop .42s var(--ease-out)}@keyframes vitki-like-pop{0%{transform:scale(1)}35%{transform:scale(1.35)}65%{transform:scale(.92)}to{transform:scale(1)}}.vitki-quote{border:1px solid var(--line);border-radius:var(--radius-control);width:100%;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin-top:6px;padding:10px 12px;display:grid}button.vitki-quote:hover{background:var(--hover)}.vitki-quote-author{min-width:0;font-size:var(--fs-secondary);align-items:center;gap:6px;display:flex}.vitki-quote-author>:is(img,span){object-fit:cover;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:grid}.vitki-quote-author b{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.vitki-quote-author time{color:var(--muted);flex:none}.vitki-quote-body{color:var(--text-secondary);font-size:var(--fs-body);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;grid-column:1;line-height:1.45;display:-webkit-box;overflow:hidden}.vitki-quote-body.is-muted{color:var(--muted);align-items:center;gap:6px;display:flex}.vitki-quote-thumb{background:var(--hover);object-fit:cover;border-radius:10px;grid-area:1/2/span 2;width:56px;height:56px}.vitki-quote-loading{grid-column:1/-1;gap:6px;display:grid}.vitki-quote-loading>.ui-skeleton{border-radius:var(--radius-pill);height:10px}.vitki-quote-loading>.ui-skeleton:first-child{width:36%}.modal.vitki-composer{position:relative}.vitki-composer-field textarea{max-height:320px}.vitki-composer.is-dragging .vitki-composer-field{border-color:var(--accent);background:var(--accent-soft)}.vitki-drop-hint{z-index:2;border:2px dashed var(--accent);border-radius:var(--radius-sheet);background:color-mix(in srgb, var(--accent-soft) 88%, transparent);color:var(--accent-text);pointer-events:none;animation:ui-fade-in var(--dur-fast) var(--ease);place-items:center;font-weight:700;display:grid;position:absolute;inset:8px}.vitki-attachments{scrollbar-width:thin;gap:6px;padding:2px 0;list-style:none;display:flex;overflow-x:auto}.vitki-attachment{border-radius:var(--radius-control);background:var(--hover);width:88px;height:88px;animation:ui-pop-in var(--dur) var(--ease-out);flex:none;position:relative;overflow:hidden}.vitki-attachment>:is(img,video){object-fit:cover;width:100%;height:100%}.vitki-attachment-kind{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 60%, transparent);color:var(--surface);font-size:var(--fs-caption);padding:1px 6px;font-weight:650;position:absolute;bottom:6px;left:6px}.vitki-attachment-remove{background:color-mix(in srgb, var(--text) 62%, transparent);width:24px;height:24px;color:var(--surface);transition:background var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.vitki-attachment-remove:hover:not(:disabled){background:var(--text)}.vitki-attachments-wrap{gap:4px;display:grid}.vitki-attachment.is-sortable{cursor:grab;touch-action:pan-x;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.vitki-attachment.is-sortable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vitki-attachment.is-dragging{cursor:grabbing;box-shadow:0 0 0 2px var(--accent), var(--shadow-float);z-index:1;transform:scale(1.04)}.vitki-attachment:is(.is-uploading,.is-failed)>:is(img,video){opacity:.55}.vitki-attachment-order{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 62%, transparent);min-width:20px;height:20px;color:var(--surface);font-size:var(--fs-caption);place-items:center;padding:0 5px;font-weight:700;display:grid;position:absolute;top:4px;left:4px}.vitki-attachment-state{color:var(--surface);place-items:center;display:grid;position:absolute;inset:0}.vitki-attachment-state.is-failed{background:var(--danger);border-radius:50%;width:34px;height:34px;margin:auto}.vitki-attachment-state.is-failed:disabled{opacity:.8}.vitki-publishing{color:var(--muted);font-size:var(--fs-secondary);align-items:center;gap:8px;margin:0 0 8px;display:flex}.vitki-publishing button{color:var(--accent-text)}.vitki-attachments-hint{color:var(--muted);font-size:12px}.ui-error.vitki-attachments-error{margin:0}.vitki-composer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.vitki-counter{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.vitki-counter.is-low{color:var(--danger-text);font-weight:650}.vitki-reply-form .vitki-counter{justify-self:end;padding-right:14px}@media (width<=700px){.vitki-chrome{padding:calc(8px + env(safe-area-inset-top)) 8px 8px;gap:6px}}@media (width<=380px){.vitki-chrome{gap:4px}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.vitki-chrome,.vitki-reply-form{background:var(--surface);-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.vitki-reply-children,.vitki-card.is-fresh,.vitki-actions>button.is-popping svg,.vitki-attachment,.vitki-drop-hint,.vitki-feed-enter{animation:none}.vitki-expand>svg{transition:none}}.stories{scrollbar-width:none;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.stories::-webkit-scrollbar{display:none}.stories>button,.story-self>button:first-child{border-radius:var(--radius-control);width:78px;color:var(--text);transition:background var(--dur-fast) var(--ease);flex:none;justify-items:center;gap:5px;padding:4px 2px;display:grid}.stories>button:hover,.story-self>button:first-child:hover{background:var(--hover)}.stories small{max-width:76px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.story-self{flex:none;position:relative}.story-ring{border-radius:50%;place-items:center;width:60px;height:60px;padding:2px;display:grid}.story-ring>.avatar{border:2px solid var(--surface);width:100%;height:100%;font-size:17px}.story-ring.live,.story-ring.mine{background:var(--accent)}.story-ring.viewed{background:var(--line)}.story-ring.blank{background:0 0}.story-plus{border:2px solid var(--surface);background:var(--accent);width:20px;height:20px;color:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:46px;right:8px}.modal-backdrop.story-backdrop{overscroll-behavior:contain}.modal.story-composer{gap:14px;width:min(420px,100%)}.story-composer>h2{font-size:var(--fs-title);padding-right:40px}.story-drop{border:1.5px dashed var(--line);border-radius:var(--radius-card);background:var(--hover);min-height:200px;color:var(--muted);text-align:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);align-content:center;place-items:center;gap:6px;display:grid;position:relative;overflow:hidden}.story-drop:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));background:var(--accent-soft)}.story-drop:focus-within{outline:2px solid var(--accent);outline-offset:2px}.story-drop>svg{color:var(--accent)}.story-drop>b{color:var(--text);font-size:var(--fs-row);font-weight:650}.story-drop>small{font-size:var(--fs-secondary)}.story-drop>input{opacity:0;cursor:pointer;position:absolute;inset:0}.story-drop.has-preview{aspect-ratio:9/12;background:var(--text);border-style:solid;min-height:0;max-height:46vh}.story-drop.has-preview>img{object-fit:contain;width:100%;height:100%}.story-duration{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.story-duration>legend{color:var(--text-secondary);margin-bottom:6px;padding:0;font-size:12px;font-weight:650}.story-duration .ui-segment>button{flex:1}.story-viewer{--story-on:var(--surface);--story-glass:color-mix(in srgb, var(--surface) 16%, transparent);z-index:var(--z-sheet);background:color-mix(in srgb, var(--text) 94%, transparent);color:var(--story-on);animation:ui-fade-in var(--dur) var(--ease);place-items:center;display:grid;position:fixed;inset:0}.story-viewer:focus-visible{outline:0}.story-stage{aspect-ratio:9/16;border-radius:var(--radius-card);background:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;width:min(100vw,440px,56.25dvh);animation:ui-pop-in var(--dur) var(--ease-out);position:relative;overflow:hidden}.story-stage>img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.story-stage>video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.story-stage>img.story-backdrop{object-fit:cover;opacity:.55;filter:blur(40px);transform:scale(1.1)}.story-stage:before,.story-stage:after{content:"";z-index:1;pointer-events:none;position:absolute;left:0;right:0}.story-stage:before{background:linear-gradient(color-mix(in srgb, var(--text) 55%, transparent), transparent);height:120px;top:0}.story-stage:after{background:linear-gradient(transparent, color-mix(in srgb, var(--text) 65%, transparent));height:180px;bottom:0}.story-progress{z-index:2;gap:3px;display:flex;position:absolute;top:10px;left:10px;right:10px}.story-progress>i{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--story-on) 35%, transparent);flex:1;height:2.5px;overflow:hidden}.story-progress>i>span{background:var(--story-on);height:100%;display:block}.story-stage>header{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;top:20px;left:10px;right:8px}.story-stage>header>.avatar{width:36px;height:36px;font-size:13px}.story-stage>header>div{flex:1;min-width:0;line-height:1.2;display:grid}.story-stage>header b{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.story-stage>header small{color:color-mix(in srgb, var(--story-on) 72%, transparent);font-size:12px}.story-stage>header>button,.story-round{width:38px;height:38px;color:var(--story-on);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.story-stage>header>button:hover{background:var(--story-glass)}.story-round{border:1px solid color-mix(in srgb, var(--story-on) 26%, transparent);background:var(--story-glass);-webkit-backdrop-filter:var(--blur)}.story-round:hover:not(:disabled){background:color-mix(in srgb, var(--story-on) 26%, transparent)}.story-round:active:not(:disabled){transform:scale(.92)}.story-round:disabled{opacity:.45}.story-heart.mine{color:var(--danger);font-size:18px}.story-menu{z-index:3;border:1px solid var(--glass-line);background:color-mix(in srgb, var(--surface) 92%, transparent);width:min(280px,100% - 20px);box-shadow:var(--shadow-float);color:var(--text);-webkit-backdrop-filter:var(--blur);animation:ui-pop-in var(--dur-fast) var(--ease);transform-origin:100% 0;border-radius:16px;gap:6px;padding:10px;display:grid;position:absolute;top:64px;right:10px}.story-menu>label{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:650;display:grid}.story-menu textarea{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);min-height:72px;font-size:var(--fs-body);resize:vertical;outline:0;padding:8px 10px;font-weight:400}.story-menu textarea:focus-visible{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.story-menu>button{min-height:36px;font-size:var(--fs-body);text-align:left;border-radius:10px;padding:0 12px}.story-menu>button:hover{background:var(--hover)}.story-menu>button[type=submit]{color:var(--accent-text);font-weight:600}.story-menu>.danger{color:var(--danger)}.story-menu>.danger:hover{background:var(--danger-soft)}.story-pause{z-index:2;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 50%, transparent);font-size:var(--fs-secondary);pointer-events:none;padding:6px 14px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story-caption{z-index:2;max-height:30%;font-size:var(--fs-body);text-shadow:0 1px 2px color-mix(in srgb, var(--text) 50%, transparent);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;position:absolute;bottom:72px;left:14px;right:14px;overflow:auto}.story-stage>footer{left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:2;align-items:center;gap:8px;display:flex;position:absolute}.story-stage>footer>form{border:1px solid color-mix(in srgb, var(--story-on) 32%, transparent);border-radius:var(--radius-pill);background:var(--story-glass);min-width:0;-webkit-backdrop-filter:var(--blur);flex:1;align-items:center;gap:4px;padding:0 3px 0 14px;display:flex}.story-stage>footer>form:focus-within{border-color:color-mix(in srgb, var(--story-on) 60%, transparent)}.story-stage>footer input{min-width:0;height:42px;color:var(--story-on);font-size:var(--fs-body);background:0 0;border:0;outline:0;flex:1}.story-stage>footer input::placeholder{color:color-mix(in srgb, var(--story-on) 70%, transparent)}.story-stage>footer>form>.story-round{background:var(--accent);border:0;width:34px;height:34px}.story-views{border-radius:var(--radius-pill);background:var(--story-glass);min-height:36px;color:var(--story-on);font-size:var(--fs-secondary);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:var(--blur);align-items:center;gap:6px;padding:0 14px;font-weight:650;display:inline-flex}.story-views:hover{background:color-mix(in srgb, var(--story-on) 26%, transparent)}.story-reactions{border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);animation:ui-pop-in var(--dur-fast) var(--ease);transform-origin:100% 100%;gap:2px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.story-reactions>button{width:38px;height:38px;transition:transform var(--dur-fast) var(--ease), background var(--dur-fast);border-radius:50%;place-items:center;font-size:22px;display:grid}.story-reactions>button:hover{background:var(--hover);transform:scale(1.15)}.story-sent{color:color-mix(in srgb, var(--story-on) 80%, transparent);font-size:12px;font-weight:600;position:absolute;bottom:calc(100% + 6px);left:14px}.story-viewers{z-index:calc(var(--z-sheet) + 1);width:min(440px,100%);max-height:60dvh;padding:6px 8px calc(12px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:var(--shadow-float);color:var(--text);animation:ui-sheet-up var(--dur) var(--ease-out);border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%)}.story-viewers>header{justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.story-viewers>header b{font-size:var(--fs-title);font-weight:700}.story-viewers>header button{width:var(--tap);height:var(--tap);color:var(--muted);border-radius:50%;place-items:center;display:grid}.story-viewers>header button:hover{background:var(--hover);color:var(--text)}.story-viewers>p{color:var(--muted);font-size:var(--fs-secondary);text-align:center;padding:24px 12px}.story-viewers>article{border-radius:var(--radius-control);align-items:center;gap:12px;min-height:56px;padding:6px 12px;display:flex}.story-viewers>article:hover{background:var(--hover)}.story-viewers>article>.avatar{width:40px;height:40px;font-size:13px}.story-viewers>article>span{flex:1;min-width:0;display:grid}.story-viewers b{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.story-viewers small{color:var(--muted);font-size:var(--fs-secondary)}.story-viewers em{font-size:20px;font-style:normal}.story-viewer.holding :is(.story-progress,.story-stage>header,.story-stage>footer,.story-caption,.story-menu),.story-viewer.holding .story-stage:before,.story-viewer.holding .story-stage:after{opacity:0;transition:opacity var(--dur-fast) var(--ease)}.story-viewer :is(button,input,textarea):focus-visible{outline:2px solid var(--story-on);outline-offset:2px}@media (width<=520px){.story-stage{aspect-ratio:auto;border-radius:0;width:100vw;height:100dvh}.story-progress{top:calc(8px + env(safe-area-inset-top))}.story-stage>header{top:calc(18px + env(safe-area-inset-top))}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.story-viewer{background:var(--text)}:is(.story-round,.story-views,.story-stage>footer>form){background:color-mix(in srgb, var(--surface) 22%, var(--text));-webkit-backdrop-filter:none}:is(.story-menu,.story-reactions){background:var(--surface);-webkit-backdrop-filter:none}}.stories-reveal{--story-pull:0;transition:grid-template-rows var(--dur-slow) var(--ease-out);flex:none;grid-template-rows:0fr;display:grid}.stories-reveal.pulling{grid-template-rows:calc(var(--story-pull) * 36px);transition:none}.stories-reveal.open{grid-template-rows:1fr}.stories-reveal-clip{min-height:0;overflow:hidden}.stories-reveal .stories{padding:4px 12px 10px}.stories-reveal .stories>:is(button,.story-self){opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur-slow) var(--ease-out);transform:translateY(-14px)scale(.55)}.stories-reveal.pulling .stories>:is(button,.story-self){opacity:var(--story-pull);transform:translateY(calc((1 - var(--story-pull)) * -14px)) scale(calc(.55 + var(--story-pull) * .2));transition:none}.stories-reveal.open .stories>:is(button,.story-self){opacity:1;transition-delay:calc(var(--i,0) * 28ms);transition-timing-function:var(--ease), cubic-bezier(.34, 1.4, .64, 1);transform:none}.stories-cluster{height:var(--tap);border-radius:var(--radius-pill);transition:opacity var(--dur) var(--ease), transform var(--dur-slow) var(--ease-out), background var(--dur-fast) var(--ease);align-items:center;padding:0 4px 0 2px;display:inline-flex}.stories-cluster:hover{background:var(--hover)}.stories-cluster.hidden{opacity:0;pointer-events:none;transform:translateY(10px)scale(.6)}.stories-cluster>.story-ring{width:28px;height:28px;box-shadow:0 0 0 2px var(--surface);margin-left:-9px;padding:1.5px}.stories-cluster>.story-ring:first-child{margin-left:0}.stories-cluster>.story-ring>.avatar{border-width:1.5px;font-size:10px}.stories-cluster>.story-ring:first-child{z-index:3}.stories-cluster>.story-ring:nth-child(2){z-index:2}.story-media{animation:ui-fade-in var(--dur) var(--ease)}.story-heart{position:relative}.story-heart>svg.beat{animation:.42s cubic-bezier(.34,1.56,.64,1) story-beat}.story-heart-burst{pointer-events:none;position:absolute;inset:0}.story-heart-burst>i{background:var(--danger);width:6px;height:6px;animation:story-burst .52s var(--ease-out) forwards;border-radius:50%;margin:-3px;position:absolute;top:50%;left:50%}@keyframes story-beat{0%{transform:scale(1)}35%{transform:scale(1.45)}to{transform:scale(1)}}@keyframes story-burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-26px) scale(.4)}}.profile-story-ring{background:var(--accent);cursor:pointer;border-radius:50%;flex:none;padding:3px;display:inline-grid;position:relative}.profile-story-ring.viewed{background:var(--line)}.profile-story-ring>*{box-shadow:0 0 0 3px var(--surface);border-radius:50%}.profile-stories{scrollbar-width:none;gap:14px;margin-bottom:20px;padding:4px 2px 6px;display:flex;overflow-x:auto}.profile-stories::-webkit-scrollbar{display:none}.profile-stories>button{width:68px;animation:ui-pop-in var(--dur) var(--ease-out) both;animation-delay:calc(var(--i,0) * 40ms);flex:none;justify-items:center;gap:6px;display:grid}.profile-story-thumb{background:var(--line);width:64px;height:64px;transition:transform var(--dur-fast) var(--ease);border-radius:50%;place-items:center;padding:3px;display:grid}.profile-stories>button:hover .profile-story-thumb{transform:scale(1.04)}.profile-stories>button.unseen .profile-story-thumb{background:var(--accent-gradient)}.profile-story-thumb>img{object-fit:cover;width:100%;height:100%;box-shadow:0 0 0 2px var(--surface);background:var(--hover);border-radius:50%}.profile-stories>button>small{max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.profile-stories>.profile-story-add .profile-story-thumb{background:var(--hover);color:var(--accent-text);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 40%, var(--line))}@media (prefers-reduced-motion:reduce){.stories-reveal,.stories-reveal .stories>*,.stories-cluster,.profile-stories>button,.profile-story-thumb{transition:none;animation:none}.story-heart>svg.beat,.story-heart-burst>i,.story-media{animation:none}}.stories-cluster-wrap{transition:opacity var(--dur) var(--ease), transform var(--dur-slow) var(--ease-out);align-items:center;gap:4px;display:inline-flex}.stories-cluster-wrap.hidden{opacity:0;pointer-events:none;transform:translateY(10px)scale(.6)}.stories-cluster-wrap.hidden .stories-cluster{opacity:1;transform:none}.stories-add{min-width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);color:var(--accent-text);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);place-items:center;display:grid;position:relative}.stories-add:hover{background:var(--hover)}.stories-add:active{transform:scale(.94)}.stories-add>.story-ring{border:1.5px dashed color-mix(in srgb, var(--accent) 55%, var(--line));width:30px;height:30px;padding:1.5px}.stories-add>.story-ring>.avatar{border-width:1px;font-size:10px}.stories-add>i{background:var(--accent-gradient);width:26px;height:26px;color:var(--surface);box-shadow:0 4px 12px var(--accent-glow);border-radius:50%;place-items:center;display:grid}.stories-add>.story-ring+i{border:2px solid var(--surface);width:15px;height:15px;box-shadow:none;position:absolute;bottom:2px;right:0}.profile-story-self{flex:none;display:inline-grid;position:relative}.profile-story-plus{z-index:1;border:3px solid var(--surface);background:var(--accent-gradient);width:26px;height:26px;color:var(--surface);box-shadow:0 4px 12px var(--accent-glow);transition:transform var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:2px;right:2px}.profile-story-plus:hover{transform:scale(1.1)}.story-viewer{background:radial-gradient(60% 50% at 30% 20%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(50% 50% at 80% 90%, color-mix(in srgb, var(--brand-sky) 16%, transparent), transparent 70%), var(--brand-night)}.story-stage{box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-sky) 26%, transparent), 0 30px 90px color-mix(in srgb, var(--accent) 26%, transparent)}.story-progress>i{background:color-mix(in srgb, var(--story-on) 26%, transparent)}.story-progress>i>span{background:linear-gradient(90deg, var(--brand-sky), var(--story-on));box-shadow:0 0 8px var(--brand-sky)}.story-stage.scrubbing .story-progress>i>span{transition:none}.story-stage>header>.avatar{box-shadow:0 0 0 2px var(--brand-night), 0 0 0 3.5px var(--brand-sky)}.story-scrub{font-variant-numeric:tabular-nums;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-sky) 40%, transparent), 0 0 18px color-mix(in srgb, var(--brand-sky) 30%, transparent)}.story-stage>.story-caption{max-height:none;transition:background var(--dur) var(--ease), padding var(--dur) var(--ease);justify-items:start;gap:4px;display:grid;overflow:visible}.story-caption>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.story-caption>button{color:var(--brand-sky);font-size:var(--fs-secondary);text-shadow:0 0 10px color-mix(in srgb, var(--brand-sky) 60%, transparent);padding:2px 0;font-weight:700}.story-caption.open{background:color-mix(in srgb, var(--brand-night) 92%, transparent);max-height:60%;color:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-sky) 30%, transparent);text-shadow:none;-webkit-backdrop-filter:var(--blur);animation:ui-pop-in var(--dur) var(--ease-out);border-radius:18px;padding:12px 14px;bottom:72px;overflow:auto}.story-caption.open>p{-webkit-line-clamp:unset;display:block}.story-stage>footer>form{box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-sky) 22%, transparent)}.story-stage>footer>form:focus-within{box-shadow:0 0 0 1px var(--brand-sky), 0 0 18px color-mix(in srgb, var(--brand-sky) 35%, transparent)}.story-stage>footer>form>.story-round{background:var(--accent-gradient)}.story-heart.mine{box-shadow:0 0 18px color-mix(in srgb, var(--danger) 55%, transparent)}.story-views{box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-sky) 30%, transparent)}.story-viewers{--story-on:var(--surface);background:color-mix(in srgb, var(--brand-night) 97%, var(--accent));color:var(--surface);box-shadow:0 -1px 0 color-mix(in srgb, var(--brand-sky) 40%, transparent), 0 -20px 60px color-mix(in srgb, var(--accent) 25%, transparent);-webkit-backdrop-filter:var(--blur)}.story-viewers:before{content:"";background:color-mix(in srgb, var(--surface) 28%, transparent);border-radius:4px;align-self:center;width:40px;height:4px;margin:4px 0 2px}.story-viewers>header>span{gap:2px;display:grid}.story-viewers>header small{color:color-mix(in srgb, var(--surface) 60%, transparent);align-items:center;gap:4px;display:inline-flex}.story-viewers>header button{color:color-mix(in srgb, var(--surface) 70%, transparent)}.story-viewers>header button:hover,.story-viewers>article:hover{background:color-mix(in srgb, var(--surface) 8%, transparent);color:var(--surface)}.story-viewers>p,.story-viewers small{color:color-mix(in srgb, var(--surface) 60%, transparent)}.story-viewers>article{animation:ui-fade-in var(--dur) var(--ease) both;animation-delay:calc(var(--i,0) * 30ms)}.story-viewers>article>.avatar{box-shadow:0 0 0 2px var(--brand-night), 0 0 0 3px color-mix(in srgb, var(--brand-sky) 50%, transparent)}.story-viewers em{color:var(--danger);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--danger) 70%, transparent));display:grid}@media (prefers-reduced-motion:reduce){.story-viewers>article,.story-caption.open{animation:none}}.story-views>.story-views-heart{color:var(--danger);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--danger) 60%, transparent));margin-left:6px}.emoji-status{vertical-align:-2px;animation:emoji-status-pop var(--dur) var(--ease-out);flex:none;place-items:center;margin-inline-start:4px;line-height:0;display:inline-grid}.emoji-status-image{object-fit:contain;display:block}.name-with-status{align-items:center;min-width:0;max-width:100%;display:inline-flex}.name-with-status-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.emoji-status-trigger{width:100%;min-height:48px;color:var(--text);font-size:var(--fs-body);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:10px 16px;display:flex}.emoji-status-trigger:hover:not(:disabled){background:var(--hover)}.emoji-status-trigger:disabled{opacity:.5}.emoji-status-trigger>span:first-child{min-width:0;color:var(--text-secondary);flex:1;font-weight:500}.emoji-status-trigger-value{color:var(--accent-text);align-items:center;gap:6px;display:inline-flex}.emoji-status-trigger-value small{font-size:var(--fs-body)}.emoji-status-trigger-value .emoji-status{margin:0}.emoji-status-layer{z-index:calc(var(--z-sheet) + 1);pointer-events:none;position:fixed;inset:0}.emoji-status-layer.is-sheet{background:var(--scrim);pointer-events:auto;animation:ui-fade-in var(--dur) var(--ease);place-items:end center;display:grid}.emoji-status-pop{border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:color-mix(in srgb, var(--surface) 92%, transparent);width:340px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);pointer-events:auto;animation:ui-pop-in var(--dur-fast) var(--ease);padding:10px;position:fixed}.is-sheet .emoji-status-pop{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;padding-bottom:calc(12px + env(safe-area-inset-bottom));animation:ui-sheet-up var(--dur-slow) var(--ease-out);position:relative}.emoji-status-pop header{justify-content:space-between;align-items:center;gap:8px;padding:2px 4px 8px;display:flex}.emoji-status-pop h2{font-size:var(--fs-row);font-weight:750}.emoji-status-close{background:var(--hover);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;place-items:center;display:grid}.emoji-status-pop .EmojiPickerReact{--epr-emoji-size:28px;--epr-bg-color:transparent;--epr-category-label-bg-color:color-mix(in srgb, var(--surface) 92%, transparent);--epr-search-input-bg-color:var(--hover);--epr-search-input-border-radius:var(--radius-pill);--epr-highlight-color:var(--accent);--epr-hover-bg-color:var(--accent-soft);--epr-focus-bg-color:var(--accent-soft);--epr-text-color:var(--text);--epr-picker-border-color:transparent;--epr-category-label-text-color:var(--muted);font-family:var(--font);border:0}.emoji-status-pop .EmojiPickerReact .epr-emoji-category-label{text-transform:none}.emoji-status-clear{border-radius:var(--radius-control);background:var(--hover);width:100%;min-height:44px;color:var(--danger-text);margin-top:8px;font-weight:650}.emoji-status-clear:disabled{opacity:.5}.emoji-status-error{color:var(--danger-text);font-size:var(--fs-secondary);margin:6px 16px}@keyframes emoji-status-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.emoji-status{animation:ui-fade-in var(--dur-fast) linear}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.emoji-status-pop{background:var(--surface);-webkit-backdrop-filter:none}}@media (pointer:coarse){.emoji-status-close{width:44px;height:44px}}.social-profile{width:min(100%,720px);color:var(--text);text-align:left;gap:16px;margin:0 auto;display:grid}.social-profile-hero{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:12px 0 4px;display:flex;position:relative}.social-profile-hero .profile-gallery-trigger{width:96px;height:96px;margin-bottom:8px;font-size:30px}.social-profile-hero>h2{letter-spacing:-.02em;overflow-wrap:anywhere;max-width:100%;font-size:22px;font-weight:700;line-height:1.25}.social-profile-hero>p{color:var(--muted);font-size:var(--fs-body)}.ui-button.social-profile-edit{border-radius:var(--radius-pill);background:var(--hover);min-height:32px;color:var(--text);font-size:var(--fs-secondary);gap:6px;padding:0 12px;position:absolute;top:4px;right:0}.ui-button.social-profile-edit:hover:not(:disabled){background:color-mix(in srgb, var(--hover) 70%, var(--line))}.social-profile-actions{gap:8px;width:100%;margin-top:14px;display:flex}.social-profile-actions>button{border-radius:var(--radius-control);background:var(--hover);min-width:0;min-height:60px;color:var(--accent-text);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);flex:1 1 0;align-content:center;justify-items:center;gap:4px;padding:8px 6px;font-size:12px;display:grid}.social-profile-actions>button>span{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.social-profile-actions>button:hover:not(:disabled){background:color-mix(in srgb, var(--hover) 70%, var(--line))}.social-profile-actions>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.social-profile-actions>button:active:not(:disabled){transform:scale(.97)}.social-profile-actions>button[aria-pressed=true]{background:var(--accent-soft)}.social-profile-actions>button:disabled{opacity:.55}.social-profile-relationship{border-radius:var(--radius-pill);background:var(--hover);color:var(--text-secondary);justify-self:center;padding:2px 10px;font-size:12px;font-weight:650}.social-stats{color:var(--text-secondary);font-size:var(--fs-body);flex-wrap:wrap;justify-content:center;gap:4px 20px;display:flex}.social-stats>:is(span,button){color:inherit;font-size:inherit;border-radius:6px;padding:2px 4px}.social-stats b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.social-stats>button:hover{background:var(--hover);color:var(--text)}.suggestion-rail{gap:8px;display:grid}.suggestion-rail>h3{color:var(--muted);font-size:var(--fs-secondary);font-weight:650}.suggestion-rail-track{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.suggestion-rail-track::-webkit-scrollbar{display:none}.suggestion-rail-track>article{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);scroll-snap-align:start;flex:none;gap:8px;width:148px;padding:14px 10px 10px;display:grid;position:relative}.suggestion-dismiss{width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.suggestion-dismiss:hover{background:var(--hover);color:var(--text)}.suggestion-open{min-width:0;color:var(--text);text-align:center;justify-items:center;gap:2px;display:grid}.suggestion-open>:is(img,span){background:var(--accent-soft);width:56px;height:56px;color:var(--accent-text);object-fit:cover;border-radius:50%;place-items:center;margin-bottom:6px;font-size:18px;font-weight:700;display:grid}.suggestion-open b{max-width:100%;font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.suggestion-open small{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.suggestion-rail-track .soft-button{border-radius:var(--radius-pill);min-height:30px;padding:0 10px;font-size:12px}.social-profile-info{border-radius:var(--radius-card);background:var(--hover);display:grid;overflow:hidden}.social-profile-info>div{align-items:center;gap:8px;min-height:56px;padding:8px 8px 8px 16px;display:flex}.social-profile-info>div+div{border-top:1px solid var(--line)}.social-profile-info :is(span,.social-profile-info-copy){flex:1;gap:2px;min-width:0;display:grid}.social-profile-info small{color:var(--muted);font-size:12px}.social-profile-info :is(strong,a,p){font-size:var(--fs-body);overflow-wrap:anywhere;white-space:pre-wrap;font-weight:500;line-height:1.45}.social-profile-info a{color:var(--accent-text)}.social-profile-info .ui-icon-button{color:var(--muted)}.social-profile-content{gap:4px;min-width:0;display:grid}.social-profile-content>nav{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.social-profile-content>nav::-webkit-scrollbar{display:none}.social-profile-content>nav>button{min-height:42px;color:var(--muted);font-size:var(--fs-body);white-space:nowrap;transition:color var(--dur-fast) var(--ease);flex:none;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex;position:relative}.social-profile-content>nav>button:after{content:"";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.social-profile-content>nav>button:hover{color:var(--text)}.social-profile-content>nav>button[aria-current=page]{color:var(--accent-text)}.social-profile-content>nav>button[aria-current=page]:after{background:var(--accent)}.social-profile-content>nav>button>span{border-radius:var(--radius-pill);background:var(--hover);min-width:20px;color:var(--muted);font-variant-numeric:tabular-nums;padding:0 6px;font-size:12px}.social-profile-content>.network{min-height:160px}.social-profile-teams{padding:4px 0;display:grid}.social-profile-teams>article{border-radius:var(--radius-control);align-items:center;gap:12px;min-height:56px;padding:6px 8px;display:flex}.social-profile-teams>article:hover{background:var(--hover)}.social-profile-teams .team-person-avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid;overflow:hidden}.social-profile-teams .team-person-avatar>img{object-fit:cover;width:100%;height:100%}.social-profile-teams>article>div{gap:2px;min-width:0;display:grid}.social-profile-teams :is(button,strong){color:var(--text);font-size:var(--fs-row);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.social-profile-teams button:hover{color:var(--accent-text)}.social-profile-teams small{color:var(--muted);font-size:var(--fs-secondary)}.social-profile-teams>p{color:var(--muted);font-size:var(--fs-secondary);text-align:center;padding:24px 8px}.modal.person-dialog.social-profile-dialog{width:min(640px,100%)}.modal.people-list-dialog{gap:8px;width:min(440px,100%);max-height:min(640px,90dvh)}.people-list-dialog>h2{font-size:var(--fs-title);padding-right:40px}.people-list-dialog>.ui-error{margin:0}.people-list{margin:0 -8px;display:grid;overflow:auto}.people-list>article{border-radius:var(--radius-control);align-items:center;gap:10px;min-height:58px;padding:4px 8px 4px 4px;display:flex}.people-list>article:hover{background:var(--hover)}.people-list-open{min-width:0;color:var(--text);text-align:left;flex:1;align-items:center;gap:12px;padding:4px;display:flex}.people-list-open>:is(img,span:first-child){background:var(--accent-soft);width:42px;height:42px;color:var(--accent-text);object-fit:cover;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.people-list-open>span:last-child{gap:2px;min-width:0;display:grid}.people-list-open b{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.people-list-open small{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.people-list>article>.soft-button{border-radius:var(--radius-pill);min-height:30px;padding:0 12px;font-size:12px}.people-list-following{color:var(--muted);flex:none;font-size:12px}.ui-empty.people-list-empty{min-height:180px}.people-list-status{color:var(--muted);font-size:var(--fs-secondary);justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.people-list-dialog>.soft-button{justify-self:center}.profile-gallery-trigger{background:var(--accent-soft);width:72px;height:72px;color:var(--accent-text);cursor:pointer;transition:filter var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;padding:0;font-size:22px;font-weight:700;display:inline-grid;position:relative}.profile-gallery-trigger:hover{filter:brightness(.96)}.profile-gallery-trigger>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-gallery-trigger>span{letter-spacing:-.02em;border-radius:50%;place-items:center;width:100%;height:100%;font-weight:700;display:grid}.profile-gallery-trigger>svg{box-sizing:content-box;border:2px solid var(--surface);background:var(--accent);color:var(--surface);opacity:0;transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%;padding:5px;position:absolute;bottom:0;right:0;transform:scale(.85)}.profile-gallery-trigger:is(:hover,:focus-visible)>svg{opacity:1;transform:none}.profile-gallery-trigger:disabled{cursor:default;filter:none}.avatar-cropper{justify-items:center;gap:14px;width:min(100%,400px);display:grid}.avatar-cropper>header{text-align:center;gap:4px;display:grid}.avatar-cropper>header strong{font-size:var(--fs-row);font-weight:650}.avatar-cropper>header small{color:color-mix(in srgb, var(--surface) 72%, transparent);font-size:var(--fs-secondary);line-height:1.4}.avatar-crop-frame{aspect-ratio:1;contain:paint;border-radius:var(--radius-card);background:color-mix(in srgb, var(--surface) 8%, transparent);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,360px,max(160px,100dvh - 280px));position:relative;overflow:hidden}.avatar-crop-frame:active{cursor:grabbing}.avatar-crop-frame>img{transform-origin:0 0;pointer-events:none;max-width:none;max-height:none;position:absolute;top:0;left:0}.avatar-crop-mask{box-shadow:0 0 0 999px color-mix(in srgb, var(--text) 62%, transparent);outline:2px solid color-mix(in srgb, var(--surface) 80%, transparent);outline-offset:-2px;pointer-events:none;border-radius:50%;position:absolute;inset:0}.avatar-crop-loading{margin:auto;position:absolute;inset:0}.avatar-crop-zoom{width:min(100%,360px);color:color-mix(in srgb, var(--surface) 80%, transparent);font-size:var(--fs-secondary);grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.avatar-crop-zoom>input{width:100%;accent-color:var(--accent)}.profile-gallery-stage.is-cropping{padding:8px 16px;overflow:auto}.gallery-error-line{padding:0 16px calc(12px + env(safe-area-inset-bottom));text-align:center;flex:none}.profile-gallery{z-index:var(--z-sheet);background:color-mix(in srgb, var(--text) 94%, transparent);color:var(--surface);animation:ui-fade-in var(--dur) var(--ease);outline:0;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.profile-gallery>header{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;flex:none;align-items:center;gap:12px;display:flex}.profile-gallery>header>div{flex:1;min-width:0;display:grid}.profile-gallery>header strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.profile-gallery>header small{color:color-mix(in srgb, var(--surface) 70%, transparent);font-size:var(--fs-secondary)}.profile-gallery :is(.gallery-close,.gallery-prev,.gallery-next){border:1px solid color-mix(in srgb, var(--surface) 22%, transparent);background:color-mix(in srgb, var(--surface) 14%, transparent);width:44px;height:44px;color:var(--surface);-webkit-backdrop-filter:var(--blur);transition:background var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.profile-gallery :is(.gallery-close,.gallery-prev,.gallery-next):hover:not(:disabled){background:color-mix(in srgb, var(--surface) 26%, transparent)}.profile-gallery button:disabled{opacity:.4;cursor:default}.profile-gallery-stage{flex:1;place-items:center;min-width:0;min-height:0;padding:0 72px;display:grid;position:relative;overflow:hidden}.profile-gallery-stage>img{border-radius:var(--radius-card);object-fit:contain;object-position:center;width:calc(100% - 144px);min-width:0;max-width:none;height:100%;min-height:0;max-height:none;animation:ui-fade-in var(--dur) var(--ease);position:absolute;inset:0 72px}.profile-gallery :is(.gallery-prev,.gallery-next){position:absolute;top:50%;transform:translateY(-50%)}.gallery-prev{left:16px}.gallery-next{right:16px}.gallery-empty{max-width:280px;color:color-mix(in srgb, var(--surface) 76%, transparent);font-size:var(--fs-body);text-align:center;justify-items:center;gap:12px;display:grid}.gallery-empty>svg{box-sizing:content-box;background:color-mix(in srgb, var(--surface) 12%, transparent);border-radius:50%;padding:18px}.profile-gallery>footer{padding:16px 16px calc(20px + env(safe-area-inset-bottom));text-align:center;flex:none;justify-items:center;gap:10px;display:grid}.profile-gallery>footer>p{color:color-mix(in srgb, var(--surface) 72%, transparent);font-size:var(--fs-secondary)}.gallery-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.gallery-thumbs{scrollbar-width:none;gap:8px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.gallery-thumbs>button{background:color-mix(in srgb, var(--surface) 12%, transparent);opacity:.64;width:52px;height:52px;transition:opacity var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border:2px solid #0000;border-radius:12px;flex:none;padding:0;position:relative;overflow:hidden}.gallery-thumbs>button>img{object-fit:cover;width:100%;height:100%}.gallery-thumbs>button:hover:not(:disabled){opacity:.9}.gallery-thumbs>button[aria-pressed=true]{border-color:var(--surface);opacity:1}.gallery-thumbs>button.is-current:after{content:"";border:2px solid var(--surface);background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;bottom:4px;right:4px}.profile-gallery :is(.gallery-actions,.gallery-confirm)>button{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 14%, transparent);min-height:38px;color:var(--surface);font-size:var(--fs-secondary);transition:background var(--dur-fast) var(--ease);padding:0 16px;font-weight:650}.profile-gallery :is(.gallery-actions,.gallery-confirm)>button:hover:not(:disabled){background:color-mix(in srgb, var(--surface) 24%, transparent)}.profile-gallery :is(.gallery-actions,.gallery-confirm)>.gallery-primary{background:var(--accent)}.profile-gallery :is(.gallery-actions,.gallery-confirm)>.gallery-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, var(--surface))}.profile-gallery :is(.gallery-actions,.gallery-confirm)>.gallery-danger{color:color-mix(in srgb, var(--danger) 60%, var(--surface))}.profile-gallery :is(.gallery-actions,.gallery-confirm)>.gallery-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 30%, transparent)}.gallery-confirm{border-radius:var(--radius-card);background:color-mix(in srgb, var(--surface) 10%, transparent);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:460px;padding:12px;display:flex}.gallery-confirm>p{font-size:var(--fs-secondary);flex-basis:100%;line-height:1.45}.profile-gallery .gallery-confirm>.gallery-danger{background:var(--danger);color:var(--surface)}.gallery-error{color:color-mix(in srgb, var(--danger) 55%, var(--surface));font-size:var(--fs-secondary)}.profile-gallery :focus-visible{outline:2px solid var(--surface);outline-offset:2px}.public-profile{z-index:3;overscroll-behavior:contain;background:var(--surface);color:var(--text);animation:ui-slide-in var(--dur-slow) var(--ease-out);flex-direction:column;gap:12px;padding:12px max(16px,50% - 320px) 24px;display:flex;position:absolute;inset:0;overflow:auto}.ui-icon-button.public-back{z-index:2;flex:none;align-self:flex-start;position:sticky;top:0}.public-hero{text-align:center;justify-items:center;gap:4px;margin-top:-24px;display:grid}.avatar.public-avatar,.public-hero .profile-gallery-trigger.public-avatar{width:96px;height:96px;margin-bottom:8px;font-size:30px}.public-hero>h2{letter-spacing:-.02em;overflow-wrap:anywhere;max-width:100%;font-size:22px;font-weight:700}.public-hero>p{color:var(--muted);font-size:var(--fs-body)}.public-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.public-actions>button{border-radius:var(--radius-control);background:var(--hover);min-width:0;min-height:60px;color:var(--accent-text);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);align-content:center;justify-items:center;gap:4px;padding:8px 4px;font-size:12px;display:grid}.public-actions>button>span{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.public-actions>button:hover:not(:disabled){background:var(--accent-soft)}.public-actions>button:active:not(:disabled){transform:scale(.97)}.public-actions>button:is([aria-pressed=true],[aria-expanded=true]){background:var(--accent-soft)}.public-actions>button:disabled{opacity:.55}.public-menu{z-index:var(--z-menu);border:1px solid var(--glass-line);background:color-mix(in srgb, var(--surface) 92%, transparent);min-width:220px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);animation:ui-pop-in var(--dur-fast) var(--ease);transform-origin:100% 0;border-radius:16px;align-self:flex-end;margin-top:-4px;padding:6px;display:grid;position:relative}.public-menu>button{min-height:38px;font-size:var(--fs-body);text-align:left;border-radius:10px;padding:8px 12px}.public-menu>button:hover:not(:disabled){background:var(--hover)}.public-menu>button:disabled{color:var(--muted)}.public-note{border-radius:var(--radius-control);background:var(--hover);color:var(--text-secondary);font-size:var(--fs-secondary);text-align:center;padding:8px 12px}.ui-error.public-note{text-align:left;margin:0}.ui-search.public-search{flex:none}.public-card{border-radius:var(--radius-card);background:var(--hover);display:grid;overflow:hidden}.public-card>div{gap:2px;padding:10px 16px;display:grid}.public-card>div+div{border-top:1px solid var(--line)}.public-card small{color:var(--muted);font-size:12px}.public-card :is(p,button){font-size:var(--fs-body);overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.45}.public-card button{color:var(--accent-text);text-align:left;justify-self:start}.public-card button:hover{text-decoration:underline}.public-card .is-muted{color:var(--muted)}.ui-segment.public-segments{scrollbar-width:none;flex:none;overflow-x:auto}.ui-segment.public-segments>button{flex:1 0 auto}.public-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-inline:-4px;display:grid}.public-grid>a{aspect-ratio:1;background:var(--hover);position:relative;overflow:hidden}.public-grid :is(img,video){object-fit:cover;width:100%;height:100%;transition:transform var(--dur) var(--ease)}.public-grid>a:hover :is(img,video){transform:scale(1.03)}.public-grid time{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 55%, transparent);color:var(--surface);font-variant-numeric:tabular-nums;padding:1px 6px;font-size:11px;font-weight:600;position:absolute;bottom:6px;right:6px}.public-audio{display:grid}.public-audio>:is(a,div){border-radius:var(--radius-control);min-height:52px;color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:8px 10px;display:grid}.public-audio>:is(a,div)+:is(a,div){box-shadow:0 -1px 0 var(--line)}.public-audio>a:hover{background:var(--hover)}.public-audio>:is(a,div)>svg{box-sizing:content-box;background:var(--accent-soft);color:var(--accent-text);border-radius:50%;padding:9px;display:grid}.public-audio>:is(a,div)>:is(b,span){font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.public-audio>a>span{color:var(--accent-text);grid-column:2/-1}.public-audio small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.public-audio .voice-player{grid-column:1/-1;width:100%}@media (width<=520px){.social-profile-actions{gap:6px}.social-profile-actions>button,.public-actions>button{min-height:56px}.profile-gallery-stage{padding-inline:0}.profile-gallery-stage>img{width:100%;inset:0}.gallery-prev{left:8px}.gallery-next{right:8px}.public-grid{gap:2px;margin-inline:-16px}}@media (hover:none){.profile-gallery-trigger>svg{opacity:1;transform:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.public-menu{background:var(--surface);-webkit-backdrop-filter:none}.profile-gallery{background:var(--text)}.profile-gallery :is(.gallery-close,.gallery-prev,.gallery-next){background:color-mix(in srgb, var(--surface) 22%, var(--text));-webkit-backdrop-filter:none}}.profile-switch{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--glass,var(--hover));grid-template-columns:1fr 1fr;width:min(100%,420px);margin:12px auto 0;padding:3px;display:grid;position:relative}.profile-switch>button{z-index:1;border-radius:var(--radius-pill);min-height:40px;color:var(--muted);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex;position:relative}.profile-switch>button[aria-pressed=true]{color:var(--text);cursor:default}.profile-switch>button[aria-pressed=true] svg{color:var(--accent)}.profile-switch>button[aria-pressed=false]:hover{color:var(--text)}.profile-switch-thumb{border-radius:var(--radius-pill);background:var(--surface);width:calc(50% - 3px);box-shadow:var(--shadow-soft);transition:transform var(--dur-slow) var(--ease-out);position:absolute;top:3px;bottom:3px;left:3px}.profile-switch.is-social .profile-switch-thumb{transform:translate(100%)}@media (prefers-reduced-motion:reduce){.profile-switch-thumb{transition:none}}.people-picker-backdrop{z-index:calc(var(--z-sheet) + 10);background:var(--scrim);-webkit-backdrop-filter:blur(6px);animation:ui-fade-in var(--dur) var(--ease);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.people-picker,.people-picker-pane{background:var(--surface);min-height:0;color:var(--text);flex-direction:column;display:flex}.people-picker{border-radius:var(--radius-sheet);width:min(440px,100%);height:min(720px,100dvh - 48px);box-shadow:var(--shadow-sheet);animation:ui-rise-in var(--dur-slow) var(--ease-out);overflow:hidden}.people-picker-pane{flex:1;height:100%}.people-picker-bar{flex:none;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:12px 12px 8px;display:grid}.people-picker-bar h2{font-size:var(--fs-title);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.people-picker-icon{border:1px solid var(--line);background:var(--glass);width:44px;height:44px;color:var(--text);-webkit-backdrop-filter:var(--blur);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), opacity var(--dur-fast);border-radius:50%;place-items:center;display:grid}.people-picker-icon:hover:not(:disabled){background:var(--hover)}.people-picker-icon:active:not(:disabled){transform:scale(.94)}.people-picker-icon.confirm{background:var(--accent);color:var(--surface);box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent);border-color:#0000}.people-picker-icon.confirm:hover:not(:disabled){background:var(--accent-pressed)}.people-picker-icon:disabled{opacity:.4;box-shadow:none}.people-picker-query{border-radius:var(--radius-glass);background:var(--hover);transition:background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);border:1px solid #0000;flex:none;margin:4px 16px 8px;padding:6px 8px}.people-picker-query:focus-within{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.people-picker-chips{flex-wrap:wrap;gap:6px;max-height:96px;padding:2px 0 4px;display:flex;overflow:auto}.people-picker-chips>button{border-radius:var(--radius-pill);background:var(--surface);max-width:100%;min-height:30px;color:var(--text);box-shadow:var(--shadow-hairline);transition:background var(--dur-fast), color var(--dur-fast);align-items:center;gap:6px;padding:2px 8px 2px 2px;display:inline-flex}.people-picker-chips>button:hover{background:var(--danger-soft);color:var(--danger)}.people-picker-chips b{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.people-picker-chips svg{color:var(--muted);flex:none}.people-picker-chips .people-picker-avatar{width:26px;height:26px;font-size:11px}.people-picker-query input{width:100%;min-height:34px;color:var(--text);font-size:var(--fs-row);background:0 0;border:0;outline:0;padding:0 6px}.people-picker-query input:focus-visible{outline:0}.people-picker-scroll{flex:1;min-height:0;position:relative}.people-picker-list{overscroll-behavior:contain;height:100%;padding:0 22px 24px 4px;overflow:auto}.people-picker-list h3{color:var(--muted);font-size:var(--fs-secondary);margin:12px 12px 2px;font-weight:700}.people-picker-notice{border-radius:var(--radius-control);background:var(--accent-soft);color:var(--accent-text);font-size:var(--fs-secondary);animation:ui-fade-in var(--dur) var(--ease);margin:0 0 8px;padding:8px 12px}.people-picker-status{color:var(--muted);font-size:var(--fs-secondary);align-items:center;gap:10px;margin:12px;display:flex}.people-picker-status>.ui-spinner{border-width:2px;width:16px;height:16px}.people-picker-status.is-error{border-radius:var(--radius-control);background:var(--danger-soft);color:var(--danger);justify-content:space-between;padding:8px 8px 8px 12px}.people-picker-status.is-error>button{border-radius:var(--radius-pill);min-height:32px;color:inherit;padding:0 12px;font-weight:650}.people-picker-status.is-error>button:hover{background:color-mix(in srgb, var(--danger) 12%, transparent)}.people-picker-empty{color:var(--muted);font-size:var(--fs-secondary);text-align:center;justify-items:center;gap:6px;padding:48px 24px;line-height:1.5;display:grid}.people-picker-empty>strong{color:var(--text);font-size:var(--fs-row)}.people-picker-row{border-radius:var(--radius-control);width:100%;min-height:58px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:6px 12px;display:flex;position:relative}.people-picker-row:hover{background:var(--hover)}.people-picker-row:after{content:"";background:var(--line);height:1px;position:absolute;bottom:0;left:98px;right:0}.people-picker-list>div>.people-picker-row:last-child:after{display:none}.people-picker-mark{border:1.5px solid var(--line-strong);background:var(--surface);width:22px;height:22px;color:var(--surface);transition:background var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.people-picker-mark.on{border-color:var(--accent);background:var(--accent);animation:ui-pop-in var(--dur-fast) var(--ease)}.people-picker-avatar{width:40px;height:40px;color:var(--surface);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid;overflow:hidden}.people-picker-avatar>img{object-fit:cover;width:100%;height:100%}.people-picker-row>span{gap:2px;min-width:0;display:grid}.people-picker-row b{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.people-picker-row small{color:var(--muted);font-size:var(--fs-secondary)}.people-picker-row small.is-online{color:var(--online)}.people-picker-index{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;bottom:4px;right:2px}.people-picker-index>button{min-width:18px;color:var(--accent-text);border-radius:4px;padding:1px 0;font-size:10px;font-weight:700;line-height:1.1}.people-picker-index>button:hover{background:var(--accent-soft)}.people-picker-field,.people-picker-add{width:100%;min-height:48px;color:var(--text);text-align:left;transition:background var(--dur-fast), border-color var(--dur-fast);grid-column:1/-1;align-items:center;gap:12px;display:flex}.people-picker-field{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);padding:8px 12px 8px 14px}.people-picker-field:hover:not(:disabled){border-color:var(--line-strong)}.people-picker-field>span:first-child{color:var(--text-secondary);font-size:var(--fs-secondary);flex:none;font-weight:650}.people-picker-field-value{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:6px;min-width:0;display:flex}.people-picker-field-value>b{border-radius:var(--radius-pill);background:var(--accent-soft);max-width:100%;color:var(--accent-text);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;padding:2px 10px;font-weight:600;overflow:hidden}.people-picker-field-value>small{color:var(--muted);font-size:var(--fs-body)}.people-picker-field>svg{color:var(--line-strong);flex:none}.people-picker-add{border-radius:var(--radius-control);color:var(--accent-text);font-size:var(--fs-row);padding:0 16px;font-weight:600}.people-picker-add:hover:not(:disabled){background:var(--accent-soft)}.people-picker-add:disabled,.people-picker-field:disabled{opacity:.5}@media (width<=900px){.people-picker-backdrop{place-items:end center;padding:0}.people-picker{width:100%;height:calc(100dvh - 24px);padding-bottom:env(safe-area-inset-bottom);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;animation-name:ui-sheet-up}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.people-picker-icon:not(.confirm){background:var(--surface);-webkit-backdrop-filter:none}.people-picker-backdrop{-webkit-backdrop-filter:none}}.team-people{flex-direction:column;margin-top:16px;display:flex}.team-people-toolbar{align-items:center;gap:8px;display:flex}.team-people-search{background:var(--surface);min-width:0;box-shadow:var(--shadow-hairline);flex:1}.team-people-toolbar>.soft-button{flex:none}.team-person-row{align-items:center;gap:12px;min-height:56px;padding:0 12px 0 16px;display:flex}.team-person-profile{min-width:0;min-height:56px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);flex:1;align-items:center;gap:12px;margin-left:-16px;padding:8px 0 8px 16px;display:flex}.team-person-row:hover{background:var(--hover)}.avatar.team-person-avatar,.ui-skeleton.team-person-avatar{border-radius:50%;flex:none;width:40px;height:40px;font-size:13px}.team-person-copy{flex:1;gap:2px;min-width:0;display:grid}.team-person-copy>strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.team-person-copy>small{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-person-row.is-skeleton:hover{background:0 0}.team-person-row.is-skeleton .team-person-copy{gap:8px}.team-person-row.is-skeleton .team-person-copy>.ui-skeleton{width:55%;height:12px}.team-person-row.is-skeleton .team-person-copy>.ui-skeleton+.ui-skeleton{width:35%}.team-role-action{border-radius:var(--radius-pill);min-height:32px;color:var(--danger);font-size:var(--fs-secondary);transition:background var(--dur-fast) var(--ease);flex:none;padding:0 12px;font-weight:650}.team-role-action:hover:not(:disabled){background:var(--danger-soft)}.team-role-action:disabled{opacity:.45}.team-inline-empty{border-radius:var(--radius-card);background:var(--surface);color:var(--muted);font-size:var(--fs-secondary);box-shadow:var(--shadow-hairline);padding:14px 16px}.team-invite-panel{padding:4px 0}.team-confirm{z-index:var(--z-sticky);border:1px solid var(--glass-line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-float);animation:ui-rise-in var(--dur) var(--ease-out);gap:12px;margin-top:16px;padding:16px;display:grid;position:sticky;bottom:12px}.team-confirm>p{font-weight:600;line-height:1.45}.team-confirm>div{gap:8px;display:flex}.team-confirm>div>button{flex:1}.team-feedback{border-radius:var(--radius-control);background:var(--success-soft);color:color-mix(in srgb, var(--success) 60%, var(--text));font-size:var(--fs-secondary);margin-top:12px;padding:10px 14px}.team-people .business-form-error{margin:12px 0 0}.business-organizations{flex-direction:column;gap:12px;margin-top:16px;display:flex}.team-section-heading h3{font-size:var(--fs-title);font-weight:700}.team-section-heading p{color:var(--muted);font-size:var(--fs-secondary)}.business-organization{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);gap:10px;padding:14px 16px;display:grid}.business-organization>summary{cursor:pointer;align-items:center;gap:12px;list-style:none;display:flex}.business-organization>summary::-webkit-details-marker{display:none}.business-organization>summary>svg{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;padding:8px}.business-organization>summary>span{gap:2px;min-width:0;display:grid}.business-organization>summary small{color:var(--muted);font-size:var(--fs-secondary)}.business-organization>p{color:var(--text-secondary);line-height:1.5}.business-organization dl{display:grid}.organization-detail-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.organization-detail-row dt{color:var(--muted);font-size:var(--fs-secondary)}.organization-detail-row dd{text-align:right;overflow-wrap:anywhere;align-items:center;gap:4px;min-width:0;display:flex}.business-organization [role=status]{color:var(--success);font-size:var(--fs-secondary)}.business-organization-form{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.business-organization-form>h3{font-size:var(--fs-title);grid-column:1/-1}.business-organization-form label{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:650;display:grid;position:relative}.business-organization-form>label>:is(input,select){border-radius:var(--radius-control);background:var(--hover);width:100%;min-height:44px;color:var(--text);font-size:var(--fs-body);transition:background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);border:1px solid #0000;outline:0;padding:0 14px;font-weight:500}.business-organization-form>label>:is(input,select):focus{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.business-organization-form>label>:is(input,select):disabled{color:var(--text-secondary);cursor:not-allowed}.business-organization-form>label>select{appearance:none;cursor:pointer;padding-inline-end:36px}.business-organization-form>label:has(>select):after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);pointer-events:none;width:7px;height:7px;position:absolute;bottom:18px;right:16px;transform:rotate(45deg)}.business-organization-form>p{color:var(--muted);font-size:12px}.business-wide{grid-column:1/-1}.business-form-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=900px){.business-organization-form{grid-template-columns:1fr}}.finder-open>.list-scroll-area{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.finder-screen{background:var(--surface);height:100%;min-height:0;animation:ui-fade-in var(--dur) var(--ease-out);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.finder{min-height:0;color:var(--text);flex-direction:column;flex:1;display:flex}.finder-top{border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);flex:none;padding:10px 12px 6px}.finder-field{border-radius:var(--radius-pill);background:var(--hover);min-height:40px;color:var(--muted);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border:1px solid #0000;align-items:center;gap:8px;padding:0 4px 0 14px;display:flex}.finder-field:focus-within{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.finder-field>svg{flex:none}.finder-field>input{min-width:0;height:38px;color:var(--text);font-size:var(--fs-body);background:0 0;border:0;outline:0;flex:1}.finder-field>input::placeholder{color:var(--muted)}.finder-field>button{width:30px;height:30px;color:var(--muted);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.finder-field>button:hover{background:color-mix(in srgb, var(--line) 60%, transparent);color:var(--text)}.finder-field>.finder-close{background:color-mix(in srgb, var(--line) 55%, transparent);color:var(--text-secondary)}.finder-field-top{background:var(--hover)}.finder-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:6px 8px 16px;overflow:auto}.finder-query .finder-scroll{padding-top:2px}.finder-people{scrollbar-width:none;gap:4px;padding:6px 0 10px;display:flex;overflow-x:auto}.finder-people::-webkit-scrollbar{display:none}.finder-people>button{border-radius:var(--radius-control);width:72px;color:var(--text);transition:background var(--dur-fast) var(--ease);flex:none;justify-items:center;gap:6px;padding:6px 2px;display:grid}.finder-people>button:hover{background:var(--hover)}.finder-people .avatar{width:56px;height:56px;font-size:18px}.finder-people small{text-overflow:ellipsis;white-space:nowrap;max-width:68px;font-size:12px;overflow:hidden}.finder-heading{justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:8px 10px 4px;display:flex}.finder-heading>span{color:var(--muted);font-size:var(--fs-secondary);font-weight:650}.finder-heading>button{border-radius:var(--radius-pill);color:var(--accent-text);font-size:var(--fs-secondary);padding:4px 8px;font-weight:600}.finder-heading>button:hover:not(:disabled){background:var(--accent-soft)}.finder-heading>button:disabled{color:var(--muted);opacity:.6;cursor:default}.finder-row{border-radius:var(--radius-control);width:100%;min-height:60px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:7px 10px;display:flex}.finder-row:hover{background:var(--hover)}.finder-row:active{background:color-mix(in srgb, var(--hover) 60%, var(--line))}.finder-row>.avatar{width:44px;height:44px;font-size:14px}.finder-row>span{gap:2px;min-width:0;display:grid}.finder-row b{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.finder-row small{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.finder-empty{color:var(--muted);font-size:var(--fs-secondary);text-align:center;justify-content:center;align-items:center;gap:10px;padding:20px 12px;display:flex}.finder-empty[role=alert]{color:var(--danger)}.ui-empty.finder-idle{min-height:280px}.finder-idle>p{max-width:300px}.finder-dock{z-index:var(--z-sticky);padding:8px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:var(--glass);-webkit-backdrop-filter:var(--blur);flex:none;gap:8px;display:grid;position:relative}.finder-tabs{border-radius:var(--radius-pill);background:var(--hover);gap:2px;padding:3px;display:flex}.finder-tabs>button{border-radius:var(--radius-pill);min-width:0;min-height:32px;color:var(--text-secondary);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);flex:1;padding:0 10px;font-weight:600;overflow:hidden}.finder-tabs>button:hover{color:var(--text)}.finder-tabs>button:is(.selected,[aria-selected=true]){background:var(--surface);color:var(--text);box-shadow:var(--shadow-hairline)}.finder-dock .finder-field{background:var(--surface);border-color:var(--line)}.finder-dock .finder-field:focus-within{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.finder-dock{background:var(--surface);-webkit-backdrop-filter:none}}.chat-search,.chat-contacts{background:var(--surface);height:100%;min-height:0;color:var(--text);animation:ui-slide-in var(--dur) var(--ease-out);flex-direction:column;display:flex}.chat-search.is-leaving,.chat-contacts.is-leaving{animation:chat-search-out var(--dur-fast) var(--ease) forwards}.chat-search-head,.chat-contacts-head{justify-content:space-between;align-items:center;gap:8px;min-height:60px;padding:12px 10px 4px 18px;display:flex}.chat-search-head h2,.chat-contacts-head h2{font-size:var(--fs-screen);letter-spacing:-.03em;font-weight:750}.chat-search-close,.chat-contacts-close{background:var(--hover);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;place-items:center;display:grid}.chat-search-close:hover,.chat-contacts-close:hover{color:var(--text);background:color-mix(in srgb, var(--hover) 60%, var(--line))}.chat-search-field,.chat-contacts-field{border-radius:var(--radius-pill);background:var(--hover);min-height:40px;color:var(--muted);transition:background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);border:1px solid #0000;align-items:center;gap:8px;margin:6px 12px 8px;padding:0 14px;display:flex}.chat-search-field:focus-within,.chat-contacts-field:focus-within{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.chat-search-field input,.chat-contacts-field input{min-width:0;height:38px;color:var(--text);font-size:var(--fs-body);background:0 0;border:0;outline:0;flex:1}.chat-search-field input:focus-visible,.chat-contacts-field input:focus-visible{outline:0}.chat-search-body,.chat-contacts-body{overscroll-behavior:contain;flex:1;min-height:0;padding:0 8px 16px;overflow:auto}.chat-search-hint,.chat-contacts-empty{max-width:280px;color:var(--muted);font-size:var(--fs-secondary);text-align:center;flex-direction:column;align-items:center;gap:10px;margin:10vh auto 0;line-height:1.5;display:flex}.chat-search-hint>svg,.chat-contacts-empty>svg{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:50%;padding:14px}.chat-search-status,.chat-contacts-status{color:var(--muted);font-size:var(--fs-secondary);text-align:center;padding:10px 12px}.chat-search-status.is-error,.chat-contacts-status.is-error{border-radius:var(--radius-control);background:var(--danger-soft);color:var(--danger);margin:6px 4px}.chat-search-row,.chat-contacts-row{border-radius:var(--radius-control);width:100%;min-height:60px;color:var(--text);text-align:left;transition:background var(--dur-fast);align-items:center;gap:12px;padding:7px 10px;display:flex;position:relative}.chat-search-row:hover,.chat-contacts-row:hover{background:var(--hover)}.chat-search-row+.chat-search-row:before,.chat-contacts-row+.chat-contacts-row:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:66px;right:10px}.chat-search-row:hover:before,.chat-search-row:hover+.chat-search-row:before,.chat-contacts-row:hover:before,.chat-contacts-row:hover+.chat-contacts-row:before{opacity:0}.chat-search-avatar,.chat-contacts-avatar{width:44px;height:44px;color:var(--surface);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid;overflow:hidden}.chat-search-copy,.chat-contacts-copy{gap:2px;min-width:0;display:grid}.chat-search-copy strong,.chat-contacts-copy strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.chat-search-copy em,.chat-contacts-copy em{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-search-copy em.is-online,.chat-contacts-copy em.is-online{color:var(--online)}.chat-search-hint>strong,.chat-contacts-empty>strong{color:var(--text);font-size:var(--fs-row);font-weight:650}.chat-search-hint>p,.chat-contacts-empty>p{margin:0}:is(.chat-search-status,.chat-contacts-status).is-error{text-align:left;justify-content:space-between;align-items:center;gap:10px;display:flex}:is(.chat-search-status,.chat-contacts-status).is-error>button{border-radius:var(--radius-pill);min-height:32px;color:var(--danger);flex:none;padding:0 12px;font-weight:650}:is(.chat-search-status,.chat-contacts-status).is-error>button:hover{background:color-mix(in srgb, var(--danger) 12%, transparent)}.chat-search-row.is-skeleton{pointer-events:none}.chat-search-row.is-skeleton:before{display:none}.chat-search-row.is-skeleton .chat-search-copy{gap:8px;width:100%}.chat-search-row.is-skeleton .chat-search-copy>.ui-skeleton{border-radius:var(--radius-pill);width:46%;height:12px}.chat-search-row.is-skeleton .chat-search-copy>.ui-skeleton+.ui-skeleton{width:30%}@keyframes chat-search-out{to{opacity:0;transform:translate(16px)}}.file-preview{z-index:var(--z-sheet);background:color-mix(in srgb, var(--text) 92%, transparent);color:var(--surface);animation:ui-fade-in var(--dur) var(--ease);outline:none;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.file-preview :focus-visible{outline:2px solid var(--surface);outline-offset:2px}.file-preview-head{min-height:60px;padding:max(8px, env(safe-area-inset-top)) 12px 8px 16px;align-items:center;gap:10px;display:flex}.file-preview-kind{border-radius:var(--radius-control);background:color-mix(in srgb, var(--accent) 70%, transparent);width:38px;height:38px;color:var(--surface);flex:none;place-items:center;display:grid}.file-preview-caption{gap:2px;min-width:0;margin-right:auto;display:grid}.file-preview-caption strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.file-preview-caption small{color:color-mix(in srgb, var(--surface) 70%, transparent);font-size:var(--fs-secondary);font-variant-numeric:tabular-nums}.file-preview-action{min-width:var(--control-height);height:var(--control-height);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 14%, transparent);color:var(--surface);font-size:var(--fs-body);transition:background var(--dur-fast) var(--ease);flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:650;text-decoration:none;display:inline-flex}.file-preview-action.is-round{padding:0}.file-preview-action:hover{background:color-mix(in srgb, var(--surface) 24%, transparent)}.file-preview-stage{overscroll-behavior:contain;min-height:0;padding:4px 24px max(24px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;overflow:auto}.file-preview-stage:is(.is-image,.is-video,.is-pdf,.is-none){justify-content:center;overflow:hidden}.file-preview-paper{border-radius:var(--radius-card);background:var(--surface);width:min(100%,860px);color:var(--text);box-shadow:var(--shadow-sheet);animation:ui-fade-in var(--dur) var(--ease-out);flex:none}.file-preview-doc{font-size:var(--fs-body);overflow-wrap:anywhere;padding:40px 48px;line-height:1.6}.file-preview-doc :is(h1,h2,h3,h4){margin:1.2em 0 .5em;line-height:1.3}.file-preview-doc :first-child{margin-top:0}.file-preview-doc p{margin:0 0 .75em}.file-preview-doc :is(ul,ol){margin:0 0 .75em;padding-left:1.4em}.file-preview-doc img{border-radius:8px;max-width:100%;height:auto}.file-preview-doc a{color:var(--accent-text)}.file-preview-doc table{border-collapse:collapse;width:100%;margin:0 0 1em}.file-preview-doc :is(td,th){border:1px solid var(--line);vertical-align:top;padding:6px 8px}.file-preview-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:24px 28px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.file-preview-pdf{border-radius:var(--radius-card);background:var(--surface);width:min(100%,1040px);height:100%;box-shadow:var(--shadow-sheet);border:0}.file-preview-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.file-preview-video.inline-video{background:0 0;width:100%;height:100%}.file-preview-video.inline-video video{object-fit:contain}.file-preview-audio{width:min(100%,480px);margin:auto 0;padding:20px}.file-preview-audio audio{width:100%}.file-preview-sheet{justify-items:center;gap:10px;width:100%;display:grid}.file-preview-tabs{scrollbar-width:none;background:color-mix(in srgb, var(--surface) 14%, transparent);max-width:100%;overflow-x:auto}.file-preview-tabs>button{color:color-mix(in srgb, var(--surface) 80%, transparent);flex:none}.file-preview-table-wrap{width:auto;max-width:100%;overflow:auto}.file-preview-table{border-collapse:separate;border-spacing:0;font-size:var(--fs-secondary);font-variant-numeric:tabular-nums}.file-preview-table :is(th,td){border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:64px;max-width:320px;padding:6px 10px;overflow:hidden}.file-preview-table thead th{z-index:1;background:var(--panel);color:var(--text-secondary);text-align:center;font-weight:600;position:sticky;top:0}.file-preview-table tbody th{background:var(--panel);min-width:44px;color:var(--muted);text-align:right;font-weight:500;position:sticky;left:0}.file-preview-table thead th:first-child{z-index:2;left:0}.file-preview-table tbody tr:hover td{background:var(--hover)}.file-preview-table-wrap>.file-preview-note{color:var(--muted);margin:0;padding:10px 14px;position:sticky;left:0}.file-preview-note{color:color-mix(in srgb, var(--surface) 72%, transparent);font-size:var(--fs-body);margin:auto 0}.file-preview-spinner{border:3px solid color-mix(in srgb, var(--surface) 24%, transparent);border-top-color:var(--surface);border-radius:50%;width:32px;height:32px;margin:auto 0;animation:.8s linear infinite ui-spin}.file-preview-notice{border-radius:var(--radius-card);background:var(--surface);width:min(100%,380px);color:var(--text);text-align:center;box-shadow:var(--shadow-sheet);animation:ui-fade-in var(--dur) var(--ease-out);justify-items:center;gap:8px;margin:auto 0;padding:28px 24px 24px;display:grid}.file-preview-notice-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent-text);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.file-preview-notice strong{font-size:var(--fs-title);font-weight:700}.file-preview-notice p{color:var(--text-secondary);font-size:var(--fs-body);margin:0}.file-preview-notice-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.file-preview-notice-actions a.primary{align-items:center;gap:6px;text-decoration:none;display:inline-flex}@media (width<=600px){.file-preview-head{gap:8px;padding-left:12px}.file-preview-kind{display:none}.file-preview-action:not(.is-round){width:var(--control-height);padding:0}.file-preview-action:not(.is-round)>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.file-preview-stage{padding:0 8px max(8px, env(safe-area-inset-bottom))}.file-preview-doc{padding:24px 20px}.file-preview-text{padding:16px}}@media (prefers-reduced-motion:reduce){.file-preview,.file-preview-paper,.file-preview-notice{animation:none}.file-preview-spinner{animation-duration:2s}}.unread-dot{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.work-danger{color:var(--danger)}.file-trigger{min-height:var(--tap);border-radius:var(--radius-pill);background:var(--hover);color:var(--text-secondary);font-size:var(--fs-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:6px;padding:0 14px;font-weight:650;display:inline-flex;position:relative}.file-trigger:hover{background:color-mix(in srgb, var(--hover) 70%, var(--line));color:var(--text)}.file-trigger:focus-within{outline:2px solid var(--accent);outline-offset:2px}.file-trigger>input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.compact-work-head h1 small{border-radius:var(--radius-pill);background:var(--hover);min-width:22px;height:20px;color:var(--muted);letter-spacing:0;font-variant-numeric:tabular-nums;place-items:center;padding:0 7px;font-size:12px;font-weight:700;display:inline-grid}.compact-work-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex;position:relative}.compact-work-actions>button{min-width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);color:var(--text-secondary);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 8px;display:inline-flex;position:relative}.compact-work-actions>button:hover:not(:disabled){background:var(--hover);color:var(--text)}.compact-work-actions>button:active:not(:disabled){transform:scale(.95)}.compact-work-actions>button.selected{background:var(--accent-soft);color:var(--accent-text)}.compact-work-actions>button.primary{min-height:var(--tap);background:var(--accent);color:var(--surface);font-size:var(--fs-secondary);padding:0 14px}.compact-work-actions>button.primary:hover:not(:disabled){background:var(--accent-pressed);color:var(--surface)}.compact-work-actions>button>small{border:2px solid var(--surface);border-radius:var(--radius-pill);background:var(--accent);min-width:16px;height:16px;color:var(--surface);place-items:center;padding:0 4px;font-size:9.5px;font-weight:750;line-height:1;display:grid;position:absolute;top:1px;right:1px}.compact-work-actions>.view-switch>button{min-width:32px;height:30px;padding:0 10px}.branch-view-switch{flex:none}.filter-popover{z-index:var(--z-menu);border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:color-mix(in srgb, var(--surface) 88%, transparent);width:min(320px,100vw - 32px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);text-align:left;transform-origin:100% 0;animation:ui-pop-in var(--dur-fast) var(--ease-out);flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.filter-popover-title{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:2px 4px -4px;font-size:12px;font-weight:700}.filter-popover>label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;font-weight:650;display:flex}.filter-popover select{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);width:100%;min-height:40px;color:var(--text);font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);outline:0;padding:0 12px;font-weight:500}.filter-popover select:focus-visible{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.filter-choices{flex-wrap:wrap;gap:6px;display:flex}.filter-choices>button{border-radius:var(--radius-pill);background:var(--hover);min-height:32px;color:var(--text);font-size:var(--fs-secondary);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.filter-choices>button:hover{background:color-mix(in srgb, var(--hover) 70%, var(--line))}.filter-choices>button.selected{background:var(--accent);color:var(--surface)}.filter-choices small{border-radius:var(--radius-pill);background:var(--danger);min-width:18px;height:18px;color:var(--surface);place-items:center;padding:0 5px;font-size:10.5px;font-weight:750;display:inline-grid}.filter-choices>button.selected small{background:var(--surface);color:var(--accent-text)}.filter-reset{border-radius:var(--radius-pill);min-height:32px;color:var(--accent-text);font-size:var(--fs-secondary);transition:background var(--dur-fast) var(--ease);align-self:flex-start;padding:0 10px;font-weight:650}.filter-reset:hover:not(:disabled){background:var(--accent-soft)}.filter-reset:disabled{color:var(--muted);opacity:.7}.work-detail{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.work-detail-head{z-index:var(--z-sticky);border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:var(--glass);min-height:58px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);flex:none;align-items:center;gap:10px;margin:10px 12px 0;padding:8px 10px 8px 8px;display:flex;position:relative}.work-detail-head>.primary{border-radius:var(--radius-pill);min-height:36px;font-size:var(--fs-secondary);padding:0 14px}.work-detail-title{flex:1;min-width:0}.work-detail-title h2{font-size:var(--fs-title);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.25;overflow:hidden}.work-detail-title p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.work-detail-scroll{overscroll-behavior:contain;min-height:0;padding:6px max(16px, calc((100% - 720px) / 2)) calc(28px + env(safe-area-inset-bottom));flex:1;overflow:auto}.work-detail-scroll>.error-banner{margin:12px 0 0}.work-group{margin-top:20px}.work-group>h3{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:0 16px 6px;font-size:12px;font-weight:700}.work-group>h3 small{letter-spacing:0;text-transform:none;margin-left:6px;font-weight:600}.work-group-card{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);overflow:hidden}.work-group-card>*{position:relative}.work-group-card>*+:before{content:"";background:var(--line);pointer-events:none;height:1px;position:absolute;top:0;left:16px;right:0}.work-field{min-height:48px;font-size:var(--fs-row);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.work-field>span:first-child{color:var(--text);flex:none}.work-field>:is(b,p){overflow-wrap:anywhere;min-width:0;color:var(--text-secondary);text-align:right;font-weight:500}.work-field>:is(input,select){min-width:0;max-width:60%;min-height:34px;color:var(--accent-text);font-size:var(--fs-row);text-align:right;background:0 0;border:0;border-radius:8px;outline:0;padding:4px 8px}.work-field>:is(input,select):hover{background:var(--hover)}.work-field>:is(input,select):focus-visible{outline:2px solid var(--accent);outline-offset:0}.work-group-card>.primary{border-radius:var(--radius-pill);min-height:36px;margin:10px 16px}.work-placeholder{max-width:360px;color:var(--muted);text-align:center;margin:auto;padding:24px}.work-placeholder h2{color:var(--text);margin-bottom:6px;font-size:19px;font-weight:700}.work-note,.work-status{color:var(--muted);font-size:var(--fs-secondary);padding:12px 16px}.work-rows{flex-direction:column;padding:2px 8px 16px;display:flex}.work-row{border-radius:var(--radius-control);width:100%;min-height:64px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:8px 10px;display:flex;position:relative}.work-row:after{content:"";background:var(--line);pointer-events:none;height:1px;position:absolute;bottom:0;left:64px;right:10px}.work-row:last-child:after,.work-row.selected:after,.work-row:hover:after{opacity:0}.work-row:has(+.selected):after{opacity:0}.work-row:has(+.work-row:hover):after{opacity:0}.work-row:hover:not(.selected){background:var(--hover)}.work-row.selected{background:var(--accent);color:var(--surface)}.work-row>.avatar{width:42px;height:42px}.work-row-mark{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.work-row-copy{min-width:0;color:inherit;text-align:left;flex-direction:column;flex:1;gap:3px;display:flex}.work-row-copy>strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;line-height:1.3;overflow:hidden}.work-row-copy>em{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-row-meta{color:var(--muted);flex-direction:column;flex:none;align-items:flex-end;gap:4px;font-size:12px;font-weight:600;display:flex}.work-row-meta>b{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.work-row.is-done .work-row-copy>strong{color:var(--muted);text-decoration:line-through}.work-unread{border-radius:var(--radius-pill);background:var(--accent);min-width:20px;height:20px;color:var(--surface);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-size:11px;font-weight:750;display:inline-grid}.work-row.selected :is(.work-row-copy>em,.work-row-meta,.work-row-meta>b,.task-check-count,.work-danger){color:color-mix(in srgb, var(--surface) 84%, transparent)}.work-row.selected .work-row-mark,.work-row.selected .task-complete{background:color-mix(in srgb, var(--surface) 22%, transparent);color:var(--surface)}.work-row.selected .work-unread{background:var(--surface);color:var(--accent-text)}.work-row.selected .work-badge{background:color-mix(in srgb, var(--surface) 22%, transparent);color:var(--surface)}.work-row.selected.is-done .work-row-copy>strong{color:var(--surface)}.task-complete{width:42px;height:42px;color:var(--line-strong);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.task-complete:hover:not(:disabled){background:var(--hover);color:var(--success)}.task-complete:active:not(:disabled){transform:scale(.9)}.is-done .task-complete{color:var(--success)}.work-status-select{max-width:9rem;min-height:22px;color:inherit;text-align:right;text-align-last:right;appearance:none;cursor:pointer;background:0 0;border:0;outline:0;padding:0;font-size:12px;font-weight:600}.work-status-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.task-badges{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.task-badges:empty{display:none}.task-check-count{color:var(--muted);align-items:center;gap:3px;font-size:11px;font-weight:600;display:inline-flex}.work-badge{border-radius:var(--radius-pill);background:var(--hover);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:700;line-height:1.6;display:inline-flex}.work-badge:is(.active,.update){background:var(--accent-soft);color:var(--accent-text)}.work-badge:is(.completed,.outcome){background:var(--success-soft);color:color-mix(in srgb, var(--success) 70%, var(--text))}.work-badge:is(.paused,.priority-high){background:var(--warning-soft);color:color-mix(in srgb, var(--warning) 70%, var(--text))}.work-badge:is(.risk,.priority-urgent){background:var(--danger-soft);color:color-mix(in srgb, var(--danger) 80%, var(--text))}.work-badge.decision{background:var(--outgoing);color:var(--text)}.work-task-list{flex-direction:column;min-height:0;display:flex}.work-task-list>.work-error{margin:8px 12px}.work-board{grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;align-items:start;gap:10px;min-width:min-content;padding:2px 12px 20px;display:grid}.work-column{border-radius:var(--radius-card);background:var(--canvas);flex-direction:column;gap:6px;min-width:0;padding:4px 6px 8px;display:flex}.work-column>header{min-height:36px;font-size:var(--fs-secondary);justify-content:space-between;align-items:center;gap:8px;padding:4px 6px 2px 8px;font-weight:700;display:flex}.work-column>header>span{align-items:center;gap:8px;min-width:0;display:flex}.work-column>header i{background:var(--line-strong);border-radius:50%;flex:none;width:8px;height:8px}.work-column.in_progress>header i{background:var(--accent)}.work-column.review>header i{background:var(--warning)}.work-column.done>header i{background:var(--success)}.work-column.cancelled>header i{background:var(--muted)}.work-column>header b{border-radius:var(--radius-pill);background:var(--surface);min-width:22px;height:20px;color:var(--text-secondary);place-items:center;padding:0 6px;font-size:11px;font-weight:750;display:inline-grid}.board-card{border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:var(--radius-control);background:var(--surface);box-shadow:var(--shadow-hairline);cursor:grab;transition:box-shadow var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);padding:10px 12px}.board-card:hover{border-color:var(--line);box-shadow:var(--shadow-soft)}.board-card:active{cursor:grabbing}.task-card-open{width:100%;color:var(--text);text-align:left;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.task-card-open>strong{font-size:var(--fs-body);overflow-wrap:anywhere;font-weight:650;line-height:1.35}.task-card-open>small{color:var(--muted);font-size:12px}.board-card>footer{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.board-card>footer select{border-radius:var(--radius-pill);background:var(--hover);max-width:60%;min-height:28px;color:var(--text);border:0;outline:0;padding:0 8px;font-size:12px;font-weight:600}.board-card>footer select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.column-empty{border:1.5px dashed var(--line);border-radius:var(--radius-control);color:var(--muted);text-align:center;padding:16px 10px;font-size:12px}.checklist-editor>div{align-items:center;gap:8px;min-height:48px;padding:4px 8px 4px 16px;display:flex}.checklist-editor label{min-width:0;font-size:var(--fs-row);cursor:pointer;flex:1;align-items:center;gap:12px;display:flex}.checklist-editor label>span{overflow-wrap:anywhere}.checklist-editor .is-done{color:var(--muted);text-decoration:line-through}.checklist-editor>div>input{border-radius:var(--radius-pill);background:var(--hover);min-width:0;min-height:36px;color:var(--text);font-size:var(--fs-body);border:0;outline:0;flex:1;padding:0 12px}.checklist-editor>div>input:focus-visible{background:var(--surface);box-shadow:0 0 0 2px var(--accent)}.checklist-editor button{width:var(--tap);height:var(--tap);color:var(--muted);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.checklist-editor button:hover:not(:disabled){background:var(--hover);color:var(--text)}.checklist-editor button:disabled{opacity:.4}.workspace-feed{flex-direction:column;gap:10px;width:100%;max-width:720px;height:100%;margin:0 auto;padding:12px 12px 28px;display:flex;overflow:auto}.work-feed-filters{scrollbar-width:none;align-items:center;gap:6px;display:flex;overflow-x:auto}.work-feed-filters::-webkit-scrollbar{display:none}.work-feed-filters>select{border-radius:var(--radius-pill);background:var(--hover);min-height:32px;color:var(--text);font-size:var(--fs-secondary);border:0;outline:0;flex:none;padding:0 12px;font-weight:600}.work-feed-filters>.soft-button{border-radius:var(--radius-pill);min-height:32px;font-size:var(--fs-secondary);flex:none;padding:0 12px}.work-tabs{gap:4px;display:flex}.work-tabs>button{border-radius:var(--radius-pill);min-height:32px;color:var(--text-secondary);font-size:var(--fs-secondary);white-space:nowrap;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);flex:none;padding:0 12px;font-weight:600}.work-tabs>button:hover{background:var(--hover);color:var(--text)}.work-tabs>button.selected{background:var(--accent);color:var(--surface)}.workspace-feed .feed-post>.message-markdown{font-size:var(--fs-row);overflow-wrap:anywhere;line-height:1.5}.feed-file{border-radius:var(--radius-control);width:100%;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:6px 8px;display:flex}.feed-file:hover{background:var(--hover)}.feed-file>span:not(.feed-file-icon){min-width:0;font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.feed-file>small{color:var(--muted);flex:none;font-size:12px}.feed-file>.feed-file-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.entity-list{flex-direction:column;padding:2px 8px 16px;display:flex}.entity-list>h3{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:14px 10px 4px;font-size:12px;font-weight:700}.entity-list>h3:first-child{margin-top:4px}.search-result,.entity-card{border-radius:var(--radius-control);width:100%;min-height:60px;color:var(--text);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:8px 10px;display:flex}.search-result:hover,.entity-card:hover{background:var(--hover)}.search-result>svg,.entity-card>.call-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:50%;flex:none;place-items:center;padding:11px;display:grid}.entity-card>.call-icon>svg{width:20px;height:20px}.entity-card>.call-icon{padding:0}.search-result>span,.entity-card>.conversation-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-result strong,.entity-card .conversation-copy>strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.search-result small,.entity-card .conversation-copy>em{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entity-card>.conversation-meta{color:var(--muted);flex:none;font-size:12px}.entity-card>.inline-button{border-radius:var(--radius-pill);min-height:32px}.edit-bar{z-index:var(--z-sticky);background:var(--glass);-webkit-backdrop-filter:var(--blur);gap:6px;padding:8px;display:flex;position:sticky;top:0;overflow-x:auto}.edit-bar>button{border-radius:var(--radius-pill);background:var(--hover);min-height:32px;color:var(--text);font-size:var(--fs-secondary);flex:none;padding:0 12px;font-weight:650}.edit-bar>button.danger{color:var(--danger)}.edit-bar>button:disabled{opacity:.45}.edit-check{border:1.5px solid var(--line-strong);width:22px;height:22px;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:50%;flex:none}.edit-check.on{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}@media (width<=900px){.work-detail-head{padding:calc(8px + env(safe-area-inset-top)) 10px 8px 8px;border:0;border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);box-shadow:none;border-radius:0;margin:0}.work-detail-scroll{padding-inline:12px}.work-board{grid-auto-columns:min(300px,100vw - 56px)}}@media (width<=700px){.filter-popover{top:auto;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));border-radius:var(--radius-sheet);background:var(--surface);width:auto;max-height:calc(100dvh - 48px);box-shadow:var(--shadow-sheet);transform-origin:bottom;animation:ui-sheet-up var(--dur-slow) var(--ease-out);padding:16px;position:fixed;left:8px;overflow:auto}.filter-choices>button{min-height:38px}.compact-work-actions>button.primary>span{display:none}.compact-work-actions>button.primary{width:var(--tap);padding:0}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.filter-popover,.work-detail-head,.edit-bar{background:var(--surface);-webkit-backdrop-filter:none}}.task-schedule-mode .filter-choices{margin-top:6px}.task-weekdays>button{justify-content:center;min-width:40px}.task-time-range{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.task-time>.task-date-trigger{font-variant-numeric:tabular-nums}.time-popover{transform-origin:100% 0;width:168px;min-width:0;padding:6px}.time-columns{grid-template-columns:1fr 1fr;gap:4px;display:grid}.time-column{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;gap:2px;max-height:232px;display:flex;overflow-y:auto}.time-column+.time-column{border-left:1px solid var(--line);padding-left:4px}.time-cell{border-radius:var(--radius-control);min-height:32px;color:var(--text);font-size:var(--fs-row);font-variant-numeric:tabular-nums;transition:background var(--dur-fast) var(--ease);flex:none}.time-cell:hover{background:var(--hover)}.time-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.time-cell[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);font-weight:650}.task-occurrence{color:var(--text-secondary);font-size:var(--fs-secondary);align-items:center;gap:8px;display:inline-flex}.task-nudge-label{align-items:center;gap:8px;display:inline-flex}.task-nudge-value{align-items:center;gap:4px;display:inline-flex}.task-due svg{vertical-align:-2px;margin-right:4px}.task-head-actions{align-items:center;gap:4px;margin-left:auto;display:flex;position:relative}.task-head-actions>.view-switch{margin-right:2px}.task-head-actions>.view-switch>button{min-width:32px;height:30px;padding:0 8px}.task-filter-toggle{position:relative}.filter-popover.task-filter{overscroll-behavior:contain;max-height:min(640px,100dvh - 140px);overflow-y:auto}.task-filter-range{border-radius:var(--radius-control);background:var(--hover);animation:ui-fade-in var(--dur) var(--ease);gap:6px;padding:8px;display:grid}.task-filter-range-edge{align-items:center;gap:8px;display:flex}.task-filter-range-edge>small{width:22px;color:var(--muted);font-size:var(--fs-secondary);flex:none;font-weight:650}.task-filter-range-hint{color:var(--muted);font-size:var(--fs-secondary);margin:0 2px}.executor-filter-field{box-sizing:border-box;border-radius:var(--radius-control);background:var(--hover);width:100%;min-width:0;min-height:48px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);align-self:stretch;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:flex}.executor-filter-field:hover{background:color-mix(in srgb, var(--hover) 70%, var(--line))}.executor-filter-field:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.executor-filter-field[aria-expanded=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.executor-filter-field>.people-picker-avatar{width:34px;height:34px;font-size:13px}.executor-filter-field>svg{color:var(--muted);flex:none}.executor-filter-any{background:var(--surface);width:34px;height:34px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.executor-filter-any.is-row{background:var(--hover);width:40px;height:40px}.executor-filter-value{flex:1;min-width:0;display:grid}.executor-filter-value>small{color:var(--muted);font-size:11px;font-weight:650}.executor-filter-value>b{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.executor-filter-value.is-empty>b{color:var(--text-secondary);font-weight:500}.executor-filter-tabs{flex:none;margin:0 16px 4px}.executor-filter-tabs>button{flex:1}.task-filter-dot{border:2px solid var(--surface);background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.task-search-clear{width:24px;height:24px;color:var(--muted);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;margin-right:-4px;display:grid}.task-search-clear:hover{background:color-mix(in srgb, var(--text) 8%, transparent);color:var(--text)}.task-rows{flex-direction:column;padding:2px 8px 16px;display:flex}.task-row{border-radius:var(--radius-control);width:100%;min-height:64px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:8px 10px;display:flex;position:relative}.task-row:after{content:"";background:var(--line);pointer-events:none;height:1px;position:absolute;bottom:0;left:62px;right:10px}.task-row:last-child:after,.task-row.selected:after,.task-row:hover:after{opacity:0}.task-row:has(+.selected):after{opacity:0}.task-row:has(+.task-row:hover):after{opacity:0}.task-row:hover:not(.selected):not(.is-skeleton){background:var(--hover)}.task-row:active:not(.is-skeleton){transform:scale(.995)}.task-row.selected{background:var(--accent);color:var(--surface)}.task-row-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.task-row-line{align-items:center;gap:8px;min-width:0;display:flex}.task-title{min-width:0;font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:650;line-height:1.3;overflow:hidden}.task-description{min-width:0;color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.35;overflow:hidden}.task-due{color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.task-due.is-overdue{color:var(--danger)}.task-row.is-done:not(.selected) .task-title{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent)}.task-row.selected :is(.task-description,.task-due){color:color-mix(in srgb, var(--surface) 82%, transparent)}.task-row.selected .task-due.is-overdue{color:var(--surface)}.task-row .unread-dot,.task-card .unread-dot{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px}.task-row.selected .unread-dot{background:var(--surface)}.task-avatar{width:24px;height:24px;font-size:10px;font-weight:700}.task-row.selected .task-avatar{box-shadow:0 0 0 1.5px var(--surface)}.task-chips{flex:0 auto;align-items:center;gap:4px;min-width:0;max-width:58%;display:inline-flex;overflow:hidden}.task-chip{--tone:var(--accent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--tone) 14%, var(--surface));min-width:0;max-width:120px;height:18px;color:color-mix(in srgb, var(--tone) 50%, var(--text));font-size:var(--fs-caption);white-space:nowrap;flex:0 auto;align-items:center;gap:3px;padding:0 7px;font-weight:650;line-height:18px;display:inline-flex}.task-chip>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.task-chip>svg{flex:none}.task-chip.is-more{background:var(--hover);color:var(--text-secondary);flex:none}.task-chip.is-narrow{display:none}:is(.task-chip,.task-link-dot).is-accent{--tone:var(--accent)}:is(.task-chip,.task-link-dot).is-success{--tone:var(--success)}:is(.task-chip,.task-link-dot).is-warning{--tone:var(--warning)}:is(.task-chip,.task-link-dot).is-violet{--tone:color-mix(in srgb, var(--accent) 55%, var(--danger))}:is(.task-chip,.task-link-dot).is-teal{--tone:color-mix(in srgb, var(--accent) 50%, var(--success))}.task-row.selected .task-chip{background:color-mix(in srgb, var(--surface) 22%, transparent);color:var(--surface)}.task-card .task-chips{max-width:100%;margin-top:2px}.task-card .task-chip{max-width:140px}.task-overdue-toggle{border-radius:var(--radius-pill);background:var(--danger-soft);min-height:38px;color:var(--danger-text);font-size:var(--fs-secondary);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);flex:none;align-items:center;gap:6px;padding:0 10px 0 12px;font-weight:650;display:inline-flex}.task-overdue-toggle:hover{background:color-mix(in srgb, var(--danger) 16%, var(--surface))}.task-overdue-toggle.selected{background:var(--danger-text);color:var(--surface)}.task-overdue-toggle>small{border-radius:var(--radius-pill);background:var(--surface);min-width:20px;height:20px;color:var(--danger-text);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-weight:750;display:inline-grid}.task-active-filters{scrollbar-width:none;align-items:center;gap:6px;margin:-2px -14px 0;padding:0 14px 2px;display:flex;overflow-x:auto}.task-active-filters::-webkit-scrollbar{display:none}.task-active-chip{white-space:nowrap;flex:none;min-height:28px;padding:0 8px 0 10px;font-size:12px}.task-active-chip:hover{background:color-mix(in srgb, var(--accent-soft) 70%, var(--accent) 12%)}.task-active-filters>.filter-reset{flex:none;min-height:28px}.task-list-error>.task-retry,.task-retry{border-radius:var(--radius-pill);align-items:center;gap:4px;width:auto;height:auto;min-height:30px;padding:0 10px;font-size:12px;font-weight:650;display:inline-flex}.task-list-error{margin:4px 12px 8px}.task-toast{bottom:calc(20px + env(safe-area-inset-bottom));z-index:var(--z-toast);border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:color-mix(in srgb, var(--surface) 92%, transparent);width:max-content;max-width:min(480px,100vw - 24px);box-shadow:var(--shadow-float);color:var(--danger-text);font-size:var(--fs-secondary);-webkit-backdrop-filter:var(--blur);animation:task-toast-in var(--dur) var(--ease-out);align-items:center;gap:10px;padding:10px 8px 10px 16px;font-weight:600;line-height:1.4;display:flex;position:fixed;left:50%;transform:translate(-50%)}.task-toast>span{overflow-wrap:anywhere;flex:1;min-width:0}.task-toast>button{width:var(--tap);height:var(--tap);color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.task-toast>button:hover{background:var(--hover);color:var(--text)}@keyframes task-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.task-confirm{width:min(400px,100%)}.task-confirm .ui-button.is-danger{color:var(--danger-text)}.task-confirm .modal-actions{flex-wrap:wrap}.task-confirm .modal-actions>button{min-height:var(--control-height);border-radius:var(--radius-pill)}.task-mark{background:var(--hover);width:40px;height:40px;color:var(--muted);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.task-mark.is-in_progress{background:var(--accent-soft);color:var(--accent)}.task-mark.is-review{background:var(--warning-soft);color:color-mix(in srgb, var(--warning) 80%, var(--text))}.task-mark.is-done{background:var(--success-soft);color:color-mix(in srgb, var(--success) 85%, var(--text))}.task-mark.is-cancelled{background:var(--hover);color:var(--muted)}.task-row.selected .task-mark{background:color-mix(in srgb, var(--surface) 22%, transparent);color:var(--surface)}.task-row.is-skeleton{pointer-events:none}.task-skeleton-mark{border-radius:50%;flex:none;width:40px;height:40px}.task-skeleton-line{width:72%;height:12px;display:block}.task-skeleton-line.is-short{width:44%;height:10px}.task-skeleton-card{border-radius:var(--radius-control);height:76px;margin-top:6px;display:block}.task-board-panel .list-scroll-area{overflow:auto}.task-board{grid-auto-columns:minmax(264px,1fr);grid-auto-flow:column;align-items:start;gap:10px;min-width:min-content;padding:2px 12px 20px;display:grid}.task-column{border-radius:var(--radius-card);background:var(--canvas);min-width:0;transition:background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;padding:4px 6px 8px;display:flex;box-shadow:inset 0 0 0 1.5px #0000}.task-column>*+*{margin-top:6px}.task-column>.task-card.held{margin-top:0}.task-column.over{background:color-mix(in srgb, var(--accent-soft) 80%, var(--canvas));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 40%, transparent)}.task-column-head{align-items:center;gap:8px;min-height:36px;padding:4px 6px 2px 8px;display:flex}.task-column-head:before{content:"";background:var(--line-strong);border-radius:50%;flex:none;width:8px;height:8px}.task-column.is-in_progress .task-column-head:before{background:var(--accent)}.task-column.is-review .task-column-head:before{background:var(--warning)}.task-column.is-done .task-column-head:before{background:var(--success)}.task-column.is-cancelled .task-column-head:before{background:var(--danger)}.task-complete{width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.task-row.selected .task-complete,.task-card .task-complete{color:inherit}.task-column-head h2{min-width:0;font-size:var(--fs-secondary);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.task-column-count{border-radius:var(--radius-pill);background:var(--surface);min-width:22px;height:20px;color:var(--text-secondary);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-size:11px;font-weight:750;display:inline-grid}.task-column-empty{border:1.5px dashed var(--line);border-radius:var(--radius-control);color:var(--muted);text-align:center;padding:18px 10px;font-size:12px}.task-card{border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:var(--radius-control);background:var(--surface);width:100%;color:var(--text);box-shadow:var(--shadow-hairline);text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.task-card:hover{border-color:var(--line);box-shadow:var(--shadow-soft)}.task-card:active{cursor:grabbing}.task-card .task-title{font-size:var(--fs-body);white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;line-height:1.35;display:-webkit-box}.task-card .task-description{flex:none;font-size:12px}.task-card-meta{min-width:0;color:var(--muted);align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.task-card-meta>small{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.task-card-meta>.task-avatar{width:22px;height:22px}.task-card.held{opacity:0;height:0;min-height:0;box-shadow:none;border:0;padding:0;overflow:hidden}.task-card.lifted{z-index:var(--z-menu);border-color:color-mix(in srgb, var(--accent) 22%, var(--line));box-shadow:var(--shadow-float);cursor:grabbing;pointer-events:none;will-change:transform;margin:0;transition:none;position:fixed;overflow:hidden}.task-card.lifted.landing,.task-card.lifted.returning{box-shadow:var(--shadow-soft);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out)}.task-card.returning{animation:ui-fade-in var(--dur) var(--ease)}.task-slot{border:1.5px dashed color-mix(in srgb, var(--accent) 40%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--accent-soft) 70%, transparent);animation:ui-fade-in var(--dur-fast) var(--ease);flex:none}.task-screen{overscroll-behavior:contain;--md-sticky-top:78px;flex-direction:column;height:100%;min-height:0;scroll-padding-top:88px;display:flex;overflow:auto}.task-screen-head{z-index:var(--z-sticky);border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:var(--glass);min-height:58px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);flex:none;align-items:center;gap:10px;margin:10px 12px 0;padding:8px 12px 8px 8px;display:flex;position:sticky;top:10px}.task-screen-head>.task-mark{width:36px;height:36px}.task-screen-title{flex:1;min-width:0}.task-screen-title h2{font-size:var(--fs-title);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.25;overflow:hidden}.task-screen-title h2.task-title{flex:none}.task-screen-title p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.task-title-button{max-width:100%;color:inherit;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;border-radius:8px;overflow:hidden}.task-title-button:hover{background:var(--hover)}.task-title-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.task-title-edit{flex-direction:column;gap:2px;min-width:0;display:flex}.task-title-edit>input{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);width:100%;min-height:34px;color:var(--text);font-size:var(--fs-row);padding:0 12px;font-weight:650}.task-title-edit>input:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.task-title-edit>small{color:var(--muted);padding:0 12px;font-size:12px}.task-title-edit>small[role=alert]{color:var(--danger)}@media (pointer:coarse){.task-title-edit>small.is-hint{display:none}}.task-head-edit.inline-button{min-height:32px;color:var(--accent-text);font-size:var(--fs-secondary);flex:none;padding:0 10px;font-weight:650}.task-head-action{border-radius:var(--radius-pill);min-height:36px;font-size:var(--fs-secondary);padding:0 14px}.task-saving{border-width:2px;flex:none;width:18px;height:18px}.task-screen-body{width:100%;max-width:720px;padding:6px 16px calc(28px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.task-screen-body>.work-error{margin:12px 0 0}.task-screen-body.is-split{max-width:1120px;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.task-main,.task-side{flex-direction:column;min-width:0;display:flex}@container task-view (width>=720px){.task-screen-body.is-split{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;column-gap:24px;padding-inline:24px;display:grid}.task-screen-body.is-split>.task-body-error{grid-column:1/-1}}@container task-view (width>=1000px){.task-screen-body.is-split{grid-template-columns:minmax(0,1fr) 340px;column-gap:32px}}.task-view{flex-direction:column;height:100%;min-height:0;display:flex;position:relative;container:task-view/inline-size}.task-view>.task-screen{flex:1;height:auto}.task-field-value{color:var(--text-secondary);font-size:var(--fs-row);text-align:right;font-weight:550}.task-field.is-overdue .task-field-value{color:var(--danger-text)}.task-head-edit.inline-button{gap:6px}.task-head-cancel{border-radius:var(--radius-pill);min-height:36px;font-size:var(--fs-secondary);flex:none}.task-link-row>span:first-child,.task-link-row>.row-link{align-items:center;gap:10px;display:inline-flex}.task-link-dot{--tone:var(--accent);background:color-mix(in srgb, var(--tone) 18%, var(--surface));width:18px;height:18px;box-shadow:inset 0 0 0 5px var(--tone);color:var(--surface);border-radius:50%;flex:none;place-items:center;display:inline-grid}.task-link-dot:has(svg){box-shadow:none;background:var(--tone)}.task-meta{margin:0}.task-meta>.task-field>dt{flex:1;min-width:0}.task-meta>.task-field>dd{color:var(--text-secondary);font-size:var(--fs-secondary);text-align:right;margin:0}.task-group>.task-file-row>.ui-icon-button{flex:none;margin-right:-8px}.task-section,.task-form-section{border:0;min-width:0;margin:20px 0 0;padding:0}.task-section-title,.task-form-section>legend{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:0 16px 6px;padding:0;font-size:12px;font-weight:700}.task-form-section>legend{float:left;width:calc(100% - 32px)}.task-form-section>legend+*{clear:both}.task-group{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);overflow:clip}.task-group>*{position:relative}.task-group>*+:before{content:"";background:var(--line);pointer-events:none;height:1px;position:absolute;top:0;left:16px;right:0}.task-group>.task-person+:before{left:64px}.task-field{min-height:48px;color:var(--text);font-size:var(--fs-row);justify-content:space-between;align-items:center;gap:12px;padding:6px 16px;display:flex}.task-field>span:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.task-field>span:first-child>small{color:var(--muted);font-size:12px;display:block}.task-field>small{color:var(--muted);font-size:var(--fs-secondary);flex:none}.task-field>input:not([type=checkbox]){min-width:0;max-width:60%;min-height:34px;color:var(--accent-text);font-size:var(--fs-row);text-align:right;transition:background var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:8px;outline:0;padding:4px 8px;font-weight:550}.task-field>input:not([type=checkbox]):hover:not(:disabled){background:var(--hover)}.task-field>input:focus-visible{outline:2px solid var(--accent);outline-offset:0}.task-field>input:disabled{color:var(--text-secondary);cursor:default;opacity:1}.task-field.is-overdue>input{color:var(--danger)}.task-date{flex:none;align-items:center;gap:2px;display:inline-flex;position:relative}.task-date-trigger{border-radius:var(--radius-pill);background:var(--hover);min-height:32px;color:var(--muted);font-size:var(--fs-secondary);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.task-date.has-value>.task-date-trigger{background:var(--accent-soft);color:var(--accent-text)}.task-date-trigger:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.task-date-trigger:disabled{color:var(--text-secondary);cursor:default;background:0 0}.task-field.is-overdue .task-date-trigger{background:var(--danger-soft);color:var(--danger)}.task-date-clear{width:28px;height:28px;color:var(--muted);transition:background var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:grid}.task-date-clear:hover{background:var(--hover);color:var(--text)}.task-date-trigger[aria-expanded=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.date-popover{transform-origin:100% 0;width:304px;min-width:0;padding:10px}.date-calendar{flex-direction:column;gap:8px;display:flex}.date-quick{flex-wrap:wrap;gap:6px;display:flex}.date-quick>.ui-chip{min-height:30px;transition:background var(--dur-fast) var(--ease);padding:0 11px;font-size:12px}.date-quick>.ui-chip:hover:not(.is-selected){background:color-mix(in srgb, var(--hover) 70%, var(--line))}.date-month{justify-content:space-between;align-items:center;gap:8px;padding:2px 0;display:flex}.date-month>strong{font-size:var(--fs-row);font-weight:700}.date-month>.ui-icon-button{width:32px;height:32px}.date-weekdays,.date-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.date-weekdays>span{color:var(--muted);text-align:center;padding:2px 0;font-size:11px;font-weight:650}.date-grid{row-gap:2px}.date-day{width:36px;height:36px;color:var(--text);font-size:var(--fs-body);font-variant-numeric:tabular-nums;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:50%;justify-self:center;font-weight:550}.date-day:hover:not(.is-selected){background:var(--hover)}.date-day.is-outside{color:var(--muted)}.date-day.is-today{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent-text);font-weight:750}.date-day.is-selected{background:var(--accent);color:var(--surface);box-shadow:none}.date-day:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.task-link-row>span:first-child,.task-link-row>.row-link{min-width:0}.task-link-row>.task-link-remove{width:32px;height:32px;color:var(--muted);flex:none;margin-right:-8px}.task-link-row>.task-link-remove:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.task-link-add{width:100%;min-height:48px;color:var(--accent-text);font-size:var(--fs-row);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:center;gap:10px;padding:0 16px;font-weight:600;display:flex}.task-link-add:hover:not(:disabled){background:var(--hover)}.task-link-add:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.task-link-add:disabled{color:var(--muted);cursor:default}.link-picker{gap:10px;width:min(480px,100%);height:min(640px,100dvh - 48px);padding:18px 14px 12px;overflow:hidden}.link-picker>header{padding:0 4px 0 6px}.link-picker-tabs{flex:none;align-self:stretch}.link-picker-tabs>button{flex:1}.link-picker-tabs .ui-badge{min-width:18px;height:18px;font-size:10px}.link-picker-search{flex:none}.link-picker-clear{width:28px;height:28px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.link-picker-clear:hover{background:var(--hover);color:var(--text)}.link-picker-error{flex:none;justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex}.link-picker-list{overscroll-behavior:contain;flex:1;min-height:0;margin:0 -6px;padding:0 6px 6px;overflow:auto}.link-picker-row{border-radius:var(--radius-control);cursor:pointer;min-height:52px;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:6px 10px;display:flex}.link-picker-row.is-active{background:var(--hover)}.link-picker-mark{border:1.5px solid var(--line-strong);width:22px;height:22px;color:var(--surface);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.link-picker-mark.is-on{border-color:var(--accent);background:var(--accent)}.link-picker-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.link-picker-copy>strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.link-picker-copy>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.link-picker-row[aria-selected=true] .link-picker-copy>strong{color:var(--accent-text)}.link-picker-more{color:var(--muted);text-align:center;padding:10px 10px 4px;font-size:12px;line-height:1.45}.link-picker-empty{flex:1;min-height:0}.link-picker-foot{border-top:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:8px 4px 0;display:flex}.link-picker-foot>span{min-width:0;color:var(--muted);font-size:var(--fs-secondary);flex:1}.link-picker-foot>:is(.primary,.ui-button){border-radius:var(--radius-pill);min-height:36px;font-size:var(--fs-secondary)}@media (width<=700px){.link-picker-backdrop{place-items:end stretch;padding:0}.link-picker{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;height:min(86dvh,720px);padding-bottom:calc(12px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.link-picker-row,.link-picker-mark,.task-link-add,.date-day{transition:none}}.task-field.is-stacked{flex-direction:column;align-items:stretch;gap:2px;padding:10px 16px}.task-field.is-stacked>span:first-child{color:var(--muted);font-size:12px;font-weight:650}.task-field.is-stacked>input.task-title-input{max-width:none;min-height:30px;color:var(--text);font-size:var(--fs-title);text-align:left;margin:0 -8px;font-weight:650}.task-field.is-stacked>input.task-title-input:disabled{color:var(--text)}.task-check{cursor:pointer}.task-check>input[type=checkbox]:not(.task-switch){width:20px;height:20px}.task-switch{border-radius:var(--radius-pill);appearance:none;background-color:var(--line-strong);background-image:radial-gradient(circle at center, var(--surface) 9.5px, transparent 10.5px);cursor:pointer;width:44px;height:26px;transition:background-color var(--dur) var(--ease), background-position var(--dur) var(--ease);background-position:0 0;background-repeat:no-repeat;background-size:26px 26px;flex:none;margin:0}.task-switch:checked{background-color:var(--success);background-position:18px 0}.task-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.task-person{align-items:center;gap:12px;min-height:56px;padding:8px 12px 8px 16px;display:flex}.task-person-avatar{width:36px;height:36px;font-size:13px}.task-person-copy{flex-direction:column;flex:1;min-width:0;display:flex}.task-person-copy strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.task-person-copy small{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-person-remove.inline-button{min-height:32px;color:var(--danger);font-size:var(--fs-secondary);padding:0 10px}.task-person-remove.inline-button:hover:not(:disabled){background:var(--danger-soft)}.task-person-remove.inline-button{white-space:nowrap;flex:none}.task-person.is-pending .task-person-avatar{opacity:.6}.task-person.is-pending .task-person-copy small{white-space:normal;line-height:1.35}.task-group .people-picker-field,.task-group .people-picker-add{min-height:48px;font-size:var(--fs-row);transition:background-color var(--dur-fast) var(--ease);background-color:#0000;border:0;border-radius:0}.task-group .people-picker-field{padding:8px 12px 8px 16px}.task-group .people-picker-add{gap:10px;padding:0 16px;font-weight:600}.task-group .people-picker-field>span:first-child{color:var(--text);font-size:var(--fs-row);font-weight:500}.task-group :is(.people-picker-field,.people-picker-add):hover:not(:disabled){background-color:var(--hover)}.task-group :is(.people-picker-field,.people-picker-add):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.task-group.is-prose,.task-group-block.is-prose{padding:12px 16px}.task-placeholder{color:var(--muted);font-size:var(--fs-body)}.task-file-row{min-height:52px;color:var(--text);font-size:var(--fs-body);transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:8px 16px;font-weight:550;display:flex}.task-file-row:has(>.task-file-open:hover){background:var(--hover)}.task-file-open{min-width:0;min-height:36px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.task-file-open:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.task-file-copy{flex-direction:column;flex:1;min-width:0;display:flex}.task-file-copy>b{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.task-file-copy>small{color:var(--muted);font-size:12px;font-weight:500}.task-file-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.task-file-icon.is-image{background:var(--hover);border-radius:8px}.task-file-icon.is-image>img{object-fit:cover;width:100%;height:100%}.task-attach{min-height:34px;padding:0 12px}.task-attach[aria-disabled=true]{opacity:.55;cursor:default}.task-attach[aria-disabled=true]>input{cursor:default}.task-title-static{color:var(--text);font-size:var(--fs-title);overflow-wrap:anywhere;margin:0;font-weight:650;line-height:1.3}.task-notice{border-radius:var(--radius-control);background:var(--accent-soft);color:var(--accent-text);font-size:var(--fs-secondary);align-items:flex-start;gap:10px;margin:0;padding:10px 14px;line-height:1.45;display:flex}.task-notice>svg{flex:none;margin-top:1px}.task-section-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;display:flex}.task-section-actions>:is(.primary,.soft-button){border-radius:var(--radius-pill);min-height:38px}.task-form-hint{color:var(--muted);margin:6px 16px 0;font-size:12px;line-height:1.5}.task-form-hint.is-danger{color:var(--danger-text)}.task-pane-status{height:100%;color:var(--muted);font-size:var(--fs-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:relative}.task-pane-status>.chat-back{position:absolute;top:14px;left:14px}.task-discussion-fab{right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:var(--z-float);min-height:var(--control-height);border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass);box-shadow:var(--shadow-float);color:var(--accent-text);font-size:var(--fs-body);-webkit-backdrop-filter:var(--blur);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);align-items:center;gap:8px;padding:0 16px 0 14px;font-weight:650;display:inline-flex;position:absolute}.task-discussion-fab:hover{box-shadow:var(--shadow-sheet)}.task-discussion-fab:active{transform:scale(.97)}.task-discussion-fab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.task-discussion-fab>.ui-badge{margin-right:-6px}.task-drawer-scrim{z-index:var(--z-sheet);background:var(--scrim);animation:ui-fade-in var(--dur) var(--ease);position:absolute;inset:0}.task-drawer{z-index:var(--z-sheet);border-radius:var(--radius-sheet);background:var(--canvas);width:min(420px,100% - 16px);box-shadow:var(--shadow-sheet);animation:task-drawer-in var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:absolute;top:8px;bottom:8px;right:8px;overflow:hidden}.task-drawer[hidden]{display:none}@keyframes task-drawer-in{0%{transform:translate(calc(100% + 16px))}to{transform:none}}@keyframes task-drawer-up{0%{transform:translateY(100%)}to{transform:none}}.task-drawer-head{border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:var(--glass);min-height:56px;-webkit-backdrop-filter:var(--blur);flex:none;align-items:center;gap:8px;padding:8px 8px 8px 18px;display:flex;position:relative}.task-drawer-head>h2{min-width:0;font-size:var(--fs-title);flex:1;font-weight:700}.task-drawer-grip{display:none}.task-drawer>.task-discussion{flex-direction:column;flex:1;min-height:0;padding:0 10px;display:flex}.task-drawer .task-thread{border-radius:0;flex:1;min-height:0;margin:0 -10px}.task-drawer .task-compose{background:0 0;position:static}.task-drawer .task-compose-error{margin:0 0 8px}.task-thread{overscroll-behavior:contain;border-radius:var(--radius-card);background:var(--wallpaper);flex-direction:column;gap:4px;min-height:132px;padding:12px 10px;display:flex;overflow:auto}.task-note{border-radius:var(--radius-card) var(--radius-card) var(--radius-card) 6px;background:var(--surface);max-width:min(82%,520px);box-shadow:var(--shadow-hairline);font-size:var(--fs-body);animation:ui-rise-in var(--dur) var(--ease-out);align-self:flex-start;gap:1px;padding:6px 10px 5px 12px;line-height:1.4;display:grid}.task-note.mine{border-radius:var(--radius-card) var(--radius-card) 6px var(--radius-card);background:var(--outgoing);align-self:flex-end}.task-note+.task-note:not(.mine),.task-note.mine+.task-note.mine{margin-top:-1px}.task-note>strong{color:var(--accent-text);font-size:12.5px;font-weight:700}.task-note>p{white-space:pre-wrap;overflow-wrap:anywhere}.task-note>time,.task-note>small{color:var(--muted);justify-self:end;font-size:11px;line-height:1.2}.task-note.pending{opacity:.78}.task-note.is-failed{background:var(--danger-soft);opacity:1}.task-note-retry{border-radius:var(--radius-pill);min-height:28px;color:var(--danger);justify-self:end;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:650;display:inline-flex}.task-note-retry:hover{background:color-mix(in srgb, var(--danger) 10%, transparent)}.task-note-files{border-radius:12px;gap:2px;margin:4px -6px 2px -8px;display:grid;overflow:hidden}.task-note-files>li.is-media :is(img,video){object-fit:cover;width:100%;max-height:280px}.task-note-media{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.task-note-media>img{display:block}.task-note-file{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.task-note-file:hover{background:color-mix(in srgb, var(--accent-soft) 60%, transparent)}.task-note-file:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.task-note-file-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;display:grid}.task-note-file-copy{min-width:0;display:grid}.task-note-file-copy>b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.task-note-file-copy>small{color:var(--muted);font-size:12px}.task-note-files>li>.voice-player{width:min(280px,100%)}.task-note-files>li.is-media .inline-video{border-radius:inherit;max-height:280px}.task-activity{text-align:center;max-width:90%;animation:ui-fade-in var(--dur) var(--ease);align-self:center;margin:6px 0}.task-activity>span{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 72%, transparent);color:var(--text-secondary);overflow-wrap:anywhere;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.4;display:inline-block}.task-activity time{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:6px;font-weight:500}.task-compose-error{margin:8px 0 0}.task-compose-error>span{overflow-wrap:anywhere;flex:1;min-width:0}.task-compose-error>button{border-radius:var(--radius-pill);width:auto;min-height:32px;padding:0 12px;font-weight:650}.task-thread-empty{color:var(--muted);font-size:var(--fs-secondary);flex-direction:column;align-items:center;gap:8px;margin:auto;display:flex}.task-thread-empty>svg{background:var(--surface);width:40px;height:40px;color:var(--accent);border-radius:50%;padding:10px}.task-thread-loading{flex-direction:column;gap:6px;display:flex}.task-thread-loading>span{border-radius:var(--radius-card);width:55%;height:34px;display:block}.task-thread-loading>span.is-mine{align-self:flex-end;width:42%}.task-compose{z-index:var(--z-sticky);padding:8px 0 calc(8px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--canvas) 18px);flex-direction:column;gap:6px;display:flex;position:sticky;bottom:0}.task-compose-bar{border:1px solid var(--glass-line);background:var(--glass);min-height:46px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);transition:box-shadow var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:23px;align-items:flex-end;gap:4px;padding:4px;display:flex}.task-compose-bar:focus-within{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));box-shadow:var(--shadow-soft), 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.task-compose-input{--field-pad-y:8px;min-width:0;color:var(--text);font-size:var(--fs-body);text-align:start;background:0 0;border:0;outline:0;flex:1;padding-inline:4px}.task-compose-input:focus-visible{outline:0}.task-compose-attach{width:var(--tap);height:var(--tap);color:var(--muted);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.task-compose-attach:hover{background:var(--hover);color:var(--text)}.task-compose-attach:focus-within{outline:2px solid var(--accent);outline-offset:1px}.task-compose-attach>input{opacity:0;cursor:pointer;position:absolute;inset:0}.task-compose-send:disabled{opacity:.4}.task-file-chips{flex-wrap:wrap;gap:6px;display:flex}.task-file-chips>li{border-radius:var(--radius-pill);background:var(--surface);max-width:100%;min-height:28px;box-shadow:var(--shadow-hairline);align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.task-file-chips>li.task-file-chip{padding-right:3px}.task-file-chips>li>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.task-file-chips>li>button{width:22px;height:22px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.task-file-chips>li>button:hover{background:var(--hover);color:var(--text)}.task-note .task-file-chips>li{background:color-mix(in srgb, var(--surface) 60%, transparent);box-shadow:none}.task-sheet-scrim{z-index:var(--z-sheet);background:var(--scrim);cursor:default;animation:ui-fade-in var(--dur) var(--ease);position:fixed;inset:0}.app-shell>.chat-panel.task-sheet{z-index:var(--z-sheet);width:min(560px, calc(100vw - var(--rail-width) - 20px));background:var(--canvas);box-shadow:var(--shadow-float);animation:task-sheet-in var(--dur-slow) var(--ease-out);position:fixed;top:10px;bottom:10px;right:10px}@keyframes task-sheet-in{0%{opacity:.6;transform:translate(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.app-shell>.chat-panel.task-sheet{animation:ui-fade-in var(--dur-fast) linear}}@media (width<=700px){.task-drawer-scrim{position:fixed}.task-drawer{width:auto;height:85dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;animation-name:task-drawer-up;position:fixed;inset:auto 0 0}.task-drawer-head{padding-top:14px}.task-drawer-grip{border-radius:var(--radius-pill);background:var(--line-strong);width:36px;height:4px;display:block;position:absolute;top:6px;left:50%;transform:translate(-50%)}.task-discussion-fab{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.task-toast{bottom:calc(76px + env(safe-area-inset-bottom))}.task-overdue-label{display:none}.task-row-line>.task-chips{max-width:46%}.task-row-line .task-chip{max-width:92px}.task-row-line>.task-chips>.task-chip:not(.is-more)+.task-chip:not(.is-more),.task-row-line>.task-chips>.task-chip.is-wide{display:none}.task-row-line>.task-chips>.task-chip.is-narrow{display:inline-flex}}@media (prefers-reduced-motion:reduce){.task-drawer,.task-toast{animation:ui-fade-in var(--dur-fast) linear}.task-toast{transform:translate(-50%)}}@media (width<=900px){.app-shell>.chat-panel.task-sheet{width:auto;box-shadow:none;border:0;border-radius:0;display:flex;inset:0}.task-board{grid-auto-columns:min(320px,100vw - 56px)}.task-board-panel .list-scroll-area{scroll-snap-type:x mandatory;scroll-padding-inline:12px}.task-column{scroll-snap-align:start}.task-screen{--md-sticky-top:calc(64px + env(safe-area-inset-top));scroll-padding-top:72px}.task-screen-head{padding:calc(8px + env(safe-area-inset-top)) 12px 8px 8px;border:0;border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);box-shadow:none;border-radius:0;margin:0;top:0}.task-screen-body{padding-inline:12px}.task-note{max-width:88%}}@media (hover:none){.task-card:hover{box-shadow:var(--shadow-hairline)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.task-screen-head,.task-compose-bar,.task-discussion-fab,.task-drawer-head,.task-toast{background:var(--surface);-webkit-backdrop-filter:none}}.planner{flex-direction:column;gap:8px;padding:4px 12px 16px;display:flex}.planner-month{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);flex-direction:column;gap:6px;padding:8px;display:flex;position:relative}.planner-month>.date-month{padding:0 2px}.planner-today{min-height:26px;padding:0 10px;font-size:12px;position:absolute;top:12px;right:52px}.planner-grid{grid-template-columns:repeat(7,minmax(0,1fr));row-gap:2px;display:grid}.planner-day{border-radius:var(--radius-control);width:40px;height:44px;color:var(--text);font-size:var(--fs-body);font-variant-numeric:tabular-nums;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);flex-direction:column;justify-content:center;justify-self:center;align-items:center;gap:2px;font-weight:550;display:flex}.planner-day>i{gap:2px;height:4px;display:flex}.planner-day>i>b{background:var(--accent);border-radius:50%;width:4px;height:4px}.planner-day:hover:not(.is-selected){background:var(--hover)}.planner-day.is-outside{color:var(--muted)}.planner-day.is-outside>i>b{background:var(--muted)}.planner-day.is-today{color:var(--accent-text);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 45%, transparent);font-weight:750}.planner-day.is-selected{background:var(--accent);color:var(--surface);box-shadow:none}.planner-day.is-selected>i>b{background:var(--surface)}.planner-day:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.planner-day-list{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);overflow:hidden}.planner-day-list>h2{font-size:var(--fs-row);margin:0;padding:12px 14px 8px;font-weight:700}.planner-day-list>h2:first-letter{text-transform:uppercase}.planner-hours{overscroll-behavior:contain;max-height:360px;margin:0;padding:0;list-style:none;overflow:auto}.planner-hour,.planner-all-day{border-top:1px solid var(--line);grid-template-columns:52px minmax(0,1fr);display:grid}.planner-all-day{background:var(--accent-soft)}.planner-all-day>div{flex-direction:column;gap:4px;padding:6px 8px 6px 0;display:flex}.planner-hour-label{color:var(--muted);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;padding:10px 0 0 14px;font-weight:650}.planner-hour-body{flex-direction:column;gap:4px;min-height:40px;padding:4px 8px 4px 0;display:flex}.planner-slot{color:#0000;min-height:30px;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:10px;flex:1;justify-content:center;align-items:center;display:flex}.planner-slot:hover,.planner-slot:focus-visible{background:var(--hover);color:var(--accent-text);outline:none}@media (hover:none){.planner-slot{color:var(--line-strong)}}.planner-task{background:var(--accent-soft);min-height:34px;color:var(--text);font-size:var(--fs-secondary);text-align:left;box-shadow:inset 3px 0 0 var(--accent);transition:background var(--dur-fast) var(--ease);border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex}.planner-task>strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.planner-task>time{color:var(--text-secondary);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;flex:none}.planner-task:hover,.planner-task.selected{background:color-mix(in srgb, var(--accent) 18%, var(--surface))}.planner-task.is-done{box-shadow:inset 3px 0 0 var(--muted);background:var(--hover);color:var(--text-secondary)}.planner-task.is-done>strong{text-decoration:line-through}.planner-task:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.branch-head-row>h1{flex:1;min-width:0}.branch-search-field{flex:none;min-height:38px}.branch-search-field input::-webkit-search-cancel-button{display:none}.branch-search-clear{width:24px;height:24px;color:var(--muted);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;margin-right:-4px;display:grid}.branch-search-clear:hover{background:color-mix(in srgb, var(--text) 8%, transparent);color:var(--text)}.branch-stage{overscroll-behavior:contain;min-height:0;animation:ui-fade-in var(--dur) var(--ease);flex:1;overflow:auto}.branch-list{flex-direction:column;padding:2px 8px 16px;display:flex}.branch-row{border-radius:var(--radius-control);width:100%;min-height:62px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:8px 10px;display:flex;position:relative}.branch-row:after{content:"";background:var(--line);pointer-events:none;height:1px;position:absolute;bottom:0;left:66px;right:10px}.branch-row:last-child:after,.branch-row.is-selected:after,.branch-row:hover:after{opacity:0}.branch-row:has(+.is-selected):after{opacity:0}.branch-row:has(+.branch-row:hover):after{opacity:0}.branch-row:hover:not(.is-selected):not(.is-skeleton){background:var(--hover)}.branch-row:active:not(.is-skeleton){transform:scale(.995)}.branch-row.is-selected{background:var(--accent);color:var(--surface)}.branch-row.is-skeleton{pointer-events:none}.branch-avatar{width:44px;height:44px;font-size:15px}.branch-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.branch-line{align-items:center;gap:8px;min-width:0;display:flex}.branch-row .branch-title{min-width:0;font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:650;line-height:1.3;overflow:hidden}.branch-description .branch-role{color:var(--text-secondary);font-size:inherit;font-weight:650}.branch-all-icon{background:var(--accent-soft);color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.branch-row.is-selected .branch-all-icon{background:color-mix(in srgb, var(--surface) 22%, transparent);color:var(--surface)}.branch-team{--team-tone:var(--accent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--team-tone) 14%, var(--surface));max-width:42%;color:color-mix(in srgb, var(--team-tone) 68%, var(--text));font-size:var(--fs-caption);text-overflow:ellipsis;white-space:nowrap;flex:none;padding:0 7px;font-style:normal;font-weight:700;line-height:18px;overflow:hidden}.branch-row.is-selected .branch-team{background:color-mix(in srgb, var(--surface) 22%, transparent);color:var(--surface)}.branch-members{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;font-size:12px;font-weight:650;display:inline-flex}.branch-stack{align-items:center;display:inline-flex}.branch-stack-avatar{border:1.5px solid var(--surface);width:20px;height:20px;font-size:8px;font-weight:700}.branch-stack-avatar+.branch-stack-avatar{margin-left:-7px}.branch-row:hover:not(.is-selected) .branch-stack-avatar{border-color:var(--hover)}.branch-row.is-selected .branch-stack-avatar{border-color:var(--accent)}.branch-row.is-selected .branch-members{color:color-mix(in srgb, var(--surface) 82%, transparent)}.work-empty.is-compact{min-height:160px;padding:24px}.branch-description{min-width:0;color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.35;overflow:hidden}.branch-unread{border-radius:var(--radius-pill);background:var(--accent);min-width:20px;height:20px;color:var(--surface);font-variant-numeric:tabular-nums;flex:none;place-items:center;padding:0 6px;font-size:11px;font-weight:750;display:inline-grid}.branch-row.is-selected :is(.branch-description,.branch-role){color:color-mix(in srgb, var(--surface) 82%, transparent)}.branch-row.is-selected .branch-description .branch-role{color:var(--surface)}.branch-row.is-selected .branch-unread{background:var(--surface);color:var(--accent-text)}.branch-row.is-skeleton .branch-avatar{border-radius:50%;flex:none}.branch-skeleton-line{width:70%;height:12px;display:block}.branch-skeleton-line.is-short{width:45%;height:10px}.branch-pane-scroll{--md-sticky-top:76px;overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;scroll-padding-top:88px;display:flex;overflow:auto}.branch-pane-head{z-index:var(--z-sticky);border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:var(--glass);min-height:58px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);flex:none;align-items:center;gap:10px;margin:10px 12px 0;padding:8px 10px 8px 8px;display:flex;position:sticky;top:10px}.branch-pane-avatar{width:36px;height:36px;font-size:13px}.branch-pane-identity{flex:1;min-width:0}.branch-pane-identity h2{font-size:var(--fs-title);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.25;overflow:hidden}.branch-pane-identity p{min-width:0;color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.branch-pane-identity p>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.branch-pane-identity .branch-team{max-width:50%}.branch-pane-head>.branch-all-icon{width:36px;height:36px}.branch-pane-head .branch-view-switch{flex:none}.branch-head-action{border-radius:var(--radius-pill);min-height:36px;font-size:var(--fs-secondary);padding:0 14px}.branch-pane-body{width:100%;max-width:1180px;padding:14px 16px calc(28px + env(safe-area-inset-bottom));margin:0 auto}.branch-pane-body.is-form{max-width:720px}.branch-pane-body.has-side{grid-template-columns:minmax(0,1fr) minmax(300px,340px);align-items:start;gap:20px;display:grid}.branch-feed-column{width:100%;min-width:0;max-width:820px;margin:0 auto}.branch-pane-body.has-side .branch-feed-column{max-width:none}.branch-side{overscroll-behavior:contain;max-height:calc(100dvh - 120px);animation:ui-fade-in var(--dur) var(--ease);padding:2px 2px 12px;position:sticky;top:84px;overflow:auto}.branch-side .branch-person.is-pending{flex-wrap:wrap;row-gap:2px}.branch-side .branch-person.is-pending>.branch-person-copy{flex-basis:calc(100% - 60px)}.branch-side .branch-person.is-pending>.branch-person-remove{margin-left:38px}.branch-side .branch-field.is-inline>span{min-width:0}.branch-side-title{font-size:var(--fs-title);letter-spacing:-.01em;margin:4px 16px 0;font-weight:700}.branch-side>.branch-section-row:first-of-type{margin-top:10px}.branch-tasks{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;padding:10px 12px 12px;display:grid}.branch-tasks.has-detail{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.branch-tasks>:is(.list-panel,.chat-panel){grid-row:1;min-height:0}.branch-tasks>.chat-panel.task-sheet{z-index:var(--z-sheet);width:min(560px, calc(100vw - var(--rail-width) - 20px));background:var(--canvas);box-shadow:var(--shadow-float);position:fixed;top:10px;bottom:10px;right:10px}.branch-editor{margin-bottom:4px}.branch-editor>summary{border-radius:var(--radius-card);background:var(--surface);min-height:58px;box-shadow:var(--shadow-hairline);cursor:pointer;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:8px 14px 8px 12px;list-style:none;display:flex}.branch-editor>summary::-webkit-details-marker{display:none}.branch-editor>summary:hover{background:color-mix(in srgb, var(--hover) 50%, var(--surface))}.branch-editor-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.branch-editor-copy{flex-direction:column;flex:1;min-width:0;display:flex}.branch-editor-copy strong{font-size:var(--fs-row);font-weight:650}.branch-editor-copy small{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.branch-editor-chevron{color:var(--muted);transition:transform var(--dur) var(--ease);flex:none}.branch-editor[open] .branch-editor-chevron{transform:rotate(180deg)}.branch-editor-body{animation:ui-fade-in var(--dur) var(--ease);padding-bottom:6px}.branch-section-title>small{letter-spacing:0;margin-left:6px;font-weight:600}.branch-section-title{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:20px 16px 6px;font-size:12px;font-weight:700}.branch-section-row{align-items:flex-end;gap:8px;margin:14px 4px 6px 16px;display:flex}.branch-section-row>.branch-section-title{flex:1;margin:0}.branch-edit-button.inline-button{min-height:32px;font-size:var(--fs-secondary);flex:none;padding:0 10px;font-weight:650}.branch-saved{color:var(--muted);animation:ui-fade-in var(--dur) var(--ease);font-size:12px;font-weight:600}.branch-field-value{color:var(--text);font-size:var(--fs-row);overflow-wrap:anywhere;line-height:1.45}.branch-field-value.is-prose{white-space:pre-wrap}.branch-field-value.is-markdown{padding-top:2px}.branch-field.is-editor{padding:10px 8px 4px}.branch-field.is-editor>span{padding-inline:8px}.branch-field.is-editor>.md-editor{padding-inline:0}.branch-field.is-editor>.md-editor:focus-within{background:0 0}.branch-field-value.is-muted{color:var(--muted)}.branch-edit-form .branch-section-title{margin-top:14px}.branch-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:10px 0 0;display:flex}.branch-form-actions>button{border-radius:var(--radius-pill);min-height:36px}.branch-hint.is-danger{color:var(--danger)}.branch-edit-form>.branch-error{margin:8px 0 0}.branch-person.is-pending .branch-person-avatar{opacity:.6}.branch-person.is-pending .branch-person-copy small{white-space:normal;line-height:1.35}.branch-person-remove.inline-button{white-space:nowrap;flex:none}.branch-pane-body>.branch-section-title:first-child,.branch-pane-body>.branch-error+.branch-section-title{margin-top:6px}.branch-group{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);overflow:hidden}.branch-group>*{position:relative}.branch-group>*+:before{content:"";background:var(--line);pointer-events:none;height:1px;position:absolute;top:0;left:16px;right:0}.branch-group>.branch-person+:before{left:64px}.branch-hint{color:var(--muted);margin:6px 16px 0;font-size:12px;line-height:1.5}.branch-field{flex-direction:column;gap:2px;padding:10px 16px;display:flex}.branch-field>span{color:var(--muted);font-size:12px;font-weight:650}.branch-field>input{width:100%;min-height:30px;color:var(--text);font-size:var(--fs-row);text-align:start;background:0 0;border:0;outline:0;padding:2px 0;font-weight:600;line-height:1.45}.branch-field>input:focus-visible{outline:0}.branch-field>input:disabled{color:var(--text);opacity:1;cursor:default}.branch-field{transition:background var(--dur-fast) var(--ease)}.branch-field>span{transition:color var(--dur-fast) var(--ease)}.branch-field:not(.is-inline):focus-within{background:color-mix(in srgb, var(--accent-soft) 40%, var(--surface))}.branch-field:not(.is-inline):focus-within>span{color:var(--accent-text)}.branch-field.is-inline{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:6px 12px 6px 16px}.branch-field.is-inline>span{color:var(--text);font-size:var(--fs-row);flex:1;font-weight:500}.branch-field.is-inline>select{max-width:55%;min-height:34px;color:var(--accent-text);font-size:var(--fs-row);text-align:right;cursor:pointer;appearance:none;text-align-last:right;background:0 0;border:0;border-radius:8px;outline:0;padding:4px 8px;font-weight:550}.branch-field.is-inline:has(>select):after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);pointer-events:none;flex:none;width:7px;height:7px;margin:-3px 4px 0 -8px;transform:rotate(45deg)}.branch-field.is-inline>select:hover{background:var(--hover)}.branch-field.is-inline>select:focus-visible{outline:2px solid var(--accent);outline-offset:0}.branch-person{align-items:center;gap:12px;min-height:56px;padding:8px 12px 8px 16px;display:flex}.branch-person.is-muted{color:var(--muted);font-size:var(--fs-secondary)}.branch-person.is-skeleton .branch-person-avatar{border-radius:50%;flex:none}.branch-person-avatar{width:36px;height:36px;font-size:13px}.branch-person-copy{flex-direction:column;flex:1;min-width:0;display:flex}.branch-person-copy strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.branch-person-copy small{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.branch-person-remove.inline-button{min-height:32px;color:var(--danger);font-size:var(--fs-secondary);padding:0 10px}.branch-person-remove.inline-button:hover:not(:disabled){background:var(--danger-soft)}.branch-group .people-picker-add{min-height:48px;font-size:var(--fs-row);transition:background-color var(--dur-fast) var(--ease);background-color:#0000;border:0;border-radius:0;gap:10px;padding:0 16px;font-weight:600}.branch-group .people-picker-add:hover:not(:disabled){background-color:var(--hover)}.branch-group .people-picker-add:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.branch-group .people-picker-add+.people-picker-add{border-top:1px solid var(--line)}.branch-team-invite-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.branch-team-invite>small{color:var(--muted);font-size:var(--fs-secondary);flex:none;font-weight:500}.branch-team-invite-chevron{color:var(--muted);transition:transform var(--dur-fast) var(--ease);flex:none}.branch-team-invite[aria-expanded=true] .branch-team-invite-chevron{transform:rotate(90deg)}.branch-team-invite:disabled{opacity:1;color:var(--muted);cursor:default}.branch-team-sent{color:var(--success)}.branch-team-menu{min-width:260px;max-width:min(340px,100vw - 16px);max-height:min(360px,60vh);overflow-y:auto}.branch-team-menu-avatar{flex:none;width:32px;height:32px;font-size:12px}.branch-error{border-radius:var(--radius-control);background:var(--danger-soft);color:color-mix(in srgb, var(--danger) 80%, var(--text));font-size:var(--fs-secondary);align-items:center;gap:10px;margin:8px 12px;padding:8px 8px 8px 14px;line-height:1.45;display:flex}.branch-error>span{overflow-wrap:anywhere;flex:1;min-width:0}.branch-error>button{border-radius:var(--radius-pill);background:var(--surface);min-height:30px;color:var(--text);font-size:var(--fs-secondary);flex:none;padding:0 12px;font-weight:650}.branch-error>button:hover{background:color-mix(in srgb, var(--surface) 70%, var(--danger-soft))}.branch-pane-body>.branch-error,.feed-screen>.branch-error,.feed-post>.branch-error{margin:0}.feed-screen{flex-direction:column;gap:10px;width:100%;display:flex}.branch-editor+.feed-screen{margin-top:12px}.feed-toolbar{align-items:center;gap:8px;min-width:0;margin-top:4px;display:flex}.feed-kinds{scrollbar-width:none;scroll-snap-type:x proximity;flex:1;gap:6px;min-width:0;margin:-2px;padding:2px;display:flex;overflow-x:auto}.feed-kinds::-webkit-scrollbar{display:none}.feed-kind-chip,.feed-sort-button{scroll-snap-align:start;white-space:nowrap;min-height:32px;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);flex:none}.feed-kind-chip:not([aria-pressed=true]):hover,.feed-sort-button:hover{background:color-mix(in srgb, var(--hover) 70%, var(--line));color:var(--text)}.feed-sort-button{gap:6px;padding:0 10px}.feed-sort-button[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-text)}.feed-sort-menu{transform-origin:100% 0;min-width:210px}.feed-sort-menu>button{width:100%;min-height:38px;color:var(--text);font-size:var(--fs-body);text-align:left;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.feed-sort-menu>button:is(:hover,:focus-visible){background:var(--hover)}.feed-sort-menu>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.feed-sort-menu>button>svg{color:var(--accent);flex:none}.feed-sort-label{flex:1}.branch-picker{gap:10px;width:min(460px,100%);height:min(620px,100dvh - 48px);padding:18px 14px 10px;overflow:hidden}.branch-picker>header{padding:0 4px 0 6px}.branch-picker-search{flex:none}.branch-picker-list{overscroll-behavior:contain;flex:1;min-height:0;margin:0 -6px;padding:0 6px 6px;overflow:auto}.branch-picker-row{border-radius:var(--radius-control);cursor:pointer;min-height:54px;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:6px 10px;display:flex}.branch-picker-row.is-active{background:var(--hover)}.branch-picker-avatar{width:38px;height:38px;font-size:13px}.branch-picker-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.branch-picker-copy>strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.branch-picker-copy>span{min-width:0;color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.branch-picker-copy>span:empty{display:none}.branch-picker-row[aria-selected=true] .branch-picker-copy>strong{color:var(--accent-text)}.branch-picker-check{color:var(--accent);flex:none}.branch-picker-empty{flex:1;min-height:0}.feed-screen>.work-empty{min-height:180px}.feed-composer{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline), inset 0 0 0 1px color-mix(in srgb, var(--line) 70%, transparent);transition:box-shadow var(--dur-fast) var(--ease);flex-direction:column;gap:6px;padding:4px 4px 8px;display:flex}.feed-composer:focus-within{box-shadow:var(--shadow-soft), inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, var(--line))}.feed-composer .md-editor:focus-within{background:0 0}.feed-composer-actions{flex-wrap:wrap;align-items:center;gap:6px;padding:2px 8px 0;display:flex}.feed-picker{max-width:200px}.feed-picker.is-branch{max-width:260px;font:inherit;font-size:var(--fs-secondary);font-weight:650}.feed-picker.is-branch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.feed-attach{cursor:pointer;position:relative}.feed-attach>input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.feed-attach:has(>input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.feed-attach.is-busy{cursor:progress}.feed-publish{border-radius:var(--radius-pill);min-height:36px;font-size:var(--fs-secondary);margin-inline-start:auto;padding:0 16px}.feed-pending-files{flex-wrap:wrap;gap:6px;padding:0 8px;display:flex}.feed-pending-files>li{border-radius:var(--radius-pill);background:var(--hover);align-items:center;gap:6px;max-width:100%;min-height:28px;padding:0 3px 0 10px;font-size:12px;font-weight:600;display:inline-flex}.feed-pending-files>li>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.feed-pending-files>li>button{width:22px;height:22px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.feed-pending-files>li>button:hover{background:var(--surface);color:var(--text)}.feed-post{border-radius:var(--radius-card);background:var(--surface);min-width:0;box-shadow:var(--shadow-hairline);animation:ui-rise-in var(--dur) var(--ease-out);flex-direction:column;gap:8px;padding:12px 14px 8px;display:flex}.feed-post.is-pending{opacity:.72}.feed-post.is-failed{animation:branch-remove var(--dur) var(--ease) forwards}.feed-post.is-skeleton{gap:10px;padding-bottom:14px;animation:none}.feed-skeleton{flex-direction:column;gap:10px;display:flex}.feed-post.is-skeleton .feed-post-avatar{border-radius:50%;flex:none}.feed-skeleton-line{width:100%;height:12px;display:block}.feed-skeleton-line.is-short{width:40%}.feed-post-meta{align-items:center;gap:10px;min-width:0;display:flex}.feed-post-avatar{width:36px;height:36px;font-size:13px}.feed-post-byline{flex-direction:column;flex:1;min-width:0;display:flex}.feed-post-byline>strong{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:650;line-height:1.3;overflow:hidden}.feed-post-sub{min-width:0;color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.feed-kind{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);flex:none;padding:1px 8px;font-size:11px;font-weight:700;line-height:1.6}.feed-kind.is-decision{background:var(--outgoing);color:var(--text)}.feed-kind.is-risk{background:var(--warning-soft);color:color-mix(in srgb, var(--warning) 70%, var(--text))}.feed-kind.is-outcome{background:var(--success-soft);color:color-mix(in srgb, var(--success) 70%, var(--text))}.feed-branch-link{min-width:0;color:var(--accent-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.feed-branch-link:hover{text-decoration:underline}.feed-post-meta>time{color:var(--muted);white-space:nowrap;flex:none;align-self:flex-start;margin-top:2px;font-size:12px}.feed-post .unread-dot{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px}.feed-post>.md-view{font-size:var(--fs-row);line-height:1.5}.feed-album{border-radius:var(--radius-control);gap:2px;display:grid;overflow:hidden}.feed-album.is-2,.feed-album.is-3,.feed-album.is-4{grid-template-columns:1fr 1fr}.feed-album.is-3>li:first-child{grid-column:1/-1}.feed-album>li{background:var(--hover);min-width:0}.feed-album>li .inline-video{height:100%}.feed-album>li :is(img,video){aspect-ratio:4/3;object-fit:cover;width:100%;height:100%}.feed-album.is-1>li :is(img,video){aspect-ratio:auto;height:auto;max-height:440px}.feed-files{flex-direction:column;gap:2px;display:flex}.feed-file-open{border-radius:var(--radius-control);width:calc(100% + 16px);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease);background:0 0;border:0;align-items:center;gap:12px;margin:0 -8px;padding:6px 8px;display:flex}.feed-file-open:hover{background:var(--hover)}.feed-file-open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.feed-media-open{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.feed-file-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.feed-file-copy{flex-direction:column;min-width:0;display:flex}.feed-file-copy>b{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.feed-file-copy>small{color:var(--muted);font-size:12px}.feed-post-actions{align-items:center;gap:2px;margin:0 -6px;display:flex}.feed-action.is-danger{color:var(--danger);margin-left:auto}.feed-action{border-radius:var(--radius-pill);min-width:44px;min-height:34px;color:var(--text-secondary);font-size:var(--fs-secondary);font-variant-numeric:tabular-nums;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:650;display:inline-flex}.feed-action:hover{background:var(--hover);color:var(--text)}.feed-action[aria-pressed=true]{color:var(--danger)}.feed-action[aria-pressed=true]>svg{fill:currentColor}.feed-action[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-text)}.feed-action.is-pulse>svg{animation:branch-like var(--dur-fast) var(--ease)}.feed-text-action{border-radius:var(--radius-pill);min-height:28px;color:var(--accent-text);transition:background var(--dur-fast) var(--ease);padding:0 8px;font-size:12px;font-weight:650}.feed-text-action:hover{background:var(--accent-soft)}.feed-comments{border-top:1px solid var(--line);animation:ui-fade-in var(--dur) var(--ease);flex-direction:column;gap:10px;margin:0 -14px;padding:12px 14px 4px;display:flex}.feed-comment-block{flex-direction:column;gap:8px;display:flex}.feed-comment{animation:ui-rise-in var(--dur) var(--ease-out);grid-template-columns:28px minmax(0,1fr);gap:2px 8px;display:grid}.feed-comment.is-nested{grid-template-columns:24px minmax(0,1fr);margin-left:36px}.feed-comment.is-pending{opacity:.7}.feed-comment-avatar{grid-row:span 2;width:28px;height:28px;font-size:10.5px}.feed-comment.is-nested .feed-comment-avatar{width:24px;height:24px;font-size:9.5px}.feed-comment-bubble{border-radius:6px var(--radius-card) var(--radius-card) var(--radius-card);background:var(--hover);justify-self:start;max-width:100%;padding:6px 12px 7px}.feed-comment-bubble>strong{font-size:12.5px;font-weight:700;display:block}.feed-comment-bubble>p{font-size:var(--fs-body);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.feed-comment>footer{grid-column:2;align-items:center;gap:2px;margin-left:2px;display:flex}.feed-comment>footer .feed-action{min-width:36px;min-height:28px;padding:0 8px;font-size:12px}.feed-comments-empty{color:var(--muted);font-size:var(--fs-secondary);text-align:center}.feed-comment-form{background:var(--hover);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border:1px solid #0000;border-radius:21px;align-items:flex-end;gap:6px;padding:3px 3px 3px 14px;display:flex}.feed-comment-form:focus-within{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.feed-comment-form.is-reply{margin-left:36px}.feed-comment-input{--field-pad-y:8px;min-width:0;color:var(--text);font-size:var(--fs-body);text-align:start;background:0 0;border:0;outline:0;flex:1;padding-inline:0}.feed-comment-input:focus-visible{outline:0}.feed-comment-form>button:disabled{opacity:.4}.feed-more{border-radius:var(--radius-pill);align-self:center;min-height:36px}@keyframes branch-like{45%{transform:scale(1.24)}}@keyframes branch-remove{to{opacity:0;transform:translateY(-6px)}}@media (width>=901px){.branch-back,.branch-list-toggle{display:none}}@media (width<=1100px){.branch-tasks.has-detail{grid-template-columns:minmax(0,1fr)}.branch-tasks.has-detail>.task-list-panel{display:none}}@media (width<=900px){.app-shell.work-shell:not(.work-open):not(.settings-open)>.branch-pane.is-root{box-shadow:none;border:0;border-radius:0;grid-area:1/1;animation:none;display:flex}.branch-pane.has-task-detail>.branch-pane-head{display:none}.branch-tasks{gap:0;padding:0}.branch-tasks>:is(.list-panel,.chat-panel){box-shadow:none;border:0;border-radius:0}.branch-tasks>.chat-panel.task-sheet{width:auto;inset:0}.branch-picker-backdrop{place-items:end stretch;padding:0}.branch-picker{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;height:min(86dvh,720px);padding-bottom:calc(10px + env(safe-area-inset-bottom))}.branch-pane-scroll{scroll-padding-top:72px}.branch-pane-head{padding:calc(8px + env(safe-area-inset-top)) 10px 8px 8px;border:0;border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);box-shadow:none;border-radius:0;margin:0;top:0}.branch-pane-body{padding-inline:12px}.branch-pane-head .branch-view-switch>button{padding:0 10px}}@media (width<=480px){.branch-pane-avatar,.branch-pane-identity .branch-team{display:none}.branch-pane-body{padding-inline:10px}.feed-sort-button{gap:2px;padding:0 8px}.feed-sort-value{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.feed-picker,.feed-picker.is-branch{max-width:160px}.feed-publish{flex:1 0 100%}}@media (prefers-reduced-motion:reduce){.branch-side,.branch-stage,.feed-post,.feed-comment{animation:none}.branch-picker-row{transition:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.branch-pane-head,.feed-sort-menu{background:var(--surface);-webkit-backdrop-filter:none}}.feed-comment-text .md-view{font-size:var(--fs-body);overflow-wrap:anywhere;gap:4px;line-height:1.4}.feed-replies{flex-direction:column;gap:8px;display:flex;position:relative}.feed-replies:before{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 45%, transparent), var(--line));border-radius:1px;width:2px;position:absolute;inset:-4px auto 10px 13px}.feed-replies-toggle{flex-wrap:wrap;align-items:center;gap:4px;margin-left:36px;display:flex}.feed-replies-toggle>button,.feed-thread-more{border-radius:var(--radius-pill);min-height:32px;color:var(--accent-text);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:8px;padding:0 12px 0 8px;font-size:12.5px;font-weight:600;display:inline-flex}.feed-replies-toggle>button:hover,.feed-thread-more:hover{background:var(--accent-soft)}.feed-replies-toggle>button.is-quiet{color:var(--muted);gap:4px}.feed-replies-line{opacity:.5;background:currentColor;border-radius:1px;width:18px;height:2px}.feed-thread-more{background:color-mix(in srgb, var(--hover) 70%, transparent);align-self:flex-start;gap:6px;padding-left:10px}.flows-list{background:var(--canvas)}.flows-head{align-items:center;gap:8px;min-height:56px;padding:12px 16px 8px;display:flex}.flows-head h1{min-width:0;font-size:var(--fs-screen);letter-spacing:-.02em;flex:1;margin:0;font-weight:750}.flows-head-count{text-align:right;font-size:var(--fs-row);flex:1;font-weight:650}.flows-head-actions{gap:4px;display:flex}.flows-search{margin:0 16px 8px}.flows-chips{scrollbar-width:none;gap:6px;padding:0 16px 10px;display:flex;overflow-x:auto}.flows-chips .ui-chip{flex:none}.flows-scroll{flex:1;min-height:0;padding:0 12px 16px;overflow:auto}.flows-skeleton{gap:8px;padding-top:8px;display:grid}.flows-skeleton .ui-skeleton{border-radius:var(--radius-card);height:64px}.flows-group+.flows-group{margin-top:4px}.flows-day{color:var(--muted);font-size:var(--fs-secondary);margin:12px 8px 6px;font-weight:650}.flows-rows{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);overflow:hidden}.flow-row{width:100%;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;padding:10px 12px;display:flex;position:relative}.flow-row-wrap{animation:flow-row-in var(--dur) var(--ease) both;position:relative}.flow-row-wrap+.flow-row-wrap:before{content:"";z-index:1;border-top:1px solid var(--line);position:absolute;top:0;left:68px;right:0}.flow-row-wrap:has(.is-active):before{border-color:#0000}.flow-row-wrap:has(.is-active)+.flow-row-wrap:before{border-color:#0000}.flow-row-more{opacity:0;background:var(--glass);box-shadow:var(--shadow-hairline);-webkit-backdrop-filter:var(--blur);transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);position:absolute;top:50%;right:8px;transform:translateY(-50%)scale(.9)}.flow-row-wrap:hover .flow-row-more,.flow-row-wrap.is-menu .flow-row-more,.flow-row-more:focus-visible{opacity:1;transform:translateY(-50%)}.flow-row-wrap:hover .flow-row-top time,.flow-row-wrap.is-menu .flow-row-top time{visibility:hidden}@media (hover:none){.flow-row-more{opacity:1;box-shadow:none;background:0 0;top:10px;transform:none}.flow-row-top time{margin-right:32px}}.flow-row-menu li:last-child{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.flow-row-menu li:last-child button,.flow-row-menu li:last-child svg{color:var(--danger-text)}@keyframes flow-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.flow-row:hover{background:var(--hover)}.flow-row.is-active{background:var(--accent);color:var(--surface)}.flow-row.is-active :is(time,.flow-row-text,.flow-row-meta,.flow-context,.flow-pin){color:color-mix(in srgb, var(--surface) 82%, transparent)}.flow-row.is-marked{background:var(--accent-soft)}.flow-mark{border:1.5px solid var(--line-strong);width:22px;height:22px;color:var(--surface);border-radius:50%;flex:none;place-items:center;margin-top:13px;display:grid}.flow-mark.is-on{border-color:var(--accent);background:var(--accent)}.flow-thumb{border-radius:var(--radius-control);background:var(--accent-soft);width:44px;height:44px;color:var(--accent);flex:none;place-items:center;display:grid;overflow:hidden}.flow-thumb img{object-fit:cover;width:100%;height:100%}.flow-row-copy{flex:1;gap:2px;min-width:0;display:grid}.flow-row-top{align-items:baseline;gap:6px;display:flex}.flow-row-top strong{min-width:0;font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.flow-row-top time{color:var(--muted);flex:none;font-size:12px}.flow-pin{color:var(--muted);flex:none;align-self:center}.flow-row-text{color:var(--text-secondary);font-size:var(--fs-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.flow-row-meta{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:12px;display:flex}.flow-row-meta:empty{display:none}.flow-row-meta span{align-items:center;gap:4px;display:inline-flex}.flow-context{color:var(--accent-text);font-weight:600}.flow-derived{color:var(--success)}.flows-more{width:100%;margin-top:12px}.flows-bar{padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:var(--blur);grid-template-columns:repeat(6,1fr);gap:2px;display:grid}.flows-bar button{border-radius:var(--radius-control);min-height:52px;color:var(--accent-text);align-content:center;justify-items:center;gap:2px;padding:0 2px;font-size:11px;font-weight:600;display:grid}.flows-bar button:hover:not(:disabled){background:var(--hover)}.flows-bar button:disabled{color:var(--muted);opacity:.6}.flows-bar button.is-danger:not(:disabled){color:var(--danger-text)}.flows-toast{z-index:var(--z-toast);right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:var(--glass);min-height:48px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);animation:ui-rise-in var(--dur) var(--ease);align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex;position:absolute;left:12px}.flows-toast span{font-size:var(--fs-body);flex:1;font-weight:600}.flows-list{position:relative}.flows-detail{background:var(--canvas);animation:ui-slide-in var(--dur) var(--ease)}.flows-detail-head{z-index:var(--z-sticky);border-bottom:1px solid var(--glass-line);background:var(--glass);min-height:56px;-webkit-backdrop-filter:var(--blur);align-items:center;gap:4px;padding:8px 12px;display:flex;position:sticky;top:0}.flows-detail-title{flex:1;min-width:0;padding:0 4px}.flows-detail-title h1{font-size:var(--fs-title);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;overflow:hidden}.flows-detail-title p{color:var(--muted);margin:0;font-size:12px}.flows-detail-scroll{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px max(16px,50% - 360px) 32px;display:flex;overflow:auto}.flows-detail-scroll>*{flex:none}.flows-section{gap:6px;display:grid}.flows-section>.ui-group-title{margin:4px 16px 0}.flows-related{flex-wrap:wrap;gap:6px;display:flex}.flows-related-chip{max-width:100%;animation:ui-pop-in var(--dur) var(--ease) both}.flows-related-chip>span{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.flows-related-chip>svg:first-child{color:var(--accent)}button.flows-related-chip:hover{background:var(--accent-soft)}.flows-detail-skeleton{border-radius:var(--radius-card);height:160px}.flows-article{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);overflow-wrap:anywhere;gap:12px;padding:16px;display:grid}.flows-contexts{flex-wrap:wrap;gap:6px;display:flex}.flows-muted{color:var(--muted);margin:0}.flows-album{border-radius:var(--radius-card);gap:4px;display:grid;overflow:hidden}.flows-album.is-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.flows-album-item{background:var(--hover);cursor:zoom-in;display:block;position:relative;overflow:hidden}.flows-album-item :is(img,video){object-fit:cover;width:100%;max-height:420px;transition:transform var(--dur) var(--ease);display:block}.flows-album.is-grid .flows-album-item :is(img,video){aspect-ratio:1}.flows-album-item:hover :is(img,video){transform:scale(1.03)}.flows-album-play{border-radius:var(--radius-pill);background:var(--glass);color:var(--text);-webkit-backdrop-filter:var(--blur);align-items:center;gap:4px;padding:4px 10px 4px 8px;font-size:12px;font-weight:650;display:inline-flex;position:absolute;bottom:8px;left:8px}.flows-album-play svg{fill:currentColor}.flows-voice{flex-direction:column;align-items:stretch;gap:6px}.flows-voice p{color:var(--text-secondary);font-size:var(--fs-secondary);margin:0}.flows-detail-scroll>.ui-group-title{margin:12px 16px 0}.flow-check{cursor:pointer}.flow-check input{width:20px;height:20px;accent-color:var(--accent);flex:none}.flow-check span.is-done{color:var(--muted);text-decoration:line-through}.flow-file,.flow-action,.flow-reminder{width:100%;color:var(--text);text-align:left;text-decoration:none}.flow-file:hover,button.flow-action:hover{background:var(--hover)}.flow-file-icon{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.ui-group-row>.flow-file-copy{flex:1;min-width:0;display:grid}.flow-file-copy strong,.flow-file-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flow-file-copy strong{font-size:var(--fs-body);font-weight:600}.flow-file-copy small{color:var(--muted);font-size:12px}.flow-action>span{flex:1}.flow-action>svg:first-child,.flow-reminder>svg:first-child{color:var(--accent)}.flow-action>svg:last-child:not(:first-child){color:var(--muted)}.flow-action.is-danger,.flow-action.is-danger>svg:first-child{color:var(--danger-text)}.flows-danger{margin-top:16px}.flows-sheet{width:min(520px,100%)}.flows-sheet-body{gap:12px;display:grid}.flows-presets{flex-wrap:wrap;gap:6px;display:flex}.flows-form-row>span:first-child{color:var(--text)}.flows-form-value{flex:none;justify-content:flex-end;display:flex}.flows-form-value .ui-menu-select{max-width:none}.ui-menu-select.flow-time{background:var(--accent-soft);min-height:32px;font-size:var(--fs-body);font-variant-numeric:tabular-nums;padding:0 10px 0 12px}.ui-menu-select.flow-time:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.flows-textarea{align-items:flex-start}.flows-textarea textarea{resize:vertical;width:100%;min-height:96px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;line-height:1.45}.flows-month header{justify-content:space-between;align-items:center;display:flex}.flows-month h3{font-size:var(--fs-row);margin:0;font-weight:700}.flows-calendar{grid-template-columns:repeat(7,1fr);gap:2px;margin-top:6px;display:grid}.flows-calendar b,.flows-calendar button,.flows-calendar span{height:40px;font-size:var(--fs-body);place-items:center;display:grid}.flows-calendar b{color:var(--muted);font-size:12px;font-weight:600}.flows-calendar button{color:var(--text);border-radius:50%;position:relative}.flows-calendar button:hover{background:var(--hover)}.flows-calendar button.has-flows:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px}.flows-calendar button[aria-pressed=true]{background:var(--accent);color:var(--surface);font-weight:700}.flows-calendar button[aria-pressed=true]:after{background:var(--surface)}@media (width<=900px){.flows-sheet-backdrop{align-items:end;padding:0}.flows-sheet{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;padding-bottom:calc(22px + env(safe-area-inset-bottom))}}.flow-compose{background:var(--canvas);flex-direction:column;flex:1;min-height:0;display:flex}.flow-compose-bar{border-bottom:1px solid var(--glass-line);background:var(--glass);min-height:56px;-webkit-backdrop-filter:var(--blur);align-items:center;gap:8px;padding:8px 12px;display:flex}.flow-compose-bar h1{text-align:center;font-size:var(--fs-title);flex:1;margin:0;font-weight:700}.flow-compose-scroll{flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px max(16px,50% - 380px) 32px;display:flex;overflow:auto}.flow-compose-scroll>*{flex:none}.flow-compose-voice-row{animation:ui-pop-in var(--dur) var(--ease) both;gap:8px}.flow-compose-voice-row>:first-child{flex:1;min-width:0}.flow-compose-voice-wait{color:var(--muted);font-size:var(--fs-secondary);align-items:center;gap:8px;display:inline-flex}.flow-compose-error{animation:ui-rise-in var(--dur) var(--ease);align-items:center;gap:8px;display:flex}.flow-compose-title{width:100%;color:var(--text);font:inherit;font-size:var(--fs-screen);letter-spacing:-.02em;background:0 0;border:0;outline:0;padding:4px 4px 0;font-weight:750}.flow-compose-title::placeholder{color:var(--muted);opacity:.7}.flow-compose-body .md-editor{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline)}.flow-compose-body .ui-autotext{min-height:200px}.flow-note-check,.flow-note-link{min-height:44px;animation:flow-row-in var(--dur) var(--ease) both;gap:10px}.flow-note-check input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex:none}.flow-note-check input:not([type=checkbox]),.flow-note-link input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1}.flow-note-link{color:var(--accent)}.flow-note-link input+input{color:var(--text-secondary);flex:.6}.flow-tiles{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.flow-tile{border-radius:var(--radius-control);background:var(--surface);box-shadow:var(--shadow-hairline);animation:ui-pop-in var(--dur) var(--ease) both;align-items:center;display:flex;position:relative;overflow:hidden}.flow-tile.is-media{width:104px;height:104px}.flow-tile-open{width:100%;min-width:0;height:100%;color:var(--text);text-align:left;align-items:center;gap:10px;display:flex}.flow-tile-open:not(:disabled){cursor:zoom-in}.flow-tile.is-media .flow-tile-open :is(img,video){object-fit:cover;width:100%;height:100%}.flow-tile.is-file{gap:10px;min-width:180px;max-width:260px;height:56px;padding:8px 36px 8px 8px}.flow-tile-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.flow-tile-copy{min-width:0;display:grid}.flow-tile-copy strong,.flow-tile-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flow-tile-copy strong{font-size:var(--fs-secondary);font-weight:600}.flow-tile-copy small{color:var(--muted);font-size:12px}.flow-tile-play{border-radius:var(--radius-pill);background:var(--glass);color:var(--text);-webkit-backdrop-filter:var(--blur);align-items:center;gap:3px;padding:3px 8px 3px 6px;font-size:11px;font-weight:650;display:inline-flex;position:absolute;bottom:6px;left:6px}.flow-tile-progress{background:color-mix(in srgb, var(--surface) 60%, transparent);place-items:center;display:grid;position:absolute;inset:0}.flow-tile.is-uploading{opacity:.85}.flow-tile-remove{background:var(--glass);width:24px;height:24px;color:var(--text);box-shadow:var(--shadow-hairline);-webkit-backdrop-filter:var(--blur);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.flow-tile.is-file .flow-tile-remove{top:50%;transform:translateY(-50%)}.flow-compose-context{gap:6px;display:grid}.flow-compose-context .ui-group-title{margin:8px 16px 0}.flow-compose-dock{padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:var(--blur)}.flow-compose-tools{max-width:760px;animation:ui-fade-in var(--dur) var(--ease);align-items:center;gap:4px;margin:0 auto;display:flex}.flow-compose-tools button:not(.flow-compose-voice){border-radius:var(--radius-pill);min-height:40px;color:var(--text-secondary);font-size:var(--fs-secondary);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.flow-compose-tools button:not(.flow-compose-voice):hover{background:var(--hover);color:var(--text)}.flow-compose-voice{background:var(--accent);width:44px;height:44px;color:var(--surface);box-shadow:var(--shadow-soft);transition:transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border-radius:50%;place-items:center;margin-left:auto;display:grid}.flow-compose-voice:hover{background:var(--accent-pressed);transform:scale(1.05)}.flow-compose-voice:active{transform:scale(.94)}@media (width<=520px){.flow-compose-tools button:not(.flow-compose-voice) span{display:none}}.flow-recorder{max-width:760px;min-height:44px;animation:ui-rise-in var(--dur) var(--ease);align-items:center;gap:10px;margin:0 auto;display:flex}.flow-recorder-drop{color:var(--danger-text)}.flow-recorder-dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.flow-recorder-dot.is-live{background:var(--danger);animation:flow-record-pulse 1.2s var(--ease) infinite}.flow-recorder-time{min-width:44px;font-size:var(--fs-row);font-variant-numeric:tabular-nums;font-weight:650}.flow-recorder-wave{flex:1;align-items:center;gap:3px;min-width:0;height:32px;display:flex;overflow:hidden}.flow-recorder-wave i{border-radius:var(--radius-pill);background:var(--accent);transform-origin:50%;flex:1;min-width:2px;max-width:4px;height:100%;transition:transform 90ms linear}.flow-recorder-done{flex:none}@keyframes flow-record-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 45%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.flow-camera-backdrop{padding:16px}.flow-camera{aspect-ratio:16/10;border-radius:var(--radius-sheet);background:var(--brand-night);width:min(720px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-sheet);animation:ui-pop-in var(--dur-slow) var(--ease);display:grid;position:relative;overflow:hidden}.flow-camera-preview{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.flow-camera-wait{margin:auto;position:absolute;inset:0}.flow-camera header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:12px;right:12px}.flow-camera-time{border-radius:var(--radius-pill);background:var(--glass);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:var(--blur);align-items:center;gap:8px;padding:6px 12px;font-weight:650;display:inline-flex}.flow-camera footer{justify-content:center;display:flex;position:absolute;bottom:20px;left:0;right:0}.flow-camera-shutter{border:4px solid var(--surface);background:var(--danger);width:68px;height:68px;color:var(--surface);box-shadow:var(--shadow-float);transition:transform var(--dur-fast) var(--ease), border-radius var(--dur) var(--ease);border-radius:50%;place-items:center;display:grid}.flow-camera-shutter svg{fill:currentColor}.flow-camera-shutter:hover:not(:disabled){transform:scale(1.05)}.flow-camera-shutter.is-recording{animation:flow-record-pulse 1.2s var(--ease) infinite}@media (prefers-reduced-motion:reduce){.flow-row-wrap,.flow-tile,.flow-note-check,.flow-note-link,.flows-detail,.flow-recorder,.flow-camera,.flow-recorder-dot.is-live,.flow-camera-shutter.is-recording{animation:none}}.meeting-head{gap:12px}.meeting-new{border-radius:var(--radius-pill);min-height:36px;font-size:var(--fs-secondary);padding:0 14px 0 10px}.meeting-segment{align-self:stretch}.meeting-segment>button{flex:1}.meeting-rows{flex-direction:column;padding:2px 8px 16px;display:flex}.meeting-row{border-radius:var(--radius-control);width:100%;min-height:66px;color:var(--text);text-align:left;animation:ui-fade-in var(--dur) var(--ease);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:8px 10px;display:flex;position:relative}.meeting-row:after{content:"";background:var(--line);pointer-events:none;height:1px;position:absolute;bottom:0;left:70px;right:10px}.meeting-row:last-child:after,.meeting-row.is-selected:after,.meeting-row:hover:after{opacity:0}.meeting-row:has(+.is-selected):after{opacity:0}.meeting-row:has(+.meeting-row:hover):after{opacity:0}.meeting-row:hover:not(.is-selected,.is-skeleton){background:var(--hover)}.meeting-row.is-selected{background:var(--accent);color:var(--surface)}.meeting-row-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.meeting-row-line{align-items:center;gap:8px;min-width:0;display:flex}.meeting-row-line>strong{min-width:0;font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:650;overflow:hidden}.meeting-row-line>strong.is-untitled{color:var(--text-secondary)}.meeting-row-line>time{color:var(--muted);flex:none;font-size:12px}.meeting-row-line>em{min-width:0;color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.meeting-row.is-selected :is(strong.is-untitled,time,em){color:color-mix(in srgb, var(--surface) 82%, transparent)}.meeting-online{border-radius:var(--radius-pill);background:var(--success-soft);min-height:20px;color:color-mix(in srgb, var(--online) 70%, var(--text));flex:none;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.meeting-online:before{content:"";background:var(--online);border-radius:50%;width:6px;height:6px}.meeting-row.is-selected .meeting-online{background:color-mix(in srgb, var(--surface) 22%, transparent);color:var(--surface)}.meeting-row.is-selected .meeting-online:before{background:var(--surface)}.meeting-row-avatar{width:48px;height:48px}.meeting-stack{flex:none;width:48px;height:48px;position:relative}.meeting-stack>*{border:2px solid var(--surface);width:30px;height:30px;transition:border-color var(--dur-fast) var(--ease);border-radius:50%;font-size:10px;position:absolute}.meeting-stack.is-1>*{border:0;width:48px;height:48px;font-size:14px;inset:0}.meeting-stack.is-2>:first-child{top:0;left:0}.meeting-stack.is-2>:nth-child(2){bottom:0;right:0}.meeting-stack.is-3>:first-child,.meeting-stack.is-4>:first-child{top:0;left:9px}.meeting-stack.is-3>:nth-child(2),.meeting-stack.is-4>:nth-child(2){bottom:0;left:0}.meeting-stack.is-3>:nth-child(3),.meeting-stack.is-4>:nth-child(3){bottom:0;right:0}.meeting-stack.is-4>:first-child{top:0;left:0}.meeting-stack.is-4>:nth-child(2){inset:0 0 auto auto}.meeting-stack.is-4>:nth-child(3){bottom:0;left:0;right:auto}.meeting-stack.is-4>:nth-child(4){bottom:0;right:0}.meeting-stack.is-4>*{width:26px;height:26px;font-size:9px}.meeting-stack-more{background:var(--hover);color:var(--text-secondary);place-items:center;font-weight:700;display:grid}.meeting-row.is-selected .meeting-stack>*{border-color:var(--accent)}.meeting-skeleton-avatar{border-radius:50%;flex:none;width:48px;height:48px}.meeting-skeleton-line{width:70%;height:12px;display:block}.meeting-skeleton-line.is-short{width:42%}.meeting-retry{border-radius:var(--radius-pill);min-height:30px;color:inherit;font-size:var(--fs-secondary);flex:none;align-items:center;gap:6px;margin-left:auto;padding:0 12px;font-weight:650;display:inline-flex}.meeting-retry:hover{background:color-mix(in srgb, var(--danger) 12%, transparent)}.meeting-pane{overflow:auto}.meeting-card-head{z-index:var(--z-sticky);border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:var(--glass);min-height:58px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);flex:none;align-items:center;gap:10px;margin:10px 12px 0;padding:8px 10px 8px 8px;display:flex;position:sticky;top:10px}.meeting-card-title{flex:1;min-width:0}.meeting-card-title h2{font-size:var(--fs-title);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.25;overflow:hidden}.meeting-card-title p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.meeting-menu-anchor{position:relative}.meeting-card-menu{transform-origin:100% 0;position:absolute;top:calc(100% + 6px);right:0}.meeting-menu-line{background:var(--line);height:1px;margin:4px 8px;display:block}.ui-menu :is(button,a)[role=menuitem].danger{color:var(--danger)}.meeting-card-status{color:var(--muted);font-size:var(--fs-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.meeting-card-body{width:100%;max-width:720px;padding:16px 16px calc(28px + env(safe-area-inset-bottom));animation:ui-rise-in var(--dur-slow) var(--ease-out);flex-direction:column;margin:0 auto;display:flex}.meeting-card-action{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);color:var(--text-secondary);justify-items:start;gap:12px;padding:16px;line-height:1.5;display:grid}.meeting-card-join{border-radius:var(--radius-pill);min-height:44px;padding:0 20px}.meeting-code-row>.meeting-code{font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-left:auto}.meeting-code-row>.ui-icon-button{flex:none;width:34px;height:34px;margin:-6px -8px -6px 0}.ui-group-row>b{max-width:60%;color:var(--text-secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:none;font-weight:550;overflow:hidden}.meeting-person{align-items:center;gap:12px;min-height:52px;padding:6px 16px;display:flex}.meeting-person-avatar{width:36px;height:36px;transition:box-shadow var(--dur) var(--ease);font-size:12px}.meeting-person-avatar.is-speaking{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--success)}.meeting-person-copy{flex:1;gap:1px;min-width:0;display:grid}.meeting-person-copy>b{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.meeting-person-copy>small{color:var(--muted);font-size:12px}.meeting-person.is-muted .meeting-person-avatar{opacity:.6}.meeting-person>svg{color:var(--muted);flex:none}.meeting-person>svg.is-on{color:var(--online)}.meeting-person-online{background:var(--online);border-radius:50%;flex:none;width:9px;height:9px}.meeting-people-add,.meeting-link-row{width:100%;min-height:48px;color:var(--accent-text);font-size:var(--fs-body);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:0 16px;font-weight:650;display:flex}.meeting-link-row>span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}:is(.meeting-people-add,.meeting-link-row):hover{background:var(--hover)}:is(.meeting-people-add,.meeting-link-row):focus-visible{outline-offset:-2px}.modal-backdrop.meeting-backdrop{z-index:calc(var(--z-sheet) + 2)}.modal.meeting-sheet{gap:12px;width:min(520px,100%);padding:16px 18px 18px}.meeting-sheet-head{align-items:center;gap:12px;display:flex}.meeting-sheet-head>.modal-close{width:36px;height:36px;position:static}.meeting-sheet-head>h2{min-width:0;font-size:var(--fs-title);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.meeting-sheet-body{flex-direction:column;gap:10px;min-height:0;display:flex}.meeting-sheet-body>.ui-group-title{margin:8px 4px 0}.meeting-sheet-body>.ui-error{margin:0}.meeting-sheet-body>.ui-group-hint{margin:0 4px}.meeting-sheet-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.meeting-sheet-actions>.meeting-link-action{margin-right:auto}.meeting-sheet-text{color:var(--text-secondary);line-height:1.55}.meeting-title-field{align-items:center;gap:8px;display:flex}.meeting-title-field>.ui-field{flex:1}.meeting-link-field input{text-overflow:ellipsis}.meeting-picker{flex-direction:column;gap:10px;min-height:0;display:flex}.meeting-picker-query{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--glass);min-height:42px;color:var(--muted);-webkit-backdrop-filter:var(--blur);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);flex-wrap:wrap;align-items:center;gap:6px;padding:5px 12px;display:flex}.meeting-picker-query:focus-within{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.meeting-picker-query>input{min-width:0;height:30px;color:var(--text);font-size:var(--fs-body);background:0 0;border:0;outline:0;flex:1 0 120px}.meeting-chip{border-radius:var(--radius-pill);background:var(--accent-soft);max-width:200px;min-height:30px;color:var(--accent-text);font-size:var(--fs-secondary);animation:ui-pop-in var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 8px 0 3px;display:inline-flex}.meeting-chip>b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.meeting-chip-avatar{width:24px;height:24px;font-size:9px}.meeting-picker-tabs{align-self:stretch}.meeting-picker-tabs>button{flex:1}.meeting-picker-list{overscroll-behavior:contain;flex-direction:column;min-height:160px;max-height:min(44dvh,360px);margin:0 -8px;padding:0 8px;display:flex;overflow:auto}.meeting-picker-status{color:var(--muted);font-size:var(--fs-secondary);align-items:center;gap:8px;padding:8px 4px;display:flex}.meeting-pick-row{border-radius:var(--radius-control);width:100%;min-height:54px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:6px 8px;display:flex}.meeting-pick-row:hover:not(:disabled){background:var(--hover)}.meeting-pick-row:disabled{cursor:default;opacity:.55}.meeting-pick-mark{border:1.5px solid var(--line-strong);width:22px;height:22px;color:var(--surface);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.meeting-pick-mark.is-on{border-color:var(--accent);background:var(--accent);transform:scale(1.04)}.meeting-pick-avatar{width:40px;height:40px;font-size:13px}.meeting-pick-copy{flex:1;gap:1px;min-width:0;display:grid}.meeting-pick-copy>b{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.meeting-pick-copy>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.meeting-picker-empty{color:var(--muted);font-size:var(--fs-secondary);text-align:center;justify-items:center;gap:4px;margin:auto;padding:24px 12px;display:grid}.meeting-picker-empty>svg{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:50%;margin-bottom:4px;padding:11px}.meeting-picker-empty>strong{color:var(--text);font-size:var(--fs-body)}.meeting-control{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 16%, transparent);width:48px;height:48px;color:var(--surface);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);flex:none;justify-content:center;align-items:center;gap:4px;display:inline-flex;position:relative}.meeting-control:hover:not(:disabled){background:color-mix(in srgb, var(--surface) 26%, transparent)}.meeting-control:active:not(:disabled){transform:scale(.94)}.meeting-control:disabled{opacity:.45}.meeting-control:focus-visible{outline-color:var(--surface)}.meeting-control.is-off,.meeting-control.is-off:hover:not(:disabled){background:var(--surface);color:var(--text)}.meeting-control.is-active,.meeting-control.is-active:hover:not(:disabled){background:var(--accent);color:var(--surface)}.meeting-control.is-danger{background:var(--danger);color:var(--surface)}.meeting-control.is-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 86%, var(--text))}.meeting-control.is-wide{width:64px}.meeting-control.is-small{width:38px;height:38px}.meeting-control-count{font-size:10px;font-weight:750;position:absolute;bottom:3px;right:4px}.meeting-control-badge{min-width:18px;height:18px;font-size:10px;position:absolute;top:-3px;right:-3px}.modal.meeting-sheet.meeting-lobby{width:min(820px,100%)}.meeting-lobby-body{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:18px;display:grid}.meeting-preview{aspect-ratio:16/10;border-radius:var(--radius-card);background:color-mix(in srgb, var(--text) 92%, var(--accent));color:var(--surface);place-items:center;display:grid;position:relative;overflow:hidden}.meeting-preview>video{object-fit:cover;width:100%;height:100%;animation:ui-fade-in var(--dur-slow) var(--ease);transform:scaleX(-1)}.meeting-preview-empty{color:color-mix(in srgb, var(--surface) 70%, transparent);font-size:var(--fs-secondary);justify-items:center;gap:10px;display:grid}.meeting-preview-avatar{width:72px;height:72px;font-size:24px}.meeting-preview-controls{gap:10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.meeting-preview .meeting-control:not(.is-off){background:color-mix(in srgb, var(--text) 45%, transparent);-webkit-backdrop-filter:var(--blur)}.meeting-lobby-side{flex-direction:column;gap:12px;min-width:0;display:flex}.meeting-lobby-notice{border-radius:var(--radius-control);background:var(--warning-soft);color:color-mix(in srgb, var(--warning) 45%, var(--text));font-size:var(--fs-secondary);animation:ui-fade-in var(--dur) var(--ease);padding:10px 12px;line-height:1.45}.meeting-devices{gap:8px;display:grid}.meeting-device{width:100%}.meeting-name-field{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:650;display:grid}.meeting-lobby-as{color:var(--text-secondary);line-height:1.5}.meeting-lobby-as>b{color:var(--text)}.meeting-lobby-side>.ui-error{margin:0}.meeting-join{border-radius:var(--radius-pill);min-height:46px;font-size:var(--fs-row)}.meeting-room{z-index:calc(var(--z-sheet) - 5);border-radius:var(--radius-sheet);background:radial-gradient(900px 520px at 50% 0, color-mix(in srgb, var(--accent) 22%, var(--text)), transparent 70%), color-mix(in srgb, var(--text) 94%, var(--accent));color:var(--surface);box-shadow:var(--shadow-sheet);isolation:isolate;animation:ui-pop-in var(--dur-slow) var(--ease-out);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;display:grid;position:fixed;inset:10px;overflow:hidden}.meeting-room.has-panel{grid-template-columns:minmax(0,1fr) min(360px,34%)}.meeting-room-bar{grid-column:1/-1;align-items:center;gap:10px;min-width:0;display:flex}.meeting-room-title{flex:1;gap:1px;min-width:0;padding-left:6px;display:grid}.meeting-room-title strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.meeting-room-title small{color:color-mix(in srgb, var(--surface) 70%, transparent);font-variant-numeric:tabular-nums;font-size:12px}.meeting-room-title small.is-live:before{content:"";background:var(--online);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.meeting-room-title small.is-error{color:color-mix(in srgb, var(--danger) 55%, var(--surface))}.meeting-rename-trigger{min-width:0;max-width:100%;color:inherit;border-radius:8px;align-items:center;gap:6px;margin:-2px -6px;padding:2px 6px;display:inline-flex}.meeting-rename-trigger>svg{opacity:.6;transition:opacity var(--dur-fast);flex:none}.meeting-rename-trigger:hover{background:color-mix(in srgb, var(--surface) 10%, transparent)}.meeting-rename-trigger:hover>svg{opacity:1}.meeting-rename-trigger:focus-visible{outline-color:var(--surface)}.meeting-stage{grid-column:1;min-height:0;position:relative}.meeting-stage-state{height:100%;color:color-mix(in srgb, var(--surface) 78%, transparent);text-align:center;align-content:center;place-items:center;gap:10px;padding:24px;display:grid}.meeting-stage-state>strong{color:var(--surface);font-size:var(--fs-title)}.meeting-stage-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.meeting-tiles{height:100%;min-height:0}.meeting-grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-auto-rows:minmax(0,1fr);gap:8px;height:100%;min-height:0;display:grid;overflow:auto}.meeting-grid:has(>:nth-child(13)){grid-auto-rows:minmax(160px,1fr)}.meeting-tiles.is-focus{grid-template-columns:minmax(0,1fr) 220px;gap:8px;display:grid}.meeting-focus{min-height:0}.meeting-focus>.meeting-tile{height:100%}.meeting-strip{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:auto}.meeting-strip>.meeting-tile{aspect-ratio:16/10;flex:none}.meeting-tile{border-radius:var(--radius-card);background:color-mix(in srgb, var(--surface) 8%, transparent);min-width:0;min-height:0;animation:ui-pop-in var(--dur-slow) var(--ease-out);place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.meeting-tile:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 3px var(--success), inset 0 0 18px color-mix(in srgb, var(--success) 35%, transparent);opacity:0;transition:opacity var(--dur) var(--ease);position:absolute;inset:0}.meeting-tile.is-speaking:after{opacity:1}.meeting-tile>video{object-fit:cover;width:100%;height:100%}.meeting-tile.is-screen{background:var(--text)}.meeting-tile.is-screen>video{object-fit:contain}.meeting-tile.is-mirrored>video{transform:scaleX(-1)}.meeting-tile-avatar{aspect-ratio:1;width:clamp(56px,22%,104px);height:auto;transition:box-shadow var(--dur) var(--ease);font-size:clamp(18px,3vw,32px)}.meeting-tile.is-speaking .meeting-tile-avatar{box-shadow:0 0 0 3px var(--success), 0 0 0 8px color-mix(in srgb, var(--success) 28%, transparent)}.meeting-tile-name{z-index:2;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 50%, transparent);max-width:calc(100% - 16px);color:var(--surface);-webkit-backdrop-filter:var(--blur);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:650;display:inline-flex;position:absolute;bottom:8px;left:8px}.meeting-tile-name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meeting-tile-name>svg{color:color-mix(in srgb, var(--danger) 55%, var(--surface));flex:none}.meeting-tile.is-screen .meeting-tile-name>svg{color:var(--surface)}.meeting-tile.is-empty{width:100%;height:100%}.meeting-alerts{z-index:3;pointer-events:none;justify-items:center;gap:6px;width:max-content;max-width:calc(100% - 24px);display:grid;position:absolute;top:8px;left:50%;transform:translate(-50%)}.meeting-alerts>*{pointer-events:auto;animation:ui-rise-in var(--dur) var(--ease-out)}.meeting-notice{border-radius:var(--radius-control);background:var(--surface);max-width:100%;color:var(--text);box-shadow:var(--shadow-float);font-size:var(--fs-secondary);align-items:center;gap:8px;padding:8px 8px 8px 14px;line-height:1.4;display:flex}.meeting-reconnecting,.meeting-sharing{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 62%, transparent);max-width:100%;min-height:34px;color:var(--surface);box-shadow:var(--shadow-float);font-size:var(--fs-secondary);-webkit-backdrop-filter:var(--blur);align-items:center;gap:8px;padding:4px 14px 4px 12px;font-weight:650;display:inline-flex}.meeting-reconnecting>.ui-spinner{border-color:color-mix(in srgb, var(--surface) 35%, transparent);border-top-color:var(--surface)}.meeting-sharing{padding-right:4px}.meeting-sharing>svg{flex:none}.meeting-sharing>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meeting-sharing>button{border-radius:var(--radius-pill);background:var(--danger);min-height:28px;color:var(--surface);transition:background var(--dur-fast) var(--ease);flex:none;padding:0 12px;font-weight:700}.meeting-sharing>button:hover{background:color-mix(in srgb, var(--danger) 86%, var(--text))}.meeting-sharing>button:focus-visible{outline-color:var(--surface)}.meeting-notice>button{width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.meeting-notice>button:hover{background:var(--hover);color:var(--text)}.meeting-panel{border-radius:var(--radius-card);background:var(--surface);min-height:0;color:var(--text);box-shadow:var(--shadow-float);animation:ui-slide-in var(--dur) var(--ease-out);flex-direction:column;grid-area:2/2/4;display:flex;overflow:hidden}.meeting-panel-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 10px 10px 16px;display:flex}.meeting-panel-head>strong{font-size:var(--fs-row)}.meeting-panel-head>.modal-close{width:30px;height:30px}.meeting-panel-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:6px 0 12px;overflow:auto}.meeting-panel-actions{flex-wrap:wrap;gap:8px;padding:8px 14px 4px;display:flex}.meeting-panel-actions>button{min-height:38px;font-size:var(--fs-secondary);flex:1}.meeting-panel-group{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:12px 16px 2px;font-size:11px;font-weight:700}.meeting-chat{flex-direction:column;gap:6px;padding:12px;display:flex}.meeting-chat-empty{color:var(--muted);font-size:var(--fs-secondary);text-align:center;justify-items:center;gap:8px;margin:auto;padding:24px 12px;display:grid}.meeting-chat-empty>svg{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:50%;padding:11px}.meeting-message{background:var(--hover);max-width:86%;animation:ui-rise-in var(--dur) var(--ease-out);border-radius:16px 16px 16px 6px;gap:2px;padding:7px 12px 6px;display:grid;position:relative}.meeting-message.is-mine{background:var(--outgoing);border-radius:16px 16px 6px;align-self:flex-end}.meeting-message>b{color:var(--accent-text);font-size:12px}.meeting-message>span{font-size:var(--fs-body);overflow-wrap:anywhere;line-height:1.4}.meeting-message>time{color:var(--muted);justify-self:end;font-size:10.5px}.meeting-composer{border-top:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:10px;display:flex}.meeting-composer>.ui-field{flex:1;min-width:0}.meeting-composer>.ui-icon-button{width:40px;height:40px}.meeting-controls{border:1px solid color-mix(in srgb, var(--surface) 14%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 42%, transparent);max-width:100%;-webkit-backdrop-filter:var(--blur);grid-column:1;justify-self:center;align-items:center;gap:10px;padding:8px;display:flex}.meeting-controls-gap{background:color-mix(in srgb, var(--surface) 18%, transparent);width:1px;height:28px;margin:0 2px}.meeting-leave{display:inline-flex;position:relative}.meeting-leave-menu{transform-origin:100% 100%;background:var(--surface);color:var(--text);-webkit-backdrop-filter:none;position:absolute;bottom:calc(100% + 10px);right:0}.meeting-mini{z-index:calc(var(--z-sheet) - 5);border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:var(--glass);width:300px;color:var(--text);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);animation:ui-rise-in var(--dur) var(--ease-out);display:grid;position:fixed;bottom:20px;right:20px;overflow:hidden}.meeting-mini-view{height:150px;padding:6px 6px 0;display:block}.meeting-mini-view>.meeting-tile{background:color-mix(in srgb, var(--text) 92%, var(--accent));width:100%;height:100%;color:var(--surface);animation:none}.meeting-mini-view:focus-visible{outline-offset:-4px}.meeting-mini-bar{align-items:center;gap:6px;padding:8px 8px 8px 14px;display:flex}.meeting-mini-copy{flex:1;gap:1px;min-width:0;display:grid}.meeting-mini-copy>strong{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meeting-mini-copy>small{color:var(--muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.meeting-mini .meeting-control:not(.is-danger,.is-off){background:var(--hover);color:var(--text)}.meeting-mini .meeting-control.is-off{background:var(--text);color:var(--surface)}.meeting-mini .meeting-control:focus-visible{outline-color:var(--accent)}.meeting-mini-badge{position:absolute;top:12px;right:12px}.meeting-invite-banner{z-index:var(--z-toast);border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:var(--glass);width:min(400px,100vw - 24px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);animation:meeting-drop-in var(--dur-slow) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:12px;display:grid;position:fixed;bottom:20px;right:20px}.meeting-invite-banner.is-raised{bottom:236px}.meeting-invite-banner.is-over-room{bottom:96px;left:28px;right:auto}.meeting-invite-banner.is-collapsed{border-radius:var(--radius-pill);width:auto;max-width:calc(100vw - 24px);padding:0;display:block}.meeting-invite-pill{border-radius:inherit;max-width:100%;min-height:44px;color:var(--text);font-size:var(--fs-secondary);align-items:center;gap:8px;padding:4px 14px 4px 4px;font-weight:650;display:flex}.meeting-invite-pill>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meeting-invite-pill>.meeting-invite-avatar{width:36px;height:36px}.meeting-invite-close{align-self:start;width:30px;height:30px;margin:-4px -4px 0 0}.meeting-invite-avatar{width:42px;height:42px;animation:meeting-ring 1.8s var(--ease) infinite}.meeting-invite-copy{gap:2px;min-width:0;display:grid}.meeting-invite-copy>strong{font-size:var(--fs-row);font-weight:700}.meeting-invite-copy>small{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meeting-invite-actions{grid-column:1/-1;gap:8px;display:flex}.meeting-invite-actions>button{flex:1;min-height:38px}.meeting-invite-actions svg{flex-shrink:0;width:18px;height:18px}.meeting-toast{bottom:calc(24px + env(safe-area-inset-bottom));z-index:var(--z-toast);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 88%, transparent);max-width:calc(100vw - 32px);color:var(--surface);box-shadow:var(--shadow-float);font-size:var(--fs-secondary);animation:meeting-toast-in var(--dur) var(--ease-out);padding:10px 16px;font-weight:600;position:fixed;left:50%;transform:translate(-50%)}@keyframes meeting-drop-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes meeting-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes meeting-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent)}70%,to{box-shadow:0 0 0 9px color-mix(in srgb, var(--accent) 0%, transparent)}}.meeting-guest{background:var(--canvas);min-height:100dvh;color:var(--text);place-items:center;padding:24px;display:grid}.meeting-guest-card{border-radius:var(--radius-sheet);background:var(--surface);width:min(460px,100%);box-shadow:var(--shadow-soft);animation:ui-rise-in var(--dur-slow) var(--ease-out);flex-direction:column;gap:20px;padding:28px;display:flex}.meeting-guest-card.is-lobby{width:min(860px,100%)}.meeting-guest-brand{align-items:center;gap:10px;display:flex}.meeting-guest-brand>span{line-height:1.15;display:grid}.meeting-guest-brand b{font-size:var(--fs-row);font-weight:800}.meeting-guest-brand small{color:var(--muted);font-size:12px}.meeting-guest-logo{border-radius:11px;width:36px;height:36px;overflow:hidden}.meeting-guest-head{gap:6px;display:grid}.meeting-guest-head>h1,.meeting-guest-state>h1{font-size:var(--fs-screen);letter-spacing:-.03em;overflow-wrap:anywhere;font-weight:750}.meeting-guest-head>p{color:var(--text-secondary);line-height:1.5}.meeting-guest-state{gap:12px;display:grid}.meeting-guest-state.ui-empty{margin:0 auto;padding:16px 8px}.meeting-guest-state>.ui-error{margin:0}.meeting-guest-state>.primary{justify-self:start}.meeting-guest-state.ui-empty>.soft-button{justify-self:center}.meeting-guest-head>.meeting-guest-link{justify-self:start;margin-top:4px}.meeting-guest-actions{flex-wrap:wrap;gap:8px;display:flex}.meeting-guest-actions>*{flex:180px}.meeting-guest-note{color:var(--text-secondary);font-size:var(--fs-secondary);line-height:1.5}.meeting-guest-note a{color:var(--accent-text);font-weight:600}.meeting-skeleton-title{width:60%;height:24px}.meeting-skeleton-preview{aspect-ratio:16/9;border-radius:var(--radius-card);width:100%}@media (width<=900px){.meeting-card-head{padding-top:max(8px, env(safe-area-inset-top));box-shadow:none;border-width:0 0 1px;border-radius:0;margin:0;top:0}.meeting-card-body{padding-inline:12px}:root:has(.meeting-mini) :is(.meeting-card-body,.list-scroll-area,.meeting-rows){padding-bottom:calc(120px + env(safe-area-inset-bottom))}.modal.meeting-sheet{padding-inline:14px}.meeting-sheet-actions{flex-wrap:wrap}.meeting-sheet-actions>button{flex:1}.meeting-sheet-actions>.meeting-link-action{flex-basis:100%}.meeting-lobby-body{grid-template-columns:minmax(0,1fr);gap:14px}.meeting-preview{aspect-ratio:4/3}.meeting-picker-list{max-height:38dvh}.meeting-room,.meeting-room.has-panel{padding:max(10px, env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));border-radius:0;grid-template-columns:minmax(0,1fr);gap:10px;inset:0}.meeting-tiles.is-focus{grid-template-rows:minmax(0,1fr) 96px;grid-template-columns:minmax(0,1fr)}.meeting-strip{flex-direction:row}.meeting-strip>.meeting-tile{height:100%}.meeting-grid{gap:6px}.meeting-grid:has(>:nth-child(5)){grid-auto-rows:minmax(150px,1fr)}.meeting-controls{gap:6px;padding:6px}.meeting-control{width:44px;height:44px}.meeting-control.is-wide{width:54px}.meeting-controls-gap{display:none}.meeting-panel{z-index:3;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;height:min(64dvh,560px);padding-bottom:env(safe-area-inset-bottom);animation-name:ui-sheet-up;animation-duration:var(--dur-slow);position:fixed;bottom:0;left:0;right:0}.meeting-invite-banner{right:8px;bottom:calc(80px + env(safe-area-inset-bottom));gap:8px 10px;width:auto;padding:10px;left:8px}.meeting-invite-banner.is-raised{bottom:calc(172px + env(safe-area-inset-bottom))}.meeting-invite-banner.is-over-room{right:8px;bottom:calc(80px + env(safe-area-inset-bottom));left:8px}.meeting-invite-banner.is-collapsed{left:auto;right:8px}.meeting-invite-avatar{width:36px;height:36px}.meeting-invite-copy>strong{font-size:var(--fs-body)}.meeting-invite-actions>button{min-height:36px}.meeting-alerts{top:4px}.meeting-mini{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));grid-template-columns:96px minmax(0,1fr);width:auto;left:12px}.meeting-mini-view{height:72px;padding:6px 0 6px 6px}.meeting-mini-bar{padding-left:10px}.meeting-guest{background:var(--surface);padding:0}.meeting-guest-card,.meeting-guest-card.is-lobby{width:100%;min-height:100dvh;box-shadow:none;padding:max(24px, env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));border-radius:0}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.meeting-card-head,.meeting-picker-query,.meeting-mini,.meeting-invite-banner{background:var(--surface);-webkit-backdrop-filter:none}.meeting-controls,.meeting-tile-name,.meeting-reconnecting,.meeting-sharing{background:color-mix(in srgb, var(--text) 88%, var(--surface));-webkit-backdrop-filter:none}.meeting-toast{background:var(--text)}}@media (prefers-reduced-motion:reduce){.meeting-invite-avatar{animation:none}.meeting-tile:after{transition:none}}.sc{--sc-on:var(--surface);--sc-dim:color-mix(in srgb, var(--surface) 64%, transparent);--sc-glass:color-mix(in srgb, var(--brand-night) 58%, transparent);--sc-edge:color-mix(in srgb, var(--brand-sky) 34%, transparent);--sc-glow:0 0 0 1px var(--sc-edge), 0 0 24px color-mix(in srgb, var(--brand-sky) 28%, transparent);z-index:var(--z-sheet);background:var(--brand-night);color:var(--sc-on);animation:sc-in var(--dur-slow) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.sc-aurora{background:radial-gradient(40% 36% at 18% 20%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 70%), radial-gradient(36% 40% at 84% 78%, color-mix(in srgb, var(--brand-sky) 34%, transparent), transparent 70%), radial-gradient(30% 30% at 70% 12%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%);filter:blur(30px);animation:sc-drift 18s var(--ease) infinite alternate;pointer-events:none;position:absolute;inset:-20%}@keyframes sc-in{0%{opacity:0;transform:scale(1.03)}}@keyframes sc-drift{to{transform:translate(4%,-3%)rotate(6deg)}}.sc-steps{z-index:3;top:max(14px, env(safe-area-inset-top));border-radius:var(--radius-pill);background:var(--sc-glass);box-shadow:var(--sc-glow);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:var(--blur);gap:14px;margin:0;padding:6px 14px;font-size:11px;font-weight:650;list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.sc-steps>li{color:var(--sc-dim);transition:color var(--dur) var(--ease);align-items:center;gap:6px;display:flex}.sc-steps>li>i{width:6px;height:6px;transition:box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);background:currentColor;border-radius:50%}.sc-steps>li.on{color:var(--sc-on)}.sc-steps>li.on>i{background:var(--brand-sky);box-shadow:0 0 10px var(--brand-sky)}.sc-steps>li.done>i{background:var(--accent)}.sc-stage{z-index:1;background:color-mix(in srgb, var(--brand-night) 80%, var(--text));width:min(100vw,460px,56.25dvh);height:min(100dvh,820px);box-shadow:0 0 0 1px var(--sc-edge), 0 30px 90px color-mix(in srgb, var(--accent) 22%, transparent);animation:sc-step var(--dur-slow) var(--ease-out);border-radius:28px;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}@keyframes sc-step{0%{opacity:0;transform:translateY(14px)scale(.98)}}.sc-top{z-index:3;justify-content:space-between;align-items:center;gap:8px;padding:50px 12px 8px;display:flex;position:relative}.sc-title{font-size:var(--fs-title);letter-spacing:-.01em;font-weight:700}.sc-icon{background:var(--sc-glass);width:42px;height:42px;color:var(--sc-on);box-shadow:0 0 0 1px color-mix(in srgb, var(--surface) 14%, transparent);-webkit-backdrop-filter:var(--blur);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.sc-icon:hover:not(:disabled){box-shadow:var(--sc-glow)}.sc-icon:active:not(:disabled){transform:scale(.92)}.sc-icon:disabled{opacity:.4}.sc-icon.small{width:34px;height:34px}.sc :is(button,label,textarea):focus-visible{outline:2px solid var(--brand-sky);outline-offset:2px}.sc-camera{grid-template-rows:auto 1fr}.sc-camera>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sc-camera>video.mirror{transform:scaleX(-1)}.sc-camera:after{content:"";background:linear-gradient(transparent, color-mix(in srgb, var(--brand-night) 88%, transparent));pointer-events:none;height:220px;position:absolute;inset:auto 0 0}.sc-flash{z-index:4;background:var(--surface);animation:sc-flash .22s var(--ease) forwards;position:absolute;inset:0}@keyframes sc-flash{to{opacity:0}}.sc-camera-note{z-index:1;text-align:center;place-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.sc-camera-note b{font-size:var(--fs-title)}.sc-camera-note small{max-width:260px;color:var(--sc-dim);font-size:var(--fs-secondary);line-height:1.45}.sc-scan{border:2px solid color-mix(in srgb, var(--brand-sky) 25%, transparent);border-top-color:var(--brand-sky);width:46px;height:46px;box-shadow:0 0 18px color-mix(in srgb, var(--brand-sky) 40%, transparent);border-radius:50%;animation:.9s linear infinite sc-spin}.sc-scan.small{vertical-align:-3px;border-width:2px;width:16px;height:16px;margin-right:8px;display:inline-block}@keyframes sc-spin{to{transform:rotate(1turn)}}.sc-rec{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--danger) 82%, transparent);font-size:var(--fs-secondary);font-variant-numeric:tabular-nums;box-shadow:0 0 18px color-mix(in srgb, var(--danger) 60%, transparent);align-items:center;gap:7px;padding:6px 12px;font-weight:700;display:inline-flex}.sc-rec>i{background:var(--surface);border-radius:50%;width:8px;height:8px;animation:1s steps(2,end) infinite sc-blink}@keyframes sc-blink{50%{opacity:.2}}.sc-camera-bar{z-index:3;padding:0 22px calc(18px + env(safe-area-inset-bottom));grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.sc-hint{color:var(--sc-dim);text-align:center;grid-column:1/-1;margin-top:10px;font-size:12px}.sc-gallery{background:var(--sc-glass);width:48px;height:48px;box-shadow:var(--sc-glow);cursor:pointer;transition:transform var(--dur-fast) var(--ease);border-radius:14px;justify-self:start;place-items:center;display:grid;position:relative}.sc-gallery:hover{transform:translateY(-2px)}.sc-gallery>input{opacity:0;cursor:pointer;position:absolute;inset:0}.sc-shutter{--rec:0;touch-action:none;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:relative}.sc-shutter>svg{position:absolute;inset:0;transform:rotate(-90deg)}.sc-shutter>svg circle{fill:none;stroke:var(--surface);stroke-width:4px;stroke-dasharray:245;stroke-dashoffset:0;transition:stroke var(--dur) var(--ease);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--brand-sky) 70%, transparent))}.sc-shutter.recording>svg circle{stroke:var(--danger);stroke-dashoffset:calc(245 - 245 * var(--rec))}.sc-shutter>i{background:var(--surface);width:64px;height:64px;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--brand-night) 20%, transparent);transition:transform var(--dur) var(--ease-out), border-radius var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:50%}.sc-shutter:active>i{transform:scale(.88)}.sc-shutter.recording>i{background:var(--danger);border-radius:8px;width:30px;height:30px}.sc-shutter:disabled{opacity:.45}.sc-canvas-area{place-items:center;min-height:0;margin:0 12px;display:grid;position:relative;overflow:hidden}.sc-canvas-box{box-shadow:0 0 0 1px color-mix(in srgb, var(--surface) 10%, transparent);transition:width var(--dur-slow) var(--ease-out), height var(--dur-slow) var(--ease-out);border-radius:16px;position:relative;overflow:hidden}.sc-canvas-box>canvas{touch-action:none;width:100%;height:100%;display:block}.sc-canvas-box.draw>canvas{cursor:crosshair}.sc-preview{border-radius:16px;max-width:100%;max-height:100%}.sc-crop{box-shadow:0 0 0 9999px color-mix(in srgb, var(--brand-night) 62%, transparent), inset 0 0 0 1.5px var(--brand-sky), inset 0 0 20px color-mix(in srgb, var(--brand-sky) 40%, transparent);cursor:move;touch-action:none;position:absolute}.sc-crop>.grid{background:linear-gradient(90deg, transparent calc(33.33% - .5px), color-mix(in srgb, var(--surface) 35%, transparent) 33.33%, transparent calc(33.33% + .5px), transparent calc(66.66% - .5px), color-mix(in srgb, var(--surface) 35%, transparent) 66.66%, transparent calc(66.66% + .5px)), linear-gradient(transparent calc(33.33% - .5px), color-mix(in srgb, var(--surface) 35%, transparent) 33.33%, transparent calc(33.33% + .5px), transparent calc(66.66% - .5px), color-mix(in srgb, var(--surface) 35%, transparent) 66.66%, transparent calc(66.66% + .5px));pointer-events:none;position:absolute;inset:0}.sc-crop>b{border:3px solid var(--surface);width:26px;height:26px;filter:drop-shadow(0 0 4px var(--brand-sky));touch-action:none;position:absolute}.sc-crop>.nw{cursor:nwse-resize;border-bottom:0;border-right:0;top:0;left:0}.sc-crop>.ne{cursor:nesw-resize;border-bottom:0;border-left:0;top:0;right:0}.sc-crop>.sw{cursor:nesw-resize;border-top:0;border-right:0;bottom:0;left:0}.sc-crop>.se{cursor:nwse-resize;border-top:0;border-left:0;bottom:0;right:0}.sc-palette{scrollbar-width:none;border-radius:var(--radius-pill);background:var(--sc-glass);box-shadow:var(--sc-glow);animation:sc-step var(--dur) var(--ease-out);-webkit-backdrop-filter:var(--blur);flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;margin:10px 12px 0;padding:8px 10px;display:flex;overflow-x:auto}.sc-palette>button[style]{background:var(--swatch);width:22px;height:22px;box-shadow:0 0 0 2px color-mix(in srgb, var(--surface) 30%, transparent);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease);border-radius:50%;flex:none}.sc-palette>button[style].on{box-shadow:0 0 0 2px var(--surface), 0 0 14px var(--swatch);transform:scale(1.18)}.sc-sep{background:color-mix(in srgb, var(--surface) 20%, transparent);width:1px;height:20px}.sc-size{border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.sc-size>i{background:var(--sc-dim);border-radius:50%}.sc-size.on>i{background:var(--surface);box-shadow:0 0 10px var(--brand-sky)}.sc-chip{border-radius:var(--radius-pill);min-height:32px;color:var(--sc-on);font-size:var(--fs-secondary);box-shadow:0 0 0 1px color-mix(in srgb, var(--surface) 18%, transparent);align-items:center;gap:6px;padding:0 12px;font-weight:650;display:inline-flex}.sc-chip:hover{box-shadow:var(--sc-glow)}.sc-tools{padding:12px 12px calc(14px + env(safe-area-inset-bottom));align-items:center;gap:6px;display:flex}.sc-tool{min-width:64px;color:var(--sc-dim);transition:color var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:16px;justify-items:center;gap:4px;padding:8px 6px;font-size:11px;font-weight:650;display:grid}.sc-tool:hover{color:var(--sc-on)}.sc-tool.on{background:var(--sc-glass);color:var(--sc-on);box-shadow:var(--sc-glow)}.sc-tool.on>svg{filter:drop-shadow(0 0 6px var(--brand-sky))}.sc-note{color:var(--sc-dim);font-size:var(--fs-secondary);flex:1}.sc-next,.sc-publish{border-radius:var(--radius-pill);background:var(--accent-gradient);min-height:46px;color:var(--surface);font-size:var(--fs-row);box-shadow:0 8px 26px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 1px 0 color-mix(in srgb, var(--surface) 35%, transparent);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease), opacity var(--dur) var(--ease);justify-content:center;align-items:center;gap:6px;margin-left:auto;padding:0 20px;font-weight:700;display:inline-flex}.sc-next:hover:not(:disabled),.sc-publish:hover:not(:disabled){box-shadow:0 10px 34px color-mix(in srgb, var(--brand-sky) 55%, transparent), inset 0 1px 0 color-mix(in srgb, var(--surface) 35%, transparent)}.sc-next:active:not(:disabled),.sc-publish:active:not(:disabled){transform:scale(.97)}.sc-next:disabled,.sc-publish:disabled{opacity:.5}.sc-details{grid-template-rows:auto 1fr}.sc-card{min-height:0;padding:4px 16px calc(20px + env(safe-area-inset-bottom));align-content:start;gap:16px;display:grid;overflow:auto}.sc-thumb{aspect-ratio:9/16;width:132px;box-shadow:0 0 0 1px var(--sc-edge), 0 16px 40px color-mix(in srgb, var(--accent) 30%, transparent);animation:sc-float 5s var(--ease) infinite alternate;background:var(--brand-night);border-radius:18px;justify-self:center;overflow:hidden}.sc-thumb>:is(img,video){object-fit:contain;width:100%;height:100%}@keyframes sc-float{to{transform:translateY(-6px)rotate(-1.5deg)}}.sc-field{gap:8px;display:grid}.sc-field>span,.sc-duration>legend{color:var(--sc-dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.sc-field>textarea{background:var(--sc-glass);min-height:96px;max-height:180px;color:var(--sc-on);font:inherit;font-size:var(--fs-body);resize:vertical;box-shadow:0 0 0 1px color-mix(in srgb, var(--surface) 14%, transparent);transition:box-shadow var(--dur) var(--ease);border:0;border-radius:16px;outline:0;padding:12px 14px;line-height:1.45}.sc-field>textarea::placeholder{color:var(--sc-dim)}.sc-field>textarea:focus{box-shadow:var(--sc-glow)}.sc-field>small{color:var(--sc-dim);font-variant-numeric:tabular-nums;justify-self:end;font-size:12px}.sc-field>small.near{color:var(--warning)}.sc-field>small.over{color:var(--danger)}.sc-duration{border:0;margin:0;padding:0}.sc-duration>legend{margin-bottom:8px;padding:0}.sc-duration>div{border-radius:var(--radius-pill);background:var(--sc-glass);max-width:260px;box-shadow:0 0 0 1px color-mix(in srgb, var(--surface) 14%, transparent);grid-template-columns:1fr 1fr;padding:3px;display:grid;position:relative}.sc-duration button{z-index:1;border-radius:var(--radius-pill);min-height:34px;color:var(--sc-dim);font-size:var(--fs-secondary);transition:color var(--dur) var(--ease);justify-content:center;align-items:center;gap:4px;font-weight:600;display:flex;position:relative}.sc-duration button>b{font-size:var(--fs-secondary);font-weight:700}.sc-duration button.on{color:var(--sc-on)}.sc-duration>div>i{--pos:0;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 38%, transparent);width:calc(50% - 3px);box-shadow:var(--sc-glow);transform:translateX(calc(var(--pos) * 100%));transition:transform var(--dur-slow) var(--ease-out);position:absolute;top:3px;bottom:3px;left:3px}.sc-publish{width:100%;margin:4px 0 0}@media (width<=520px){.sc-stage{width:100vw;height:100dvh;box-shadow:none;border-radius:0}}@media (prefers-reduced-motion:reduce){.sc,.sc-stage,.sc-palette,.sc-aurora,.sc-thumb,.sc-scan{animation:none}.sc-duration>div>i,.sc-canvas-box{transition:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.sc{--sc-glass:var(--brand-night)}.sc-aurora{display:none}:is(.sc-icon,.sc-steps,.sc-palette){-webkit-backdrop-filter:none}}.media-viewer{z-index:var(--z-sheet);background:color-mix(in srgb, var(--text) 94%, transparent);color:var(--surface);animation:ui-fade-in var(--dur) var(--ease);outline:none;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.media-viewer-head{min-height:60px;padding:max(8px, env(safe-area-inset-top)) 12px 8px 16px;align-items:center;gap:8px;display:flex}.media-viewer-caption{gap:2px;min-width:0;margin-right:auto;display:grid}.media-viewer-caption strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.media-viewer-caption small{color:color-mix(in srgb, var(--surface) 72%, transparent);font-size:var(--fs-secondary);font-variant-numeric:tabular-nums}.media-viewer-action{min-width:var(--control-height);height:var(--control-height);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 14%, transparent);color:var(--surface);font-size:var(--fs-body);transition:background var(--dur-fast) var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:650;display:inline-flex}.media-viewer-action.is-round{padding:0}.media-viewer-action:hover{background:color-mix(in srgb, var(--surface) 24%, transparent)}.media-viewer :focus-visible{outline:2px solid var(--surface);outline-offset:2px}.media-viewer-stage{min-width:0;min-height:0;padding:0 72px max(16px, env(safe-area-inset-bottom));touch-action:pinch-zoom;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.media-viewer-frame{pointer-events:none;width:100%;min-width:0;height:100%;min-height:0;animation:ui-fade-in var(--dur) var(--ease);justify-content:center;align-items:center;margin:0;display:flex;position:relative}.media-viewer-frame>*{pointer-events:auto}.media-viewer-frame>img{object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;min-width:0;max-width:100%;max-height:100%;transition:opacity var(--dur) var(--ease);display:block}.media-viewer-frame>img.is-ready{opacity:1}.media-viewer-video.inline-video{background:0 0;width:100%;height:100%}.media-viewer-video.inline-video video{object-fit:contain}.media-viewer-spinner{border:3px solid color-mix(in srgb, var(--surface) 25%, transparent);border-top-color:var(--surface);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite media-viewer-spin;position:absolute}.media-viewer-error{color:color-mix(in srgb, var(--surface) 80%, transparent);font-size:var(--fs-body);justify-items:center;gap:10px;display:grid}.media-viewer-nav{background:color-mix(in srgb, var(--surface) 14%, transparent);width:48px;height:48px;color:var(--surface);transition:background var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.media-viewer-nav.is-prev{left:12px}.media-viewer-nav.is-next{right:12px}.media-viewer-nav:hover:not(:disabled){background:color-mix(in srgb, var(--surface) 24%, transparent)}.media-viewer-nav:disabled{opacity:0;pointer-events:none}@media (width<=700px){.media-viewer-head{padding-left:12px}.media-viewer-action:not(.is-round){padding:0}.media-viewer-action:not(.is-round)>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.media-viewer-stage{padding:0 0 max(8px, env(safe-area-inset-bottom))}.media-viewer-nav{background:color-mix(in srgb, var(--text) 45%, transparent);width:40px;height:40px}.media-viewer-nav.is-prev{left:6px}.media-viewer-nav.is-next{right:6px}}@keyframes media-viewer-spin{to{transform:rotate(360deg)}}.chat-info{background:var(--canvas);min-height:0;color:var(--text);animation:ui-slide-in var(--dur) var(--ease-out);flex-direction:column;flex:1;display:flex}.chat-info-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:12px max(16px,50% - 280px) 40px;overflow:auto}.chat-info-back{z-index:2;border:1px solid var(--glass-line);background:var(--glass);width:38px;height:38px;color:var(--text);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);transition:transform var(--dur-fast);border-radius:50%;place-items:center;display:grid;position:sticky;top:0}.chat-info-back:hover{background:var(--surface)}.chat-info-back:active{transform:scale(.94)}.chat-info-hero{text-align:center;flex-direction:column;align-items:center;gap:4px;margin:-14px 0 18px;display:flex}.chat-info-avatar{width:96px;height:96px;color:var(--surface);box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;margin-bottom:8px;font-size:32px;font-weight:700;display:grid;overflow:hidden}.chat-info-hero .profile-gallery-trigger.chat-info-avatar{font-size:32px;overflow:visible}.chat-info-hero strong{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:22px;font-weight:750}.chat-info-hero small{color:var(--muted);font-size:var(--fs-secondary)}.chat-info-hero small.is-online{color:var(--online)}.chat-info-actions{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.chat-info-action{background:var(--surface);max-width:120px;min-height:64px;color:var(--accent);box-shadow:var(--shadow-hairline);transition:background var(--dur-fast), transform var(--dur-fast);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 8px 8px;display:flex}.chat-info-action:hover:not(:disabled){background:color-mix(in srgb, var(--surface) 70%, var(--accent-soft))}.chat-info-action:active:not(:disabled){transform:scale(.97)}.chat-info-action:disabled{opacity:.5}.chat-info-action>span:first-child{place-items:center;display:grid}.chat-info-action em{color:var(--accent-text);font-size:12px;font-weight:650}.chat-info-action em:first-letter{text-transform:uppercase}.chat-info-action[aria-pressed=true]{color:var(--muted)}.chat-info-action[aria-pressed=true] em{color:var(--text-secondary)}.chat-info-kicker{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;margin:22px 16px 6px;font-size:12px;font-weight:700}.chat-info-group{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);overflow:hidden}.chat-info-row{width:100%;min-height:50px;color:var(--text);text-align:left;align-items:center;gap:12px;padding:10px 16px;display:flex;position:relative}.chat-info-row+.chat-info-row:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:16px;right:0}.chat-info-row:has(.chat-info-avatar-sm)+.chat-info-row:before{left:68px}.chat-info-row>b{min-width:72px;color:var(--text-secondary);font-size:var(--fs-body);flex:none;font-weight:500}.chat-info-row>span,.chat-info-row>em{min-width:0;font-size:var(--fs-body);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chat-info-row>em{color:var(--accent-text)}button.chat-info-row:hover{background:var(--hover)}.chat-info-avatar-sm{width:40px;height:40px;color:var(--surface);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid;overflow:hidden}.chat-info-member{text-align:left;gap:1px;min-width:0;display:grid}.chat-info-member strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.chat-info-member small{color:var(--muted);font-size:12.5px}.chat-info-empty{color:var(--muted);font-size:var(--fs-secondary);text-align:center;padding:28px 16px}.chat-info-segments{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--line) 70%, var(--canvas));gap:2px;margin-bottom:8px;padding:3px;display:flex}.chat-info-segments button{border-radius:var(--radius-pill);min-height:32px;color:var(--text-secondary);font-size:var(--fs-secondary);transition:background var(--dur-fast), color var(--dur-fast);flex:1;padding:0 10px;font-weight:650}.chat-info-segments button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.chat-info-library{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-hairline);overflow:hidden}.chat-info-library-pane{animation:ui-fade-in var(--dur) var(--ease)}.chat-info-media{border-radius:var(--radius-card);grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid;overflow:hidden}.chat-info-tile{aspect-ratio:1;background:var(--hover);cursor:zoom-in;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:block;position:relative;overflow:hidden}.chat-info-tile :is(img,video){object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out), filter var(--dur-fast)}.chat-info-tile:hover :is(img,video){filter:brightness(.92);transform:scale(1.04)}.chat-info-tile:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chat-info-tile-play{background:color-mix(in srgb, var(--text) 55%, transparent);width:24px;height:24px;color:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:6px;left:6px}.chat-info-menu-layer{z-index:60;position:fixed;inset:0}.chat-info-menu{min-width:220px;animation:chat-info-menu-in var(--dur-fast) var(--ease-out);transform-origin:0 0;display:grid;position:fixed}.chat-info-menu>button{align-items:center;gap:10px;display:flex}@keyframes chat-info-menu-in{0%{opacity:0;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.chat-info-menu,.chat-info-tile :is(img,video){transition:none;animation:none}}.chat-info-list{display:grid}.chat-info-list>:is(a,div,button){width:100%;min-height:56px;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:8px 16px;text-decoration:none;display:flex;position:relative}.chat-info-list>:is(a,div,button)+:is(a,div,button):before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:68px;right:0}.chat-info-list>:is(a,button):hover{background:var(--hover);text-decoration:none}.chat-info-list>button{cursor:pointer}.chat-info-list>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chat-info-list-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.chat-info-list-copy{flex:1;gap:1px;min-width:0;display:grid}.chat-info-list-copy strong{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.chat-info-list-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.chat-info-voice .note-player-badge,.chat-info-voice .note-player-state{display:none}.chat-info-voice .voice-player{min-height:44px}.chat-info-error{border-radius:var(--radius-control);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-secondary);margin-top:12px;padding:10px 14px}.chat-info-title{justify-content:center;align-items:center;max-width:100%;display:inline-flex}.chat-info-hero-skeleton{border-radius:var(--radius-pill);width:160px;height:22px}.chat-info-about{max-width:420px;color:var(--text-secondary);font-size:var(--fs-body);white-space:pre-line;overflow-wrap:anywhere;margin-top:6px;line-height:1.45}.chat-info-edit{border-radius:var(--radius-pill);background:var(--accent-soft);min-height:36px;color:var(--accent-text);transition:background var(--dur-fast), transform var(--dur-fast);align-items:center;gap:6px;margin-top:10px;padding:0 16px;font-weight:650;display:inline-flex}.chat-info-edit:hover{background:color-mix(in srgb, var(--accent-soft) 70%, var(--accent) 12%)}.chat-info-edit:active{transform:scale(.97)}.chat-info-load-error{border-radius:var(--radius-control);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-secondary);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 10px 10px 14px;display:flex}.chat-info-load-error button{border-radius:var(--radius-pill);min-height:36px;color:inherit;padding:0 14px;font-weight:650}.chat-info-member-row{animation:ui-fade-in var(--dur) var(--ease);transition:opacity var(--dur-fast)}.chat-info-member-row.is-busy{opacity:.6}.chat-info-member-row>.chat-info-member{text-align:left;flex:1}.chat-info-member-row:has(.chat-info-member-open:not(:disabled):hover){background:var(--hover)}.chat-info-member-open{min-width:0;color:inherit;text-align:left;flex:1;align-items:center;gap:12px;margin:-10px 0 -10px -16px;padding:10px 0 10px 16px;display:flex}.chat-info-member-open:disabled{cursor:default}.chat-info-member-open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-control)}.chat-info-member-open>.chat-info-member{flex:1}.chat-info-add>.chat-info-add-icon{flex:none}.chat-info-member-more{width:44px;height:44px;color:var(--muted);transition:background var(--dur-fast), color var(--dur-fast);border-radius:50%;flex:none;place-items:center;margin-right:-10px;display:grid}.chat-info-member-more:hover:not(:disabled),.chat-info-member-more[aria-expanded=true]{background:var(--hover);color:var(--text)}.chat-info-member-more .ui-spinner{border-width:2px;width:18px;height:18px}.chat-info-member-menu{transform-origin:100% 0;width:240px}.chat-info-member-menu .is-danger{color:var(--danger-text)}.chat-info-add{color:var(--accent-text)}.chat-info-add>em{text-align:left;font-weight:600}.chat-info-add-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.chat-info-row:has(.chat-info-add-icon)+.chat-info-row:before{left:68px}.chat-info-invite>svg{color:var(--accent);flex:none}.chat-info-invite>span{color:var(--text-secondary);text-align:left}.chat-info-invite>em{flex:none}.chat-info-row>em.is-start{text-align:left}button.chat-info-row:disabled{opacity:.55}button.chat-info-row:focus-visible,.chat-info-member-more:focus-visible,.chat-info-edit:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.community-edit{flex-direction:column;width:min(460px,100%);max-height:min(720px,100dvh - 48px);padding-bottom:14px;display:flex}.community-edit-scroll{background:var(--canvas);border-block:1px solid var(--line);flex:1;min-height:0;margin:0 -18px;padding:4px 18px 12px;overflow:auto}.community-edit-avatar{border-radius:50%;width:96px;margin:12px auto 16px;display:block;position:relative}.community-edit-avatar .chat-info-avatar{margin:0}.community-edit-avatar-badge{border:2px solid var(--surface);background:var(--accent);width:32px;height:32px;color:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;right:0}.community-edit-avatar-badge .ui-spinner{border-width:2px;border-color:color-mix(in srgb, var(--surface) 35%, transparent);border-top-color:var(--surface);width:16px;height:16px}.community-edit-avatar:hover .community-edit-avatar-badge{background:var(--accent-pressed)}.community-edit-avatar:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.community-edit-fields>*+*,.community-edit .chat-info-group>*+*{border-top:1px solid var(--line)}.community-edit-field{align-items:center;gap:12px;min-height:48px;padding:6px 16px;display:flex}.community-edit-field>span{min-width:84px;color:var(--text-secondary);font-size:var(--fs-body);flex:none;font-weight:500}.community-edit-field :is(input,textarea){min-width:0;color:var(--text);font:inherit;font-size:var(--fs-body);background:0 0;border:0;outline:0;flex:1;padding:6px 0}.community-edit-field textarea{resize:none;line-height:1.45}.community-edit-field.is-multiline{align-items:flex-start;padding-top:10px}.community-edit-field.is-multiline>span{padding-top:6px}.community-edit-field :is(input,textarea)[aria-invalid=true]{color:var(--danger-text)}.community-edit-field:focus-within{background:color-mix(in srgb, var(--accent-soft) 45%, var(--surface))}.community-edit-segment{margin:10px 12px;display:flex}.community-edit-segment>button{flex:1}.community-edit-gap{margin-top:18px}.community-edit .ui-group-hint.is-error{color:var(--danger-text)}.community-edit .chat-info-sheet-actions{margin-top:14px}.chat-info-sheet-actions .is-destructive{background:var(--danger-soft);color:var(--danger-text)}.chat-info-backdrop{z-index:var(--z-sheet);background:var(--scrim);-webkit-backdrop-filter:blur(6px);animation:ui-fade-in var(--dur) var(--ease);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.chat-info-sheet{border-radius:var(--radius-sheet);background:var(--surface);width:min(400px,100%);box-shadow:var(--shadow-sheet);animation:ui-rise-in var(--dur-slow) var(--ease-out);padding:18px}.chat-info-sheet header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.chat-info-sheet h2{font-size:18px;font-weight:750}.chat-info-sheet header button{background:var(--hover);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;place-items:center;display:grid}.chat-info-sheet p{color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.chat-info-sheet-actions{gap:8px;display:grid}.chat-info-sheet-actions button{border-radius:var(--radius-control);background:var(--hover);min-height:44px;font-weight:650}.chat-info-sheet-actions .is-primary{background:var(--accent);color:var(--surface)}.chat-info-sheet-actions button:disabled{opacity:.5}@media (width<=900px){.chat-info-scroll{padding-top:max(12px, env(safe-area-inset-top))}.chat-info-backdrop{place-items:end center;padding:0}.chat-info-sheet{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;padding-bottom:calc(18px + env(safe-area-inset-bottom));animation:ui-sheet-up var(--dur-slow) var(--ease-out)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.chat-info-back{background:var(--surface);-webkit-backdrop-filter:none}.chat-info-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (pointer:coarse){.chat-info-edit{min-height:44px}.chat-info-sheet header button{width:44px;height:44px}}.thread-feed.is-channel .thread-row.is-post{width:min(100%,540px);max-width:min(100%,540px);margin-top:10px}.thread-row.is-post .thread-bubble.is-post{border-radius:var(--bubble-radius);border-bottom-left-radius:var(--bubble-tail);gap:8px;width:100%;padding:9px 14px 8px}.thread-row.is-post.is-appear{animation:thread-post-in var(--dur-slow) var(--ease-out)}.thread-post-channel{min-width:0;color:var(--accent-text);align-items:center;margin-bottom:-2px;font-size:14px;font-weight:750;display:flex}.thread-post-channel>span:first-child,.thread-author>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.thread-author{align-items:center;min-width:0;display:flex}.thread-bubble.is-post>.thread-album{border-radius:0;width:calc(100% + 28px);margin-inline:-14px}.thread-bubble.is-post>.thread-album:first-child{margin-top:-9px}.thread-bubble.is-post.has-single-media{--media-max-w:100%}.thread-post-text{white-space:normal}.thread-post-text:after{display:none}.thread-post-text .md-view{font-size:var(--fs-row);line-height:1.5}.thread-post-text .md-view>*+*{margin-top:6px}.thread-post-text .md-view h3{letter-spacing:-.01em;font-size:17px;font-weight:750}.thread-bubble:has(.thread-post-text){padding-bottom:8px}.thread-meta.is-post{pointer-events:auto;justify-content:flex-end;align-self:stretch;gap:8px;margin-top:-2px;position:static}.thread-post-signature{min-width:0;color:var(--text-secondary);text-align:left;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.thread-post-views{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.thread-edited{font-style:italic}.thread-feed.is-channel .thread-row.is-post .thread-reaction-row{padding-left:2px}.channel-tools{border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-soft);scrollbar-width:none;animation:ui-rise-in var(--dur) var(--ease-out);align-items:center;gap:2px;margin-left:52px;padding:4px;display:flex;overflow-x:auto}.channel-tools::-webkit-scrollbar{display:none}.channel-tools>button{width:36px;height:36px;color:var(--text-secondary);transition:background var(--dur-fast), color var(--dur-fast);border-radius:50%;flex:none;place-items:center;display:grid}.channel-tools>button:hover:not(:disabled){background:var(--hover);color:var(--text)}.channel-tools>button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.channel-tools>button:disabled{opacity:.4}.channel-tools>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.channel-tools-sep{background:var(--line);flex:none;width:1px;height:20px;margin:0 4px}.channel-tools-preview{margin-left:auto}.channel-tools>.channel-tools-preview{border-radius:var(--radius-pill);width:auto;font-size:var(--fs-secondary);gap:6px;padding:0 12px;font-weight:650;display:inline-flex}.channel-preview{background:var(--surface);max-height:min(40vh,320px);box-shadow:var(--shadow-soft);animation:ui-rise-in var(--dur) var(--ease-out);border-radius:16px;margin-left:52px;padding:10px 14px;overflow:auto}.channel-preview-empty{color:var(--muted);font-size:var(--fs-secondary)}.channel-edit-bar{background:var(--surface);box-shadow:var(--shadow-soft);color:var(--accent);animation:ui-rise-in var(--dur) var(--ease-out);border-radius:16px;align-items:center;gap:12px;margin-left:52px;padding:6px 6px 6px 14px;display:flex}.channel-edit-bar>div{border-left:2px solid var(--accent);flex:1;min-width:0;padding-left:10px;display:grid}.channel-edit-bar strong{color:var(--accent-text);font-size:13px;font-weight:650}.channel-edit-bar span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.channel-edit-bar button{width:32px;height:32px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.channel-edit-bar button:hover{background:var(--hover);color:var(--text)}.thread-field .channel-schedule-toggle{width:42px;height:42px;color:var(--muted)}.thread-field .channel-schedule-toggle:hover:not(:disabled){color:var(--accent)}.thread-field .channel-schedule-toggle:disabled{opacity:.35}.channel-schedule-options{gap:4px;margin:4px -6px 0;display:grid}.channel-schedule-options>button{border-radius:var(--radius-control);text-align:left;min-height:48px;transition:background var(--dur-fast);align-items:center;gap:12px;padding:0 12px;font-weight:600;display:flex}.channel-schedule-options>button:hover:not(:disabled){background:var(--hover)}.channel-schedule-options>button svg{color:var(--accent)}.channel-schedule-options>button small{color:var(--muted);margin-left:auto;font-weight:500}.channel-schedule-custom{animation:ui-fade-in var(--dur) var(--ease);gap:8px;margin-top:6px;display:grid}.channel-schedule-custom input{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);min-height:44px;color:var(--text);font:inherit;padding:0 14px}.channel-schedule-custom input:focus{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);outline:0}.channel-schedule-custom input[aria-invalid=true]{border-color:var(--danger)}.channel-schedule-hint{color:var(--muted);font-size:var(--fs-secondary)}.channel-schedule-hint.is-error{color:var(--danger-text)}.thread-sheet-action.is-primary{background:var(--accent);color:var(--surface)}.channel-scheduled{background:var(--surface);box-shadow:var(--shadow-soft);animation:ui-rise-in var(--dur) var(--ease-out);border-radius:16px;margin-left:52px;overflow:hidden}.channel-scheduled-toggle{width:100%;min-height:44px;color:var(--accent-text);text-align:left;align-items:center;gap:10px;padding:0 14px;font-weight:650;display:flex}.channel-scheduled-toggle:hover{background:var(--hover)}.channel-scheduled-toggle>span{flex:1}.channel-scheduled-toggle>svg:last-child{color:var(--muted);transition:transform var(--dur) var(--ease)}.channel-scheduled-toggle[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.channel-scheduled-list{border-top:1px solid var(--line);max-height:min(40vh,320px);animation:ui-fade-in var(--dur) var(--ease);overflow:auto}.channel-scheduled-item{gap:6px;padding:10px 14px;display:grid}.channel-scheduled-item+.channel-scheduled-item{border-top:1px solid var(--line)}.channel-scheduled-item.is-busy{opacity:.6}.channel-scheduled-when{color:var(--text-secondary);font-size:var(--fs-secondary);align-items:center;gap:6px;font-weight:650;display:flex}.channel-scheduled-when.is-failed{color:var(--danger-text)}.channel-scheduled-body{color:var(--text);font-size:var(--fs-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.channel-scheduled-body.is-empty{color:var(--muted);font-style:italic}.channel-scheduled-actions{flex-wrap:wrap;gap:4px;margin-left:-8px;display:flex}.channel-scheduled-actions button{border-radius:var(--radius-pill);min-height:32px;color:var(--accent-text);font-size:var(--fs-secondary);padding:0 10px;font-weight:650}.channel-scheduled-actions button:hover:not(:disabled){background:var(--accent-soft)}.channel-scheduled-actions button.is-danger{color:var(--danger-text)}.channel-scheduled-actions button.is-danger:hover:not(:disabled){background:var(--danger-soft)}.channel-scheduled-actions button:disabled{opacity:.4}.channel-scheduled-empty,.channel-scheduled-state{color:var(--muted);font-size:var(--fs-secondary);text-align:center;padding:16px 14px}.channel-scheduled-state.is-error{color:var(--danger-text);text-align:left;justify-content:space-between;align-items:center;gap:8px;display:flex}.channel-scheduled-state.is-error button{border-radius:var(--radius-pill);min-height:32px;color:inherit;padding:0 12px;font-weight:650}@keyframes thread-post-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=900px){.channel-tools,.channel-preview,.channel-edit-bar,.channel-scheduled{margin-left:0}.thread-feed.is-channel .thread-row.is-post{width:100%;max-width:100%}}@media (width<=560px){.channel-tools>.channel-tools-preview{justify-content:center;width:36px;padding:0}.channel-tools-preview-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=560px) and (pointer:coarse){.channel-tools>.channel-tools-preview{width:44px}}@media (pointer:coarse){.channel-tools>button{width:44px;height:44px}.channel-scheduled-actions button,.channel-edit-bar button{min-width:44px;min-height:44px}}.thread-root{--bubble-radius:16px;--bubble-tail:6px;--thread-width:780px;--thread-gutter:max(14px, calc((100% - var(--thread-width)) / 2));height:100%;min-height:0;color:var(--text);background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--accent) 9%, transparent) 1px, transparent 1.6px) 0 0 / 22px 22px, radial-gradient(900px 520px at 100% 0, color-mix(in srgb, var(--accent-soft) 85%, transparent), transparent 70%), radial-gradient(700px 480px at 0 100%, color-mix(in srgb, var(--success) 7%, transparent), transparent 70%), var(--wallpaper);flex-direction:column;flex:1;display:flex;position:relative}.thread-root button:active:not(:disabled){transform:scale(.96)}.thread-head{z-index:4;border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:var(--glass);min-height:56px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);flex:none;align-items:center;gap:6px;margin:8px 8px 0;padding:6px 8px;display:flex;position:relative}.thread-identity{text-align:left;min-width:0;min-height:44px;transition:background var(--dur-fast);border-radius:14px;flex:1;align-items:center;gap:10px;padding:2px 8px 2px 4px;display:flex}.thread-identity:hover{background:color-mix(in srgb, var(--hover) 70%, transparent)}.thread-identity>span{gap:1px;min-width:0;display:grid}.thread-identity strong{font-size:var(--fs-row);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.thread-identity small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.thread-identity small.is-online{color:var(--online)}.thread-info-chevron{color:var(--muted);opacity:0;transition:opacity var(--dur-fast);flex:none;margin-left:auto}.thread-identity:hover .thread-info-chevron{opacity:1}.thread-avatar{width:40px;height:40px;color:var(--surface);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid;overflow:hidden}.thread-icon,.thread-call{width:40px;height:40px;color:var(--text-secondary);transition:background var(--dur-fast), color var(--dur-fast), transform var(--dur-fast);border-radius:50%;flex:none;place-items:center;display:grid}.thread-icon:hover:not(:disabled),.thread-call:hover{background:var(--hover);color:var(--text)}.thread-call{color:var(--accent)}.thread-call:hover{background:var(--accent-soft);color:var(--accent-text)}.thread-icon:disabled{opacity:.4}.thread-feed{overscroll-behavior:contain;min-height:0;padding:8px var(--thread-gutter) 12px;flex:1;position:relative;overflow:hidden auto}.thread-feed-inner{min-height:100%;transition:opacity var(--dur-fast) var(--ease);flex-direction:column;justify-content:flex-end;gap:2px;display:flex}.thread-preview-empty{color:var(--muted);text-align:center;margin:auto;padding:24px;font-size:15px}.thread-root.is-pending .thread-feed-inner{opacity:0;transition:none}.thread-day{z-index:2;pointer-events:none;align-self:center;margin:12px 0 8px;position:sticky;top:8px}.thread-day>span{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 32%, transparent);color:var(--surface);-webkit-backdrop-filter:var(--blur);padding:4px 12px;font-size:12.5px;font-weight:650;display:inline-block}.thread-row{flex-direction:column;gap:3px;max-width:min(76%,560px);display:flex;position:relative}.thread-row.is-group-start{margin-top:8px}.thread-row.is-mine{align-self:flex-end;align-items:flex-end}.thread-row.is-theirs{align-self:flex-start;align-items:flex-start}.thread-row.has-author{grid-template-columns:34px minmax(0,auto);column-gap:8px;max-width:min(82%,600px);display:grid}.thread-row.has-author>:not(.thread-author-avatar,.thread-select-mark){grid-column:2;justify-self:start}.thread-author-avatar{width:34px;height:34px;color:var(--surface);border-radius:50%;grid-area:1/1/span 3;align-self:end;place-items:center;font-size:12px;font-weight:700;display:grid;overflow:hidden}.thread-author-avatar.is-spacer{visibility:hidden}.thread-row.is-appear{animation:thread-bubble-in var(--dur) var(--ease-out)}.thread-row.is-mine.is-appear{transform-origin:100% 100%}.thread-row.is-flash .thread-bubble{animation:thread-flash .8s var(--ease)}.thread-bubble{border-radius:var(--bubble-radius);min-width:72px;max-width:100%;box-shadow:0 1px 1.5px color-mix(in srgb, var(--text) 10%, transparent);overflow-wrap:anywhere;transition:box-shadow var(--dur-fast);flex-direction:column;gap:6px;padding:7px 11px 7px 12px;display:flex;position:relative}.thread-bubble.is-in{background:var(--surface)}.thread-bubble.is-out{background:var(--outgoing)}.thread-row.is-theirs:not(.is-clustered) .thread-bubble{border-bottom-left-radius:var(--bubble-tail)}.thread-row.is-mine:not(.is-clustered) .thread-bubble{border-bottom-right-radius:var(--bubble-tail)}.thread-row.is-theirs.is-clustered .thread-bubble{border-bottom-left-radius:var(--bubble-tail)}.thread-row.is-mine.is-clustered .thread-bubble{border-bottom-right-radius:var(--bubble-tail)}.thread-row.is-theirs:not(.is-group-start) .thread-bubble{border-top-left-radius:var(--bubble-tail)}.thread-row.is-mine:not(.is-group-start) .thread-bubble{border-top-right-radius:var(--bubble-tail)}.thread-row.is-selecting{border-radius:var(--radius-control);cursor:pointer;max-width:none;transition:background var(--dur-fast) var(--ease);align-self:stretch;padding:3px 8px 3px 44px}.thread-row.is-selecting>:is(.thread-bubble,.thread-reaction-row,.thread-retry){pointer-events:none;max-width:min(76%,560px)}.thread-row.is-selecting.has-author{grid-template-columns:34px minmax(0,1fr)}.thread-row.is-selecting.has-author>.thread-bubble{max-width:min(82%,600px)}.thread-row.is-selecting:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.thread-row.is-selecting.is-selected{background:color-mix(in srgb, var(--accent) 13%, transparent)}.thread-row.is-selecting:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.thread-row.is-selecting[aria-disabled=true]{cursor:default;opacity:.6}.thread-select-mark{border:2px solid var(--line-strong);background:var(--surface);width:24px;height:24px;color:var(--surface);transition:background var(--dur-fast), border-color var(--dur-fast);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;left:10px}.thread-row.is-selected .thread-select-mark{border-color:var(--accent);background:var(--accent);animation:thread-pop var(--dur-fast) var(--ease)}.thread-author{color:var(--accent-text);margin-bottom:-3px;font-size:13px;font-weight:700}.thread-forward{color:var(--accent-text);font-size:13px;font-weight:600}.thread-reply{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);text-align:left;min-width:0;transition:background var(--dur-fast);border-radius:4px 8px 8px 4px;gap:1px;padding:4px 10px 5px;display:grid}.thread-reply:hover{background:color-mix(in srgb, var(--accent) 15%, transparent)}.thread-reply strong{color:var(--accent-text);font-size:13px;font-weight:650}.thread-reply span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.thread-bubble-text{font-size:var(--fs-row);white-space:pre-wrap;line-height:1.42}.thread-bubble-text:after{content:"";width:44px;display:inline-block}.thread-row.is-mine .thread-bubble-text:after{width:60px}.thread-bubble-text a{color:var(--accent-text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-underline-offset:2px}.thread-bubble-text .thread-emoji-reaction,.thread-bubble-text .thread-emoji-apple{vertical-align:-.28em;width:1.3em;height:1.3em;margin:0 .03em;display:inline-block}.thread-bubble-text-large{font-size:44px;line-height:1.05}.thread-bubble-text-large:after{display:none}.thread-bubble-text-large img{display:inline-block}.thread-meta{color:var(--muted);pointer-events:none;white-space:nowrap;align-items:center;gap:3px;font-size:11.5px;line-height:1;display:inline-flex;position:absolute;bottom:5px;right:9px}.thread-bubble.is-out .thread-meta{color:color-mix(in srgb, var(--accent-pressed) 70%, var(--muted))}.thread-bubble.is-out .thread-meta svg:not(.is-wait){color:var(--accent)}.thread-check.is-wait{opacity:.7}.thread-bubble .thread-meta svg.is-failed{color:var(--danger)}.thread-bubble:not(:has(.thread-bubble-text)){padding-bottom:22px}.thread-bubble.is-media-only{background:0 0;padding:0;overflow:hidden}.thread-bubble.is-media-only .thread-album{border-radius:inherit;margin:0}.thread-bubble:is(.is-media-only,.is-emoji-only) .thread-meta,.thread-bubble.is-note-only .thread-meta{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 45%, transparent);color:var(--surface);padding:3px 7px;bottom:8px;right:8px}.thread-bubble:is(.is-media-only,.is-emoji-only,.is-note-only) .thread-meta svg{color:var(--surface)}.thread-bubble.is-emoji-only,.thread-bubble.is-note-only{box-shadow:none;background:0 0;padding:0 0 26px}.thread-bubble.is-note-only{overflow:visible}.thread-album{--album-gap:2px;gap:var(--album-gap);border-radius:12px;grid-template-columns:repeat(6,minmax(0,1fr));width:min(420px,62vw);max-width:100%;display:grid;overflow:hidden}.thread-bubble>.thread-album:first-child{border-radius:var(--bubble-radius) var(--bubble-radius) 4px 4px;width:calc(100% + 23px);min-width:min(420px,62vw);margin:-7px -11px 0 -12px}.thread-album-tile{background:color-mix(in srgb, var(--text) 8%, transparent);cursor:zoom-in;width:100%;min-width:0;animation:ui-fade-in var(--dur-slow) var(--ease);padding:0;display:block;position:relative;overflow:hidden}.thread-album-tile>:is(img,video){object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.thread-album-tile:hover>:is(img,video){filter:brightness(.96)}.thread-album-tile:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.thread-album-play{background:color-mix(in srgb, var(--text) 45%, transparent);width:48px;height:48px;color:var(--surface);-webkit-backdrop-filter:var(--blur);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.thread-album-play>svg{margin-left:3px}.thread-album-duration{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 45%, transparent);color:var(--surface);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;padding:2px 7px;font-weight:650;position:absolute;top:6px;left:6px}.thread-album-failed{width:100%;height:100%;min-height:96px;color:var(--text-secondary);text-align:center;align-content:center;place-items:center;gap:4px;padding:8px;display:grid}.thread-album-failed small{font-size:var(--fs-caption)}.thread-album>.is-row-1{aspect-ratio:16/9;grid-column:span 6}.thread-album>.is-row-2{aspect-ratio:1;grid-column:span 3}.thread-album>.is-row-3{aspect-ratio:1;grid-column:span 2}.thread-bubble.is-media-only>.thread-album:first-child{border-radius:inherit;width:min(420px,62vw);min-width:0;margin:0}.thread-bubble.has-single-media{--media-max-w:min(420px, 62vw);--media-max-h:420px;width:clamp(180px, calc(var(--media-max-h) * var(--media-ratio,1.333)), var(--media-max-w))}.thread-bubble.has-single-media>.thread-album{width:100%;min-width:0}.thread-bubble.has-single-media>.thread-album:first-child{width:calc(100% + 23px);min-width:0}.thread-bubble.is-media-only.has-single-media>.thread-album:first-child{width:100%}.thread-album.count-1>.thread-album-tile{aspect-ratio:var(--media-ratio,4 / 3);max-height:var(--media-max-h,420px)}.thread-album.count-1>.thread-album-tile>:is(img,video){object-fit:contain}.thread-voice{padding:1px 0}.thread-bubble:has(>.thread-voice):not(:has(.thread-bubble-text,.thread-file)){padding-bottom:6px;padding-right:56px}.thread-row.is-mine .thread-bubble:has(>.thread-voice):not(:has(.thread-bubble-text,.thread-file)){padding-right:70px}.thread-note{padding:8px;position:relative}.thread-file{min-width:220px;max-width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:2px 4px 2px 0;text-decoration:none;display:flex}.thread-file:hover{text-decoration:none}.thread-file:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}.thread-file-icon{background:var(--accent);width:44px;height:44px;color:var(--surface);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.thread-file-icon>svg{transition:opacity var(--dur-fast), transform var(--dur-fast);position:absolute}.thread-file-download{opacity:0;transform:translateY(-4px)}.thread-file:hover .thread-file-kind,.thread-file:focus-visible .thread-file-kind{opacity:0;transform:translateY(4px)}.thread-file:hover .thread-file-download,.thread-file:focus-visible .thread-file-download{opacity:1;transform:none}.thread-file>span:last-child{gap:2px;min-width:0;display:grid}.thread-file b{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.thread-file small{color:var(--muted);font-size:12.5px}.thread-bubble.is-out .thread-file small{color:color-mix(in srgb, var(--accent-pressed) 60%, var(--muted))}.thread-call{align-items:center;gap:12px;min-width:200px;padding:2px 4px 2px 0;display:flex}.thread-call-icon{background:var(--accent);width:44px;height:44px;color:var(--surface);border-radius:50%;flex:none;place-items:center;display:grid}.thread-call.is-missed .thread-call-icon{background:var(--danger)}.thread-call>span:last-child{gap:2px;min-width:0;display:grid}.thread-call b{font-size:var(--fs-body);font-weight:650}.thread-call.is-missed b{color:var(--danger)}.thread-call small{color:var(--muted);font-size:12.5px}.thread-bubble.is-out .thread-call small{color:color-mix(in srgb, var(--accent-pressed) 60%, var(--muted))}.thread-link-pending{border-left:3px solid var(--accent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 7%, transparent) 0, color-mix(in srgb, var(--accent) 14%, transparent) 50%, color-mix(in srgb, var(--accent) 7%, transparent) 100%) 0 0 / 480px 100%;border-radius:4px 8px 8px 4px;height:60px;animation:1.2s linear infinite ui-shimmer}.thread-link-card{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);color:inherit;border-radius:4px 8px 8px 4px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:6px 8px 8px 10px;text-decoration:none;display:grid}.thread-link-card:hover{background:color-mix(in srgb, var(--accent) 13%, transparent);text-decoration:none}.thread-link-card img{object-fit:cover;border-radius:8px;grid-area:1/2;width:64px;height:64px}.thread-link-card span{grid-area:1/1;align-content:start;gap:2px;min-width:0;display:grid}.thread-link-card strong{color:var(--accent-text);font-size:13.5px;font-weight:700}.thread-link-card small{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.thread-reaction-row{flex-wrap:wrap;gap:4px;display:flex}.thread-row.has-author .thread-reaction-row{grid-column:2}.thread-reaction-chip{border-radius:var(--radius-pill);background:var(--surface);height:28px;box-shadow:var(--shadow-hairline);animation:thread-pop var(--dur) var(--ease);border:1px solid #0000;align-items:center;gap:4px;padding:0 9px 0 6px;display:inline-flex}.thread-reaction-chip.is-mine{border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:var(--accent-soft)}.thread-reaction-chip b{color:var(--accent-text);font-variant-numeric:tabular-nums;animation:thread-pop var(--dur-fast) var(--ease);font-size:12px;font-weight:700;line-height:1}.thread-reaction-chip{cursor:pointer;min-width:44px;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);justify-content:center;line-height:0;position:relative}.thread-reaction-chip:before{content:"";position:absolute;inset:-8px -2px}.thread-reaction-chip:hover:not(:disabled){background:var(--hover)}.thread-reaction-chip.is-mine:hover:not(:disabled){background:color-mix(in srgb, var(--accent-soft) 80%, var(--accent) 12%)}.thread-reaction-chip:active:not(:disabled){transform:scale(.9)}.thread-reaction-chip:disabled{cursor:default}.thread-retry{border-radius:var(--radius-pill);background:var(--danger-soft);min-height:26px;color:var(--danger);align-items:center;padding:0 10px;font-size:12px;font-weight:650;display:inline-flex}.thread-new{z-index:3;border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass);width:max-content;min-height:36px;box-shadow:var(--shadow-float);color:var(--accent-text);-webkit-backdrop-filter:var(--blur);animation:ui-rise-in var(--dur) var(--ease-out);align-self:center;align-items:center;gap:6px;margin:8px auto 0;padding:0 14px 0 10px;font-size:13px;font-weight:650;display:inline-flex;position:sticky;bottom:4px}.thread-error{z-index:6;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 88%, transparent);max-width:min(520px,100% - 24px);color:var(--surface);box-shadow:var(--shadow-float);animation:ui-rise-in var(--dur) var(--ease-out);align-items:center;gap:8px;padding:6px 6px 6px 14px;font-size:13px;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.thread-error button{width:28px;height:28px;color:inherit;border-radius:50%;place-items:center;display:grid}.thread-error button:hover{background:color-mix(in srgb, var(--surface) 16%, transparent)}.thread-composer{z-index:4;padding:6px var(--thread-gutter) max(12px, env(safe-area-inset-bottom));flex-direction:column;flex:none;gap:6px;display:flex;position:relative}.thread-reply-bar,.thread-chips,.thread-emoji-shell{background:var(--surface);box-shadow:var(--shadow-soft);animation:ui-rise-in var(--dur) var(--ease-out);border-radius:16px}.thread-reply-bar{color:var(--accent);align-items:center;gap:12px;margin-left:52px;padding:6px 6px 6px 14px;display:flex}.thread-reply-bar>div{border-left:2px solid var(--accent);flex:1;min-width:0;padding-left:10px;display:grid}.thread-reply-bar strong{color:var(--accent-text);font-size:13px;font-weight:650}.thread-reply-bar span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.thread-reply-bar button,.thread-chip button{width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.thread-reply-bar button:hover,.thread-chip button:hover{background:var(--hover);color:var(--text)}.thread-chips{margin-left:52px;flex-wrap:wrap;gap:6px;margin-block:0;padding:8px;list-style:none;display:flex}.thread-chip{border-radius:var(--radius-pill);background:var(--hover);max-width:260px;height:32px;color:var(--text-secondary);align-items:center;gap:6px;padding:0 2px 0 10px;font-size:13px;display:inline-flex}.thread-chip>svg{color:var(--accent);flex:none}.thread-chip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-chip button{width:26px;height:26px}.thread-chip.is-uploading{color:var(--muted)}.thread-chip-spinner{animation:.9s linear infinite thread-spin}.thread-chip.is-failed{background:var(--danger-soft);color:var(--danger-text)}.thread-chip.is-failed>svg{color:var(--danger)}.thread-chip .thread-chip-retry{border-radius:var(--radius-pill);width:auto;height:24px;color:var(--danger-text);padding:0 8px;font-size:12px;font-weight:700}.thread-chip .thread-chip-retry:hover{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger-text)}.thread-attach-error{background:var(--danger-soft);color:var(--danger-text);font-size:var(--fs-secondary);animation:ui-rise-in var(--dur) var(--ease-out);border-radius:16px;align-items:center;gap:6px;margin-left:52px;padding:6px 6px 6px 14px;display:flex}.thread-attach-error span{flex:1;min-width:0}.thread-attach-error button{width:26px;height:26px;color:inherit;border-radius:50%;flex:none;place-items:center;display:grid}.thread-attach-error button:hover{background:color-mix(in srgb, var(--danger) 12%, transparent)}.thread-capsule{align-items:flex-end;gap:8px;display:flex}.thread-attach{flex:none;position:relative}.thread-capsule>.thread-attach>.thread-icon,.thread-action{background:var(--surface);width:44px;height:44px;box-shadow:var(--shadow-soft);border-radius:50%;flex:none;place-items:center;display:grid}.thread-field{background:var(--surface);min-width:0;min-height:44px;box-shadow:var(--shadow-soft);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);border:1px solid #0000;border-radius:22px;flex:1;align-items:flex-end;display:flex}.thread-field:focus-within{border-color:color-mix(in srgb, var(--accent) 30%, transparent);box-shadow:var(--shadow-soft), 0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}.thread-input{resize:none;min-width:0;min-height:42px;max-height:220px;color:var(--text);font-size:var(--fs-row);field-sizing:content;background:0 0;border:0;outline:0;flex:1;margin:0;padding:11px 4px 11px 18px;line-height:1.35}.thread-input:focus-visible{outline:0}.thread-input:disabled{opacity:.55}.thread-field .thread-emoji-toggle{width:42px;height:42px;color:var(--muted)}.thread-field .thread-emoji-toggle[aria-pressed=true]{color:var(--accent)}.thread-wave{min-width:0;min-height:42px;animation:ui-fade-in var(--dur) var(--ease);flex:1;align-items:center;gap:12px;padding:0 12px 0 16px;display:flex}.thread-wave:before{content:"";background:var(--danger);border-radius:50%;flex:none;width:10px;height:10px;animation:1.1s ease-in-out infinite thread-rec-blink}.thread-wave time{min-width:44px;color:var(--text);font-size:var(--fs-row);font-variant-numeric:tabular-nums;flex:none}.thread-wave-bars{flex:1;justify-content:flex-end;align-items:center;gap:2px;height:28px;display:flex;overflow:hidden}.thread-wave-bars span{background:var(--accent);border-radius:3px;flex:none;width:3px;min-height:3px;transition:height 90ms linear}.thread-rec-hint{color:var(--muted);font-size:var(--fs-body);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:4px;display:inline-flex}.thread-rec-hint.is-slide{animation:thread-rec-nudge 1.6s var(--ease) infinite}.thread-rec-lock{right:calc(var(--thread-gutter) + 4px);bottom:calc(100% + 18px + var(--lift,0) * 30px);z-index:var(--z-float);border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass);width:36px;color:var(--muted);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);animation:ui-rise-in var(--dur) var(--ease-out);justify-items:center;gap:2px;padding:8px 0 6px;display:grid;position:absolute}.thread-rec-lock svg:last-child{animation:thread-rec-up 1.2s var(--ease) infinite}@keyframes thread-rec-blink{50%{opacity:.25}}@keyframes thread-rec-nudge{0%,to{translate:0}50%{translate:-6px}}@keyframes thread-rec-up{0%,to{opacity:.5;translate:0 2px}50%{opacity:1;translate:0 -2px}}.thread-action{color:var(--muted)}.thread-action:hover{color:var(--text);background:var(--surface)}.thread-action[data-composer-action=send]{background:var(--accent);color:var(--surface);box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent)}.thread-action[data-composer-action=send]:hover{background:var(--accent-pressed);color:var(--surface)}.thread-action.is-live{z-index:1;background:var(--accent);color:var(--surface);box-shadow:0 0 0 calc(4px + var(--level,0) * 18px) color-mix(in srgb, var(--accent) 22%, transparent);transition:transform 60ms linear, box-shadow 90ms linear, scale var(--dur) var(--ease-out);position:relative;scale:1.45}.thread-action-icon{place-items:center;display:grid}.thread-action-icon[data-kind]{animation:thread-pop var(--dur-fast) var(--ease)}.thread-lock-actions{animation:ui-pop-in var(--dur) var(--ease-out);flex:none;align-items:center;gap:6px;display:flex}.thread-lock-actions button{background:var(--accent);width:44px;height:44px;color:var(--surface);box-shadow:var(--shadow-soft);transition:transform var(--dur-fast), background var(--dur-fast);border-radius:50%;place-items:center;display:grid}.thread-lock-actions button:active{transform:scale(.92)}.thread-lock-actions .is-send:hover{background:var(--accent-pressed)}.thread-lock-actions .is-danger{background:var(--surface);color:var(--danger)}.thread-lock-actions .is-danger:hover{background:var(--danger-soft)}.thread-attach-menu{z-index:var(--z-menu);border:1px solid var(--glass-line);background:color-mix(in srgb, var(--surface) 90%, transparent);min-width:200px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);transform-origin:0 100%;animation:ui-pop-in var(--dur-fast) var(--ease);border-radius:16px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0}.thread-attach-menu button{text-align:left;border-radius:10px;align-items:center;gap:12px;min-height:40px;padding:0 12px;font-weight:550;display:flex}.thread-attach-menu button svg{color:var(--accent)}.thread-attach-menu button:hover{background:var(--hover)}.thread-emoji-shell{right:var(--thread-gutter);z-index:6;width:min(440px, calc(100% - 2 * var(--thread-gutter)));border:1px solid var(--line);border-radius:var(--radius-sheet);background:var(--surface);height:min(440px,62vh);box-shadow:var(--shadow-float,var(--shadow-soft));transform-origin:100% 100%;animation:thread-emoji-in var(--dur) var(--ease-out);flex-direction:column;display:flex;position:absolute;bottom:calc(100% - 2px);overflow:hidden}.thread-emoji-tabs{border-bottom:1px solid var(--line);flex:none;gap:4px;padding:8px 8px 4px;display:flex}.thread-emoji-tabs button{border-radius:var(--radius-pill);min-height:34px;color:var(--text-secondary);font:700 var(--fs-secondary) var(--font);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;flex:1}.thread-emoji-tabs button.is-active{background:var(--accent-soft);color:var(--accent-text)}.thread-emoji-panel{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));align-content:start;gap:2px;min-height:0;margin:0;padding:8px 10px 12px;display:grid;overflow:auto}.thread-sticker-panel{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:4px;min-height:0;padding:8px 10px 12px;display:grid;overflow:auto}.thread-sticker-panel button{aspect-ratio:1;border-radius:var(--radius-control);cursor:pointer;transition:transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border:0;place-items:center;padding:6px;display:grid}.thread-sticker-panel button:hover{background:var(--accent-soft);transform:scale(1.06)}.thread-sticker-panel button:active{transform:scale(.96)}.thread-sticker-image{object-fit:contain;pointer-events:none;width:100%;height:100%}.thread-sticker-bubble .thread-sticker-image{height:auto;max-height:200px}.thread-bubble.is-sticker-only{box-shadow:none;background:0 0;padding:4px 4px 26px}.thread-sticker-bubble{width:min(200px,56vw)}.thread-sticker-bubble .thread-sticker-image{filter:drop-shadow(0 8px 18px color-mix(in srgb, var(--text) 12%, transparent))}.thread-sticker-missing{color:var(--muted);font-size:var(--fs-secondary)}@keyframes thread-emoji-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.thread-emoji-shell,.thread-sticker-panel button,.thread-reaction-chip,.thread-reaction-chip b{transition:none!important;animation:none!important}}.thread-emoji-panel button{aspect-ratio:1;transition:background var(--dur-fast), transform var(--dur-fast);border-radius:10px;place-items:center;display:grid}.thread-emoji-panel button:hover{background:var(--hover);transform:scale(1.1)}.thread-emoji-reaction,.thread-emoji-apple{object-fit:contain;display:inline-block}.thread-emoji-native{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;line-height:1;display:inline-block}.thread-note-stage{z-index:var(--z-sheet);background:color-mix(in srgb, var(--canvas) 70%, transparent);-webkit-backdrop-filter:blur(14px);pointer-events:none;animation:ui-fade-in var(--dur) var(--ease);place-items:center;padding-bottom:96px;display:grid;position:fixed;inset:0}.thread-note-preview{aspect-ratio:1;width:min(300px,72vw);animation:thread-note-grow var(--dur-slow) var(--ease-out);position:relative}.thread-note-preview video{object-fit:cover;background:color-mix(in srgb, var(--text) 85%, transparent);width:100%;height:100%;box-shadow:var(--shadow-sheet);border-radius:50%;display:block;position:absolute;inset:0;transform:scaleX(-1)}.thread-note-ring{--ring-gap:5px;--ring-stroke:4px;--ring-color:var(--accent);--ring-track:color-mix(in srgb, var(--accent) 16%, transparent)}.thread-note-ring .note-ring-value{transition-duration:.12s}@keyframes thread-note-grow{0%{opacity:0;transform:scale(.5)translateY(40%)}}.thread-readonly{max-width:calc(100% - 24px);margin:6px auto max(12px, env(safe-area-inset-bottom));border-radius:var(--radius-pill);background:var(--glass);color:var(--text-secondary);text-align:center;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);align-self:center;padding:10px 18px;font-size:13px}.thread-selection{margin:6px var(--thread-gutter) max(12px, env(safe-area-inset-bottom));background:var(--surface);box-shadow:var(--shadow-soft);animation:ui-rise-in var(--dur) var(--ease-out);border-radius:22px;flex:none;align-items:center;gap:8px;padding:6px;display:flex}.thread-selection>span{flex:1;font-weight:650}.thread-selection button{border-radius:var(--radius-pill);min-height:36px;color:var(--accent-text);align-items:center;gap:6px;padding:0 14px;font-weight:650;display:inline-flex}.thread-selection button:hover:not(:disabled){background:var(--accent-soft)}.thread-selection button.is-danger{color:var(--danger)}.thread-selection button.is-danger:hover:not(:disabled){background:var(--danger-soft)}.thread-selection .thread-selection-cancel{width:36px;color:var(--muted);justify-content:center;padding:0}.thread-selection button:disabled{opacity:.4}.thread-menu{z-index:var(--z-menu);animation:ui-pop-in var(--dur-fast) var(--ease);flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed}.thread-menu-reactions,.thread-menu-list{border:1px solid var(--glass-line);background:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur)}.thread-menu-reactions{border-radius:var(--radius-pill);gap:0;padding:4px;display:flex}.thread-menu-reactions button{width:40px;height:40px;transition:transform var(--dur-fast) var(--ease), background var(--dur-fast);border-radius:50%;place-items:center;display:grid}.thread-menu-reactions button:hover{background:var(--hover);transform:scale(1.18)}.thread-menu-list{border-radius:16px;min-width:220px;padding:6px;display:grid}.thread-menu-list button{min-height:38px;color:var(--text);font-size:var(--fs-body);text-align:left;border-radius:10px;align-items:center;gap:14px;padding:0 12px;font-weight:550;display:flex}.thread-menu-list button svg{color:var(--text-secondary)}.thread-menu-list button:hover,.thread-menu-list button:focus-visible{background:var(--hover);outline:0}.thread-menu-list button.is-danger{color:var(--danger);margin-top:5px;position:relative}.thread-menu-list button.is-danger:before{content:"";background:var(--line);height:1px;position:absolute;top:-3px;left:8px;right:8px}.thread-menu-list button.is-danger svg{color:var(--danger)}.thread-menu-list button.is-danger:hover{background:var(--danger-soft)}.thread-sheet{z-index:var(--z-sheet);border-radius:var(--radius-sheet);background:var(--surface);width:min(400px,100vw - 32px);max-height:min(620px,100dvh - 48px);box-shadow:0 0 0 100vmax var(--scrim), var(--shadow-sheet);animation:thread-sheet-in var(--dur-slow) var(--ease-out);flex-direction:column;gap:6px;padding:16px;display:flex;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.thread-sheet-bar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.thread-sheet-bar h2{font-size:18px;font-weight:750}.thread-sheet-bar button{background:var(--hover);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;place-items:center;display:grid}.thread-sheet-bar button:hover{color:var(--text)}.thread-sheet-empty{color:var(--muted);text-align:center;padding:24px 8px}.thread-sheet ul{margin:0 -6px;display:grid}.thread-sheet li button{border-radius:var(--radius-control);text-align:left;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 10px;font-weight:600;display:flex}.thread-sheet li button:hover{background:var(--hover)}.thread-sheet li button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-sheet-error{border-radius:var(--radius-control);background:var(--danger-soft);color:var(--danger-text);font-size:var(--fs-secondary);padding:8px 12px}.thread-forward-list{list-style:none}.thread-sheet li .thread-forward-row{grid-template-columns:44px minmax(0,1fr) auto;gap:12px;min-height:60px;font-weight:400;display:grid}.thread-forward-row .thread-sheet-avatar{width:44px;height:44px}.thread-forward-row:disabled{opacity:.6}.thread-forward-copy{gap:1px;min-width:0;display:grid}.thread-forward-copy strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.thread-forward-preview{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.thread-forward-preview.is-media{color:var(--accent-text)}.thread-forward-preview.is-empty{font-style:italic}.thread-forward-preview>svg{vertical-align:-2px;margin-right:3px;display:inline-block}.thread-forward-row>time{color:var(--muted);font-variant-numeric:tabular-nums;align-self:start;padding-top:4px;font-size:12px}.thread-sheet-avatar{width:40px;height:40px;color:var(--surface);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.thread-sheet-action{border-radius:var(--radius-control);background:var(--hover);min-height:46px;font-weight:650}.thread-sheet-action.is-danger{background:var(--danger-soft);color:var(--danger)}.thread-sheet-action:hover:not(:disabled){filter:brightness(.97)}.thread-sheet-action:disabled{opacity:.4}@media (width<=900px){.thread-root{--thread-gutter:8px}.thread-head{margin:max(6px, env(safe-area-inset-top)) 6px 0;min-height:52px;padding:4px 6px}.thread-info-chevron{display:none}.thread-row{max-width:86%}.thread-row.has-author{max-width:92%}.thread-album{width:min(320px,70vw)}.thread-bubble>.thread-album:first-child{min-width:min(320px,70vw)}.thread-bubble.is-media-only>.thread-album:first-child{width:min(320px,70vw);min-width:0}.thread-bubble.has-single-media{--media-max-w:min(320px, 70vw);--media-max-h:360px}.thread-reply-bar,.thread-chips,.thread-emoji-shell,.thread-attach-error{margin-left:0}.thread-row.is-selecting{padding-left:38px}.thread-row.is-selecting>:is(.thread-bubble,.thread-reaction-row,.thread-retry){max-width:86%}.thread-select-mark{left:6px}.thread-sheet{width:100%;max-height:80dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;animation:ui-sheet-up var(--dur-slow) var(--ease-out);top:auto;bottom:0;left:0;transform:none}}@keyframes thread-bubble-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes thread-spin{to{transform:rotate(360deg)}}@keyframes thread-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes thread-flash{0%,to{box-shadow:0 1px 1.5px color-mix(in srgb, var(--text) 10%, transparent)}30%{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent)}}@keyframes thread-sheet-in{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))scale(.98)}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.thread-head,.thread-new,.thread-readonly,.thread-menu-reactions,.thread-menu-list,.thread-attach-menu,.thread-day>span,.thread-album-play{-webkit-backdrop-filter:none}.thread-head,.thread-new,.thread-readonly,.thread-menu-reactions,.thread-menu-list,.thread-attach-menu{background:var(--surface)}.thread-day>span{background:var(--text-secondary)}.thread-root{background:var(--wallpaper)}}.chat-shell-list{background:var(--surface)}.chat-shell-list-head{flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:60px;padding:12px 10px 8px 18px;display:flex}.chat-shell-list-head h1{font-size:var(--fs-screen);letter-spacing:-.03em;font-weight:750}.chat-shell-icon-row{align-items:center;gap:2px;display:flex}.chat-shell-icon-button{width:38px;height:38px;color:var(--text-secondary);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:grid}.chat-shell-icon-button:hover{background:var(--hover);color:var(--text)}.chat-shell-icon-button:active{transform:scale(.94)}.chat-shell-icon-button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.chat-shell-icon-button:last-child{color:var(--accent)}.chat-shell-alert{border-radius:var(--radius-control);background:var(--danger-soft);color:color-mix(in srgb, var(--danger) 80%, var(--text));font-size:var(--fs-secondary);align-items:center;gap:8px;margin:0 10px 8px;padding:8px 6px 8px 14px;line-height:1.4;display:flex}.chat-shell-alert span{flex:1;min-width:0}.chat-shell-alert button{width:28px;height:28px;color:inherit;border-radius:50%;place-items:center;display:grid}.chat-shell-alert button:hover{background:color-mix(in srgb, var(--danger) 12%, transparent)}.chat-shell-rows{overscroll-behavior:contain;flex:1;min-height:0;padding:0 8px 12px;overflow:auto}.chat-shell-row{border-radius:var(--radius-control);color:var(--text);transition:background var(--dur-fast) var(--ease);align-items:center;display:flex;position:relative}.chat-shell-row:not(.is-selected):hover{background:var(--hover)}.chat-shell-row.is-selected{background:var(--accent);color:var(--surface)}.chat-shell-row:not(.is-selected):after{content:"";background:var(--line);pointer-events:none;height:1px;position:absolute;bottom:0;left:70px;right:10px}.chat-shell-row:hover:after,.chat-shell-row:last-of-type:after{opacity:0}.chat-shell-row:has(+.chat-shell-row:hover):after{opacity:0}.chat-shell-row:has(+.is-selected):after{opacity:0}.chat-shell-row-main{min-width:0;min-height:72px;color:inherit;text-align:left;border-radius:var(--radius-control);flex:1;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 4px 8px 8px;display:grid}.chat-shell-row-main:focus-visible{outline-offset:-2px}.chat-shell-avatar{width:50px;height:50px;color:var(--surface);border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid;overflow:hidden}.chat-shell-avatar-wrap{width:50px;height:50px;display:block;position:relative}.chat-shell-avatar-wrap.is-online:after{content:"";border:2.5px solid var(--surface);background:var(--online);width:13px;height:13px;animation:ui-pop-in var(--dur) var(--ease-out);border-radius:50%;position:absolute;bottom:1px;right:1px}.chat-shell-row.is-selected .chat-shell-avatar-wrap.is-online:after{border-color:var(--accent);background:var(--surface)}.chat-shell-channel-badge{border:2px solid var(--surface);background:var(--accent);width:20px;height:20px;color:var(--surface);animation:ui-pop-in var(--dur) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.chat-shell-row.is-selected .chat-shell-channel-badge{border-color:var(--accent);background:var(--surface);color:var(--accent)}.chat-shell-copy strong>.emoji-status{margin-inline-start:0}.preview-author{color:var(--text);font-weight:600}.chat-shell-row.is-selected .preview-author{color:inherit}.chat-shell-copy{align-content:center;align-self:stretch;gap:2px;min-width:0;display:grid}.chat-shell-copy strong{min-width:0;font-size:var(--fs-row);align-items:center;gap:5px;font-weight:650;line-height:1.3;display:flex}.chat-shell-copy strong>svg{color:var(--text-secondary);flex:none}.chat-shell-copy strong>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-shell-preview{color:var(--muted);font-size:var(--fs-secondary);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.38;display:-webkit-box;overflow:hidden}.chat-shell-preview>b{color:var(--text);font-weight:600}.chat-shell-preview.is-media{color:var(--accent-text)}.chat-shell-preview>svg{vertical-align:-2px;margin-right:3px;display:inline-block}.chat-shell-preview.is-empty{font-style:italic}.chat-shell-meta{flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;gap:6px;padding:3px 0 2px;display:flex}.chat-shell-meta time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.chat-shell-row:has(.chat-shell-unread) .chat-shell-meta time{color:var(--accent-text)}.chat-shell-badges{align-items:center;gap:4px;min-height:20px;display:flex}.chat-shell-mute{color:var(--muted)}.chat-shell-unread{border-radius:var(--radius-pill);background:var(--accent);min-width:20px;height:20px;color:var(--surface);place-items:center;padding:0 6px;font-size:11px;font-weight:750;display:inline-grid}.chat-shell-row:has(.chat-shell-mute) .chat-shell-unread{background:var(--line-strong)}.chat-shell-row.is-selected :is(.chat-shell-preview,.chat-shell-preview>b,.chat-shell-copy strong>svg,.chat-shell-meta time,.chat-shell-mute){color:color-mix(in srgb, var(--surface) 88%, transparent)}.chat-shell-row.is-selected .chat-shell-unread{background:var(--surface);color:var(--accent)}.chat-shell-row-menu{width:30px;height:30px;color:inherit;opacity:0;transition:opacity var(--dur-fast), background var(--dur-fast);border-radius:50%;flex:none;place-items:center;margin-right:4px;display:grid}.chat-shell-row:hover .chat-shell-row-menu,.chat-shell-row:focus-within .chat-shell-row-menu,.chat-shell-row-menu:focus-visible{opacity:.7}.chat-shell-row-menu:hover{opacity:1;background:color-mix(in srgb, currentColor 10%, transparent)}@media (hover:none){.chat-shell-row-menu{opacity:.5}}.chat-shell-empty{max-width:320px;color:var(--muted);font-size:var(--fs-secondary);text-align:center;flex-direction:column;align-items:center;gap:8px;margin:12vh auto 0;padding:24px;line-height:1.55;display:flex}.chat-shell-empty>svg{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:50%;margin-bottom:6px;padding:16px}.chat-shell-empty strong{color:var(--text);letter-spacing:-.02em;font-size:17px;font-weight:700}.chat-shell-empty-action{border-radius:var(--radius-pill);background:var(--accent);min-height:40px;color:var(--surface);align-items:center;gap:8px;margin-top:10px;padding:0 18px;font-weight:650;display:inline-flex}.chat-shell-empty-action:hover{background:var(--accent-pressed)}.chat-shell-placeholder{background:var(--wallpaper);place-items:center;padding:24px;display:grid}.chat-shell-placeholder p{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text) 32%, transparent);max-width:100%;color:var(--surface);font-size:var(--fs-secondary);text-align:center;-webkit-backdrop-filter:var(--blur);padding:5px 14px;font-weight:600}.chat-shell-panel{z-index:3;background:var(--surface);min-height:0;animation:ui-slide-in var(--dur) var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0}.chat-shell-panel>*{flex:1;min-height:0}.chat-shell-thread{background:var(--wallpaper)}.chat-shell-thread-body{flex-direction:column;flex:1;min-height:0;display:flex}.chat-shell-head{border-bottom:1px solid var(--line);background:var(--glass);min-height:56px;-webkit-backdrop-filter:var(--blur);flex:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.chat-shell-identity{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.chat-shell-identity .chat-shell-avatar{width:40px;height:40px;font-size:14px}.chat-shell-identity span{min-width:0;display:grid}.chat-shell-identity strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.chat-shell-identity small{color:var(--muted);font-size:12px}.chat-shell-identity small.online{color:var(--online)}.chat-shell-call,.chat-shell-back{width:36px;height:36px;color:var(--text-secondary);border-radius:50%;flex:none;place-items:center;font-size:24px;line-height:1;display:grid}.chat-shell-call:hover,.chat-shell-back:hover{background:var(--hover);color:var(--text)}.chat-shell-call{color:var(--accent)}.chat-shell-menu{z-index:var(--z-menu);border:1px solid var(--glass-line);background:color-mix(in srgb, var(--surface) 88%, transparent);min-width:240px;box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);transform-origin:0 0;animation:ui-pop-in var(--dur-fast) var(--ease);border-radius:16px;margin:0;padding:6px;list-style:none;position:fixed}.chat-shell-menu button{width:100%;min-height:40px;color:var(--danger);font-size:var(--fs-body);text-align:left;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:8px 12px;font-weight:550;display:flex}.chat-shell-menu button:hover,.chat-shell-menu button:focus-visible{background:var(--danger-soft);outline:0}.chat-shell-menu button small{color:var(--muted);font-size:12px;font-weight:450}.chat-shell-backdrop{z-index:var(--z-sheet);background:var(--scrim);-webkit-backdrop-filter:blur(6px);animation:ui-fade-in var(--dur) var(--ease);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.chat-shell-sheet,.chat-shell-confirm{border-radius:var(--radius-sheet);background:var(--surface);width:min(420px,100%);max-height:min(720px,100dvh - 48px);color:var(--text);box-shadow:var(--shadow-sheet);animation:ui-rise-in var(--dur-slow) var(--ease-out);border:0;margin:auto;padding:18px;overflow:auto}.chat-shell-confirm::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chat-shell-sheet-bar,.chat-shell-confirm header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.chat-shell-sheet h2,.chat-shell-confirm h2{font-size:18px;font-weight:750}.chat-shell-sheet-bar button,.chat-shell-confirm header button{background:var(--hover);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;place-items:center;display:grid}.chat-shell-sheet-bar button:hover,.chat-shell-confirm header button:hover{color:var(--text);background:color-mix(in srgb, var(--hover) 60%, var(--line))}.chat-shell-choices{border-radius:var(--radius-card);background:var(--canvas);display:grid;overflow:hidden}.chat-shell-choices button{text-align:left;min-height:56px;transition:background var(--dur-fast);grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:8px 14px;font-weight:600;display:grid}.chat-shell-choices button+button{border-top:1px solid var(--line)}.chat-shell-choices button:hover{background:var(--hover)}.chat-shell-choices button{row-gap:0}.chat-shell-choices button>svg{background:var(--accent);width:36px;height:36px;color:var(--surface);border-radius:10px;grid-row:span 2;padding:8px}.chat-shell-choices button:nth-child(2)>svg{background:var(--success)}.chat-shell-choices button:nth-child(3)>svg{background:var(--warning)}.chat-shell-choices button small{color:var(--muted);grid-column:2;font-size:12px;font-weight:450}.chat-shell-sheet form{gap:12px;display:grid}.chat-shell-field{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:650;display:grid}.chat-shell-field input{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);min-height:42px;color:var(--text);font-size:var(--fs-body);outline:0;padding:0 14px;font-weight:450}.chat-shell-field input:focus{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.chat-shell-hint,.chat-shell-confirm p{color:var(--muted);font-size:var(--fs-secondary);line-height:1.5}.chat-shell-confirm p{margin-bottom:16px}.chat-shell-error{border-radius:var(--radius-control);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-secondary);margin-bottom:12px;padding:8px 12px}.chat-shell-submit{border-radius:var(--radius-control);background:var(--accent);min-height:44px;color:var(--surface);justify-content:center;align-items:center;font-weight:650;display:flex}.chat-shell-submit:hover:not(:disabled){background:var(--accent-pressed)}.chat-shell-submit:disabled{opacity:.45}.chat-shell-confirm-actions{gap:8px;display:grid}.chat-shell-confirm-actions button{border-radius:var(--radius-control);background:var(--hover);min-height:44px;font-weight:650}.chat-shell-confirm-actions button:hover:not(:disabled){background:color-mix(in srgb, var(--hover) 60%, var(--line))}.chat-shell-confirm-actions .danger{background:var(--danger);color:var(--surface)}.chat-shell-confirm-actions .danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 88%, var(--text))}.chat-shell-confirm-actions button:disabled{opacity:.5}@media (width<=900px){.chat-shell-backdrop{place-items:end center;padding:0}.chat-shell-sheet{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;padding-bottom:calc(18px + env(safe-area-inset-bottom));animation:ui-sheet-up var(--dur-slow) var(--ease-out)}.chat-shell-confirm{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;max-width:none;padding-bottom:calc(18px + env(safe-area-inset-bottom));position:fixed;inset:auto 0 0}.chat-shell-list-head{padding-top:max(12px, env(safe-area-inset-top))}.chat-shell-head{padding-top:max(8px, env(safe-area-inset-top))}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.chat-shell-head,.chat-shell-menu{background:var(--surface);-webkit-backdrop-filter:none}.chat-shell-placeholder p{background:var(--text-secondary);-webkit-backdrop-filter:none}.chat-shell-backdrop,.chat-shell-confirm::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.settings-list-scroll{flex-direction:column;gap:10px;padding:0 10px 14px;display:flex}.settings-account{border-radius:var(--radius-card);background:var(--canvas);text-align:left;width:100%;min-height:72px;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:10px 12px;display:flex}.settings-account:hover{background:var(--hover)}.avatar.settings-account-avatar{width:52px;height:52px;font-size:17px}.settings-row-copy{flex:1;gap:2px;min-width:0;display:grid}.settings-row-copy>strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.settings-row-copy>small{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-chevron{color:var(--line-strong);flex:none}.settings-nav{flex-direction:column;gap:2px;display:flex}.settings-nav-caption{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:4px 10px 2px;font-size:12px;font-weight:700}a.settings-nav-row,a.ui-group-row{color:var(--text);text-decoration:none}a.ui-group-row:hover{background:var(--hover)}.settings-nav+.settings-nav{border-top:1px solid var(--line);padding-top:10px}.settings-nav-row{border-radius:var(--radius-control);width:100%;min-height:44px;color:var(--text);font-size:var(--fs-row);text-align:left;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:6px 10px;display:flex}.settings-nav-row:hover:not(:disabled){background:var(--hover)}.settings-nav-row[aria-current=page]{background:var(--accent);color:var(--surface)}.settings-nav-row[aria-current=page] :is(.settings-chevron,.settings-nav-value){color:color-mix(in srgb, var(--surface) 80%, transparent)}.settings-nav-row[aria-current=page] .settings-icon{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--surface) 75%, transparent)}.settings-nav-row:disabled{opacity:.5}.settings-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:550;overflow:hidden}.settings-nav-value{color:var(--muted);font-size:var(--fs-secondary);font-variant-numeric:tabular-nums;font-weight:600}.settings-icon{background:var(--accent);width:30px;height:30px;color:var(--surface);border-radius:9px;flex:none;place-items:center;display:grid}.settings-icon.is-success{background:var(--success)}.settings-icon.is-warning{background:var(--warning)}.settings-icon.is-danger{background:var(--danger)}.logout-button{color:var(--danger)}.chat-panel.settings-pane{background:var(--canvas)}.settings-pane-head{grid-template-columns:minmax(var(--tap), 1fr) minmax(0, auto) minmax(var(--tap), 1fr);flex:none;align-items:center;gap:12px;min-height:60px;padding:12px 16px;display:grid}.settings-pane-head>:first-child{justify-self:start}.settings-pane-head>:last-child{justify-self:end}.settings-pane-head h2{font-size:var(--fs-title);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.chat-back.settings-back{background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.chat-back.settings-back:hover{background:var(--surface);color:var(--accent)}.settings-head-spacer{width:var(--tap)}.inline-button.settings-edit{min-height:var(--tap)}.settings-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.settings-column{width:100%;max-width:640px;margin:0 auto;padding:0 20px 48px}.settings-column .ui-group{font-size:var(--fs-row)}.settings-column .error-banner{margin:8px 0 0}.settings-column>:first-child.ui-group-title,.settings-column>:first-child>:first-child.ui-group-title{margin-top:8px}.settings-identity,.team-identity{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:8px 0 4px;display:flex}.avatar.settings-identity-avatar{width:88px;height:88px;margin-bottom:8px;font-size:28px}:is(.settings-identity,.team-identity)>strong{max-width:100%;font-size:var(--fs-screen);letter-spacing:-.02em;overflow-wrap:anywhere;font-weight:750;line-height:1.2}:is(.settings-identity,.team-identity)>small{color:var(--muted);font-size:var(--fs-body)}.settings-value{max-width:60%;color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.settings-bio,.team-about{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 16px;line-height:1.5}:is(.settings-bio,.team-about).is-empty{color:var(--muted)}.settings-loading{justify-items:center;gap:10px;padding:24px 0;display:grid}.settings-loading>.ui-skeleton{width:180px;height:14px}.settings-loading>.ui-skeleton:last-child{width:120px}.settings-loading>.ui-skeleton.settings-loading-avatar{border-radius:50%;width:88px;height:88px;margin-bottom:6px}.settings-field{min-height:48px;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:0 16px;display:flex}.settings-field>span{width:38%;max-width:200px;color:var(--text);flex:none}.settings-field>input{min-width:0;height:46px;color:var(--text);font-size:var(--fs-row);text-align:end;background:0 0;border:0;outline:0;flex:1;padding:0}.settings-field>input:focus-visible{outline:0}.settings-field>input::placeholder{color:var(--muted)}.settings-field:focus-within{background:color-mix(in srgb, var(--accent-soft) 40%, var(--surface))}.settings-field>:disabled{color:var(--muted)}.settings-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.settings-photo{align-items:center;gap:14px;padding:12px 16px;display:flex}:is(.settings-photo,.team-identity,.settings-identity) .profile-gallery-trigger{background:var(--accent-soft);width:64px;height:64px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;padding:0;font-size:20px;font-weight:700;display:grid;position:relative}:is(.settings-photo,.team-identity,.settings-identity) .profile-gallery-trigger>img{object-fit:cover;border-radius:50%;width:100%;height:100%}:is(.settings-photo,.team-identity,.settings-identity) .profile-gallery-trigger>svg{border:2px solid var(--surface);background:var(--accent);width:26px;height:26px;color:var(--surface);border-radius:50%;padding:5px;position:absolute;bottom:-2px;right:-2px}:is(.team-identity,.settings-identity) .profile-gallery-trigger{width:88px;height:88px;margin-bottom:8px;font-size:28px}.settings-username-input{flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.settings-username-input>i{color:var(--muted);font-size:var(--fs-row);flex:none;font-style:normal}.settings-username-input>input{min-width:0;height:46px;color:var(--text);font-size:var(--fs-row);background:0 0;border:0;outline:0;flex:1;padding:0}.settings-username-input>input::placeholder{color:var(--muted)}.settings-username-input>:is(svg,.ui-spinner){flex:none}.settings-username-ok{color:var(--success)}.settings-username-bad{color:var(--danger)}.ui-group-hint.is-success{color:var(--success)}.ui-group-hint.is-danger{color:var(--danger-text)}.teams-workspace>label.ui-group-title{display:block}.team-create{transition:box-shadow var(--dur-fast);align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex}.team-create:focus-within{box-shadow:var(--shadow-hairline), 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.team-create>input{min-width:0;height:40px;font-size:var(--fs-row);background:0 0;border:0;outline:0;flex:1}.team-create>input:focus-visible{outline:0}.team-create>.primary{min-height:36px;padding:0 14px}.team-row{width:100%;min-height:56px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:8px 16px;display:flex}.team-row:hover{background:var(--hover)}.avatar.team-row-avatar{width:40px;height:40px;font-size:13px}.team-row.team-row-action{min-height:48px;color:var(--accent-text)}.team-details{flex-direction:column;display:flex}.primary.team-use{align-self:center;min-width:min(260px,100%);margin-top:14px}.ui-segment.team-page-tabs{align-self:center;margin-top:16px}.modal-backdrop.notifications-backdrop{padding:10px 10px 10px calc(var(--rail-width) + 10px);background:color-mix(in srgb, var(--text) 10%, transparent);-webkit-backdrop-filter:none;place-items:end start}.modal.notifications-modal{transform-origin:0 100%;gap:12px;width:min(420px,100%);height:min(640px,100dvh - 20px);max-height:none;padding:16px 12px 12px;animation-name:ui-pop-in;overflow:hidden}.notifications-head{align-items:center;gap:4px;padding:0 2px 0 8px}.notifications-head>h2{flex:1;min-width:0}.notifications-head>.modal-close{flex:none;width:36px;height:36px}.notifications-head>.modal-close:first-child{margin-left:-8px}.notifications-toolbar{border-radius:var(--radius-control);background:var(--hover);align-items:center;gap:4px;margin:-4px 4px 0;padding:4px 4px 4px 8px;display:flex}.notifications-toolbar>small{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);font-size:var(--fs-secondary);flex:1;overflow:hidden}.notifications-tool{background:var(--surface);min-height:30px;color:var(--accent-text);font-size:var(--fs-secondary);transition:background var(--dur-fast) var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.notifications-tool:hover:not(:disabled){background:var(--accent-soft)}.notifications-tool:disabled{color:var(--muted);cursor:default}.notifications-tool.is-danger{color:var(--danger-text)}.notifications-tool.is-danger:hover:not(:disabled){background:var(--danger-soft)}.notifications-old{color:var(--text-secondary);font-size:var(--fs-secondary);margin:0 8px;line-height:1.4}.notifications-confirm{z-index:3;padding:20px 16px calc(16px + env(safe-area-inset-bottom));border-radius:inherit;background:color-mix(in srgb, var(--surface) 94%, transparent);align-content:end;gap:10px;display:grid;position:absolute;inset:0}.notifications-confirm h3{font-size:var(--fs-row);font-weight:750}.notifications-confirm p{color:var(--text-secondary);font-size:var(--fs-secondary);line-height:1.45}.notifications-confirm>div{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.notifications-confirm .ui-button{min-height:36px}.ui-segment.notifications-tabs{flex:none;grid-template-columns:1fr 1fr;margin:0 4px;display:grid}.notifications-tabs .ui-badge{min-width:18px;height:18px;font-size:10px}.notifications-modal .error-banner{margin:0 4px}.notifications-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow:auto}.notification-item{border-radius:var(--radius-control);width:100%;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:flex-start;gap:12px;padding:10px;display:flex}button.notification-item:hover{background:var(--hover)}.notification-item.unread{background:var(--accent-soft)}button.notification-item.unread:hover{background:color-mix(in srgb, var(--accent-soft) 85%, var(--accent))}.notification-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.notification-item.unread .notification-icon{background:var(--surface)}.notification-copy{flex:1;gap:2px;min-width:0;padding-top:1px;display:grid}.notification-copy>strong{font-size:var(--fs-body);font-weight:650}.notification-copy>small{color:var(--text-secondary);font-size:var(--fs-secondary);line-height:1.4}.notification-meta{flex-direction:column;flex:none;align-items:flex-end;gap:8px;padding-top:2px;display:flex}.notification-item time{color:var(--muted);font-size:var(--fs-caption);white-space:nowrap}.notification-meta>i{background:var(--accent);border-radius:50%;width:8px;height:8px}.invitation-card{border-radius:var(--radius-control);background:var(--accent-soft);gap:8px;padding:10px;display:grid}.invitation-card+.invitation-card{margin-top:4px}.invitation-card-head{align-items:center;gap:10px;display:flex}.invitation-card-head>p{min-width:0;color:var(--text-secondary);font-size:var(--fs-secondary);flex:1;line-height:1.35}.invitation-card-head time{color:var(--muted);font-size:var(--fs-caption);white-space:nowrap}.invitation-person{border-radius:50%;flex:none}.invitation-name,.invitation-link{color:var(--text);font-weight:650}.invitation-name:hover,.invitation-link:hover{color:var(--accent-text);text-decoration:underline}.avatar.invitation-avatar{width:32px;height:32px;font-size:12px}.invitation-resource{border-radius:var(--radius-control);background:var(--surface);width:100%;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:center;gap:10px;padding:8px 10px 8px 8px;display:flex}.invitation-resource:hover{background:color-mix(in srgb, var(--surface) 90%, var(--accent))}.invitation-resource>svg{color:var(--muted);flex:none}.invitation-resource-copy{flex:1;gap:1px;min-width:0;display:grid}.invitation-resource-copy>strong{font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.invitation-resource-copy>small{color:var(--text-secondary);font-size:var(--fs-secondary)}.invitation-kind{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.invitation-kind.is-large{border-radius:16px;width:56px;height:56px}.invitation-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.invitation-actions>button{min-height:34px;font-size:var(--fs-secondary);padding:0 14px}.invitation-actions>.ui-button{background:var(--surface)}.invitation-actions.is-footer{flex:none;margin:0 4px}.invitation-actions.is-footer>button{min-height:40px;font-size:var(--fs-body)}.invitation-actions.is-footer>.ui-button{background:var(--hover)}.invitation-done{color:var(--accent-text);font-size:var(--fs-secondary);align-items:center;gap:6px;font-weight:600;display:inline-flex}.invitation-detail{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;min-height:0;padding:0 4px;display:flex;overflow:auto}.invitation-hero{text-align:center;justify-items:center;gap:6px;padding:8px 12px 4px;display:grid}.invitation-hero>h3{font-size:var(--fs-title);overflow-wrap:anywhere;font-weight:750;line-height:1.25}.invitation-hero>small{color:var(--text-secondary);font-size:var(--fs-secondary)}.avatar.invitation-hero-avatar{width:56px;height:56px;font-size:20px}.invitation-description{border-radius:var(--radius-control);background:var(--hover);color:var(--text);font-size:var(--fs-secondary);white-space:pre-line;-webkit-line-clamp:6;-webkit-box-orient:vertical;padding:10px 12px;line-height:1.45;display:-webkit-box;overflow:hidden}.invitation-gone{color:var(--text-secondary);font-size:var(--fs-secondary);text-align:center}.invitation-facts{border-radius:var(--radius-control);background:var(--hover);margin:0;display:grid}.invitation-facts>div{justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:0 12px;display:flex}.invitation-facts>div+div{border-top:1px solid var(--line)}.invitation-facts dt{color:var(--text-secondary);font-size:var(--fs-secondary)}.invitation-facts dd{min-width:0;font-size:var(--fs-secondary);text-align:right;align-items:center;gap:6px;margin:0;font-weight:600;display:inline-flex}.invitation-facts>.ui-skeleton{width:60%;height:14px;margin:13px 12px}.invitation-members{border-radius:var(--radius-control);background:var(--hover);display:grid;overflow:hidden}.invitation-members>h4{color:var(--text-secondary);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px 4px;font-weight:650}.invitation-members>button,.invitation-from{width:100%;min-height:44px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:center;gap:10px;padding:6px 12px;display:flex}.invitation-members>button:hover,.invitation-from:hover{background:color-mix(in srgb, var(--hover) 60%, var(--line))}.invitation-members>button>span,.invitation-from>span{min-width:0;font-size:var(--fs-secondary);flex:1;font-weight:600}.invitation-members svg,.invitation-from>svg{color:var(--muted);flex:none}.invitation-from{border-radius:var(--radius-control);background:var(--hover)}.invitation-from>span{gap:1px;display:grid}.invitation-from small{color:var(--text-secondary);font-weight:400;font-size:var(--fs-caption)}.notification-item.is-skeleton .notification-copy{gap:8px;padding-top:4px}.notification-item.is-skeleton .notification-copy>.ui-skeleton{width:72%;height:12px}.notification-item.is-skeleton .notification-copy>.ui-skeleton+.ui-skeleton{width:48%}.notification-icon.ui-skeleton{border-radius:50%}.ui-empty.notifications-state{flex:1;min-height:0}.search-results,.entity-list{flex-direction:column;padding:0 8px 12px;display:flex}.search-results>h3{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:14px 8px 4px;font-size:12px;font-weight:700}.search-result,.entity-card{border-radius:var(--radius-control);width:100%;min-height:56px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease);align-items:center;gap:12px;padding:8px;display:flex}:is(.search-result,.entity-card):hover{background:var(--hover)}.search-result>svg{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;padding:10px}.search-result>span{gap:2px;min-width:0;display:grid}.search-result strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.search-result small{color:var(--muted);font-size:var(--fs-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entity-card{cursor:default}.entity-card>.conversation-copy{flex:1;min-width:0}.call-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.call-icon>svg{width:20px;height:20px}.modal-backdrop.person-backdrop{z-index:calc(var(--z-sheet) + 2)}.modal.person-dialog{outline:0;gap:0;width:min(440px,100%);padding:0}.person-dialog>.modal-close{z-index:2}.modal-actions{gap:8px;display:flex}.modal-actions>button{flex:1}.incoming-call{top:max(16px, env(safe-area-inset-top));z-index:var(--z-toast);border:1px solid var(--glass-line);border-radius:var(--radius-glass);background:color-mix(in srgb, var(--surface) 82%, transparent);width:min(400px,100vw - 24px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);animation:incoming-call-in var(--dur-slow) var(--ease-out);align-items:center;gap:12px;padding:10px 10px 10px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.avatar.incoming-call-avatar{animation:incoming-call-ring 1.8s var(--ease) infinite}.incoming-call-copy{flex:1;gap:2px;min-width:0;display:grid}.incoming-call-copy>strong{font-size:var(--fs-row);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.incoming-call-copy>small{color:var(--muted);font-size:var(--fs-secondary)}.incoming-call>:is(.answer,.decline){width:44px;height:44px;color:var(--surface);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.incoming-call>.decline{background:var(--danger)}.incoming-call>.answer{background:var(--success)}.incoming-call>.decline:hover{background:color-mix(in srgb, var(--danger) 86%, var(--text))}.incoming-call>.answer:hover{background:color-mix(in srgb, var(--success) 86%, var(--text))}.incoming-call>:is(.answer,.decline):active{transform:scale(.94)}.incoming-call>:is(.answer,.decline):disabled{opacity:.45;cursor:default}@keyframes incoming-call-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@keyframes incoming-call-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 45%, transparent)}70%,to{box-shadow:0 0 0 10px color-mix(in srgb, var(--success) 0%, transparent)}}.call-room{z-index:calc(var(--z-sheet) - 5);border-radius:var(--radius-sheet);background:radial-gradient(900px 520px at 50% 0, color-mix(in srgb, var(--accent) 24%, var(--text)), transparent 70%), color-mix(in srgb, var(--text) 94%, var(--accent));color:var(--surface);box-shadow:var(--shadow-sheet);isolation:isolate;animation:ui-pop-in var(--dur-slow) var(--ease-out);flex-direction:column;justify-content:space-between;align-items:center;padding:20px;display:flex;position:fixed;inset:10px;overflow:hidden}.call-video{z-index:0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4px;display:grid;position:absolute;inset:0}.call-video video{object-fit:cover;width:100%;height:100%}.call-video audio{display:none}.call-copy,.call-controls{border:1px solid color-mix(in srgb, var(--surface) 14%, transparent);background:color-mix(in srgb, var(--text) 42%, transparent);-webkit-backdrop-filter:var(--blur);position:relative}.call-copy{z-index:1;border-radius:var(--radius-glass);text-align:center;justify-items:center;gap:2px;max-width:100%;padding:10px 20px;display:grid}.call-copy>strong{font-size:var(--fs-row);font-weight:700}.call-copy>span{color:color-mix(in srgb, var(--surface) 72%, transparent);font-size:var(--fs-secondary)}.call-copy>button{border-radius:var(--radius-pill);background:var(--surface);min-height:36px;color:var(--text);font:inherit;font-size:var(--fs-secondary);cursor:pointer;border:0;margin-top:8px;padding:0 16px}.call-copy>button:focus-visible{outline:2px solid var(--surface);outline-offset:2px}.call-copy.is-live>span:before{content:"";background:var(--online);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.call-copy.is-error>span{color:color-mix(in srgb, var(--danger) 55%, var(--surface))}.call-controls{z-index:2;border-radius:var(--radius-pill);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:10px;display:flex}.call-controls>button{background:color-mix(in srgb, var(--surface) 16%, transparent);width:52px;height:52px;color:var(--surface);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:grid}.call-controls>button:hover:not(:disabled){background:color-mix(in srgb, var(--surface) 26%, transparent)}.call-controls>button:active:not(:disabled){transform:scale(.94)}.call-controls>button:disabled{opacity:.45}.call-controls>button:focus-visible{outline-color:var(--surface)}.call-controls>button.off,.call-controls>button.off:hover:not(:disabled){background:var(--surface);color:var(--text)}.call-controls>button.active,.call-controls>button.active:hover:not(:disabled){background:var(--accent);color:var(--surface)}.call-controls>.hangup{background:var(--danger);width:60px}.call-controls>.hangup:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 86%, var(--text))}.call-room.minimized{border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass);max-width:calc(100vw - 40px);color:var(--text);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur);animation:ui-rise-in var(--dur) var(--ease-out);flex-direction:row;justify-content:flex-start;gap:12px;padding:6px 6px 6px 18px;inset:auto 20px 20px auto}.call-room.minimized .call-video,.call-room.minimized :is(.call-copy,.call-controls){-webkit-backdrop-filter:none;background:0 0;border:0;padding:0}.call-room.minimized .call-copy{text-align:left;justify-items:start;min-width:0}.call-room.minimized .call-copy>strong{font-size:var(--fs-body)}.call-room.minimized .call-copy>span{max-width:200px;color:var(--muted);font-size:var(--fs-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-room.minimized .call-copy>button{min-height:32px;margin-top:4px}.call-room.minimized .call-controls{flex-wrap:nowrap;gap:6px}.call-room.minimized .call-controls>button:not(.call-toggle,.hangup){display:none}.call-room.minimized .call-controls>button{background:var(--hover);width:40px;height:40px;color:var(--text)}.call-room.minimized .call-controls>.hangup{background:var(--danger);color:var(--surface)}.call-room.minimized .call-controls>button:focus-visible{outline-color:var(--accent)}@media (width<=900px){.settings-nav-row[aria-current=page]{color:var(--text);background:0 0}.settings-nav-row[aria-current=page] :is(.settings-chevron,.settings-nav-value){color:var(--line-strong)}.settings-nav-row[aria-current=page] .settings-icon{box-shadow:none}.settings-pane-head{padding-top:max(12px, env(safe-area-inset-top))}.settings-column{padding:0 16px calc(32px + env(safe-area-inset-bottom))}.settings-field>span{width:42%}.modal-backdrop.notifications-backdrop{background:var(--scrim);place-items:end center;padding:0}.modal.notifications-modal{width:100%;height:min(640px,100dvh - 24px);padding-bottom:calc(12px + env(safe-area-inset-bottom));animation-name:ui-sheet-up}.modal-actions{flex-direction:column-reverse}.call-room{padding:max(16px, env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom));border-radius:0;inset:0}.call-controls{gap:8px;padding:8px}.call-controls>button{width:48px;height:48px}.call-controls>.hangup{width:56px}.call-room.minimized{inset:auto 12px calc(76px + env(safe-area-inset-bottom)) 12px;max-width:none}.call-room.minimized .call-copy{flex:1}.call-room.minimized .call-copy>span{max-width:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.notifications-confirm{background:var(--surface)}.incoming-call{background:var(--surface);-webkit-backdrop-filter:none}.call-copy,.call-controls{background:color-mix(in srgb, var(--text) 88%, var(--surface));-webkit-backdrop-filter:none}.call-room.minimized{background:var(--surface);-webkit-backdrop-filter:none}.call-room.minimized :is(.call-copy,.call-controls){background:0 0}}.brand-mark{place-items:center;display:inline-grid;overflow:hidden}.brand-mark>img{object-fit:contain;width:150%;max-width:none;height:150%}.auth-page{background:var(--surface);min-height:100dvh;color:var(--text);grid-template-columns:minmax(400px,1fr) minmax(0,1.2fr);gap:10px;padding:10px;display:grid}.auth-page.auth-page-single{background:var(--canvas);grid-template-columns:minmax(0,1fr)}.auth-card{width:100%;max-width:440px;animation:ui-rise-in var(--dur-slow) var(--ease-out);flex-direction:column;justify-content:center;margin:0 auto;padding:48px 24px;display:flex}.auth-page-single .auth-card{border-radius:var(--radius-sheet);background:var(--surface);box-shadow:var(--shadow-soft);margin:auto;padding:36px 32px}.auth-brand{align-items:center;gap:12px;margin-bottom:56px;display:flex}.brand-mark.auth-logo{background:var(--canvas);border-radius:14px;flex:none;width:48px;height:48px}.auth-brand>span{line-height:1.15;display:grid}.auth-brand b{letter-spacing:-.02em;font-size:20px;font-weight:800}.auth-brand small{color:var(--muted);font-size:var(--fs-secondary);font-weight:600}.auth-eyebrow{color:var(--accent-text);font-size:var(--fs-secondary);margin-bottom:12px;font-weight:700}.auth-card h1{letter-spacing:-.035em;font-size:clamp(30px,3vw,40px);font-weight:800;line-height:1.12}.auth-lead{max-width:38ch;color:var(--text-secondary);margin-top:14px;font-size:16px;line-height:1.55}.auth-button{border-radius:var(--radius-control);background:var(--accent);width:100%;min-height:52px;color:var(--surface);font-size:var(--fs-row);box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 26%, transparent);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast), opacity var(--dur-fast);justify-content:center;align-items:center;gap:10px;margin-top:32px;padding:0 20px;font-weight:700;display:inline-flex}.auth-button:hover:not(:disabled){background:var(--accent-pressed);text-decoration:none}.auth-button:active:not(:disabled){transform:scale(.985)}.auth-button:disabled{opacity:.45;box-shadow:none}.auth-button>svg{transition:transform var(--dur-fast) var(--ease);flex:none}.auth-button:hover>svg:last-child:not(:first-child){transform:translate(3px)}.auth-button:focus-visible{outline-offset:3px}.auth-trust{color:var(--muted);align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.auth-trust>svg{color:var(--success);flex:none}.auth-guest-link{min-height:var(--tap);border-radius:var(--radius-pill);color:var(--accent-text);font-size:var(--fs-secondary);align-items:center;gap:8px;margin-top:12px;padding:0 12px;font-weight:650;text-decoration:none;display:inline-flex}.auth-guest-link:hover{background:var(--accent-soft)}.auth-state{justify-items:start;gap:10px;display:grid}.auth-state>p{color:var(--text-secondary);font-size:16px}.ui-spinner.auth-loader{width:28px;height:28px;margin-bottom:12px}.auth-visual{border-radius:var(--radius-glass);background:radial-gradient(700px 420px at 85% 0, color-mix(in srgb, var(--accent-soft) 90%, transparent), transparent 70%), var(--canvas);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:0;padding:40px;display:flex;position:relative;overflow:hidden}.auth-preview{border:1px solid var(--line);border-radius:var(--radius-glass);background:var(--surface);width:min(640px,100%);height:390px;box-shadow:var(--shadow-float);animation:ui-rise-in var(--dur-slow) var(--ease-out) 80ms both;grid-template-columns:220px minmax(0,1fr);display:grid;overflow:hidden}.auth-preview-list{border-right:1px solid var(--line);flex-direction:column;gap:2px;min-width:0;padding:12px 8px;display:flex}.auth-preview-search{border-radius:var(--radius-pill);background:var(--hover);height:30px;margin:0 4px 8px}.auth-preview-row{border-radius:10px;align-items:center;gap:8px;padding:7px 8px;display:flex}.auth-preview-row.is-selected{background:var(--accent);color:var(--surface)}.auth-preview-row>span,.auth-preview-chat>header>span{flex:1;gap:1px;min-width:0;display:grid}.auth-preview :is(.auth-preview-row,header) b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.auth-preview :is(.auth-preview-row,header) small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.auth-preview-row time{color:var(--muted);align-self:flex-start;font-size:10px}.auth-preview-row.is-selected :is(small,time){color:color-mix(in srgb, var(--surface) 80%, transparent)}.auth-preview-avatar{background:var(--accent);width:30px;height:30px;color:var(--surface);border-radius:50%;flex:none;place-items:center;font-size:10px;font-style:normal;font-weight:700;display:grid}.auth-preview-row.is-selected .auth-preview-avatar{box-shadow:0 0 0 1.5px var(--surface)}.auth-preview-avatar.is-success{background:var(--success)}.auth-preview-avatar.is-warning{background:var(--warning)}.auth-preview-avatar.is-muted{background:var(--muted)}.auth-preview-chat{background:var(--wallpaper);flex-direction:column;min-width:0;display:flex}.auth-preview-chat>header{border-bottom:1px solid var(--line);background:var(--glass);align-items:center;gap:8px;padding:10px 14px;display:flex}.auth-preview-messages{flex-direction:column;flex:1;justify-content:flex-end;gap:8px;padding:16px 14px;display:flex}.auth-bubble{background:var(--surface);max-width:78%;box-shadow:var(--shadow-hairline);border-radius:16px 16px 16px 6px;align-self:flex-start;padding:8px 12px;font-size:12px}.auth-bubble.is-out{background:var(--outgoing);border-radius:16px 16px 6px;align-self:flex-end}.auth-preview-task{background:var(--surface);box-shadow:var(--shadow-hairline);border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.auth-preview-task>span{background:var(--success);width:20px;height:20px;color:var(--surface);border-radius:50%;flex:none;place-items:center;display:grid}.auth-preview-task>b{flex:1;min-width:0;font-weight:650}.auth-preview-task>small{border-radius:var(--radius-pill);background:var(--success-soft);color:color-mix(in srgb, var(--success) 60%, var(--text));padding:2px 8px;font-size:11px;font-weight:650}.auth-preview-composer{border-radius:var(--radius-pill);background:var(--surface);height:34px;box-shadow:var(--shadow-hairline);margin:0 14px 14px}.auth-visual-caption{color:var(--text-secondary);font-size:var(--fs-secondary)}@media (width<=1100px){.auth-page{grid-template-columns:minmax(360px,1fr) minmax(0,1fr)}.auth-preview{grid-template-columns:180px minmax(0,1fr)}}@media (width<=900px){.auth-page{grid-template-columns:minmax(0,1fr);padding:0}.auth-visual{display:none}.auth-card{padding:max(40px, env(safe-area-inset-top)) 24px calc(40px + env(safe-area-inset-bottom))}.auth-brand{margin-bottom:40px}.auth-page-single .auth-card{box-shadow:none;background:0 0;border-radius:0;margin:0 auto}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.auth-preview-chat>header{background:var(--surface)}}
