:root{--bg: #ffffff;--panel: #ffffff;--sidebar: #fbfbf9;--hover: #f4f4f0;--active: #ececE6;--line: #e8e8e3;--line-strong: #dcdcd4;--text: #0c0c09;--muted: #70705c;--faint: #abab9c;--ink: #1d1d16;--ink-text: #fbfbf9;--ring: #abab9c;--online: #4cb782;--working: #e0a93b;--danger: #e40014;--popover: #ffffff;--field: rgba(12, 12, 9, .02);--scrim: rgba(12, 12, 9, .32);--accent: #2257e6;--accent-soft: #eaf0fe;--accent-ink: #1a47c2;--avatar: #ececE6;--avatar-text: #3d3d31;--coral: #f9b59f;--coral-on: #3c180f;--coral-soft: #fdeee8;--coral-ink: #8a3418;--butter: #f5df8d;--butter-on: #2f2107;--butter-soft: #fcf7e2;--butter-ink: #6e5308;--blush: #f6cedf;--blush-on: #361927;--blush-soft: #fcf1f6;--blush-ink: #8a2c5c;--sky: #b5d5f4;--sky-on: #0f253b;--sky-soft: #edf5fd;--sky-ink: #1f5488;--sage: #cde4c4;--sage-on: #13280c;--sage-soft: #f0f7ec;--sage-ink: #2e6a1e;--lilac: #dbd2f6;--lilac-on: #1f1640;--lilac-soft: #f4f1fd;--lilac-ink: #4f3a9a;--sand: #e8e8e3;--sand-on: #1d1d16;--sand-soft: #f4f4f0;--sand-ink: #5c5c4b;--serif: "Fraunces", "Iowan Old Style", Georgia, serif;--sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius: 10px;--shadow: 0 1px 2px rgba(12, 12, 9, .04), 0 2px 8px rgba(12, 12, 9, .04);--shadow-hover: 0 8px 24px rgba(12, 12, 9, .1);--shadow-lg: 0 16px 48px rgba(12, 12, 9, .18);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0c0c09;--panel: #16160f;--sidebar: #141410;--hover: #2b2b22;--active: #34342a;--popover: #1d1d16;--field: rgba(255, 255, 255, .045);--scrim: rgba(0, 0, 0, .6);--accent: #6d95ff;--accent-soft: rgba(109, 149, 255, .14);--accent-ink: #a9c1ff;--avatar: #2b2b22;--avatar-text: #e8e8e3;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--text: #fbfbf9;--muted: #abab9c;--faint: #7c7c67;--ink: #e8e8e3;--ink-text: #1d1d16;--ring: #7c7c67;--danger: #ff6568;--coral: #b62c00;--coral-on: #fef9f7;--coral-soft: #2a1710;--coral-ink: #ffb59c;--butter: #796000;--butter-on: #fbfaf6;--butter-soft: #262009;--butter-ink: #f0d77a;--blush: #ae1173;--blush-on: #fef8fb;--blush-soft: #2a1020;--blush-ink: #f8b6d6;--sky: #0061bf;--sky-on: #f7fafe;--sky-soft: #0f1d2c;--sky-ink: #a9cdf2;--sage: #2f6b1c;--sage-on: #f6fbf3;--sage-soft: #142010;--sage-ink: #b7dca6;--lilac: #5a3fb8;--lilac-on: #f8f6ff;--lilac-soft: #1d1730;--lilac-ink: #cfc3f6;--sand: #3a3a2f;--sand-on: #fbfbf9;--sand-soft: #1f1f18;--sand-ink: #d4d4c6;--shadow: 0 1px 2px rgba(0, 0, 0, .3);--shadow-hover: 0 10px 28px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);color-scheme:dark}}:root[data-theme=dark]{--bg: #0c0c09;--panel: #16160f;--sidebar: #141410;--hover: #2b2b22;--active: #34342a;--popover: #1d1d16;--field: rgba(255, 255, 255, .045);--scrim: rgba(0, 0, 0, .6);--accent: #6d95ff;--accent-soft: rgba(109, 149, 255, .14);--accent-ink: #a9c1ff;--avatar: #2b2b22;--avatar-text: #e8e8e3;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--text: #fbfbf9;--muted: #abab9c;--faint: #7c7c67;--ink: #e8e8e3;--ink-text: #1d1d16;--ring: #7c7c67;--danger: #ff6568;--coral: #b62c00;--coral-on: #fef9f7;--coral-soft: #2a1710;--coral-ink: #ffb59c;--butter: #796000;--butter-on: #fbfaf6;--butter-soft: #262009;--butter-ink: #f0d77a;--blush: #ae1173;--blush-on: #fef8fb;--blush-soft: #2a1020;--blush-ink: #f8b6d6;--sky: #0061bf;--sky-on: #f7fafe;--sky-soft: #0f1d2c;--sky-ink: #a9cdf2;--sage: #2f6b1c;--sage-on: #f6fbf3;--sage-soft: #142010;--sage-ink: #b7dca6;--lilac: #5a3fb8;--lilac-on: #f8f6ff;--lilac-soft: #1d1730;--lilac-ink: #cfc3f6;--sand: #3a3a2f;--sand-on: #fbfbf9;--sand-soft: #1f1f18;--sand-ink: #d4d4c6;--shadow: 0 1px 2px rgba(0, 0, 0, .3);--shadow-hover: 0 10px 28px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);color-scheme:dark}.solid-coral,.stat.coral,.tone-coral{background:var(--coral);color:var(--coral-on)}.solid-butter,.stat.butter,.tone-butter{background:var(--butter);color:var(--butter-on)}.solid-blush,.stat.blush,.tone-blush{background:var(--blush);color:var(--blush-on)}.solid-sky,.stat.sky,.tone-sky{background:var(--sky);color:var(--sky-on)}.solid-sage,.stat.sage,.tone-sage{background:var(--sage);color:var(--sage-on)}.solid-lilac,.stat.lilac,.tone-lilac{background:var(--lilac);color:var(--lilac-on)}.solid-sand,.stat.sand,.tone-sand{background:var(--sand);color:var(--sand-on)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14.5px/1.5 var(--sans);letter-spacing:-.003em;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}::selection{background:var(--butter);color:var(--butter-on)}.app{display:grid;grid-template-columns:56px 260px 1fr;height:100vh;overflow:hidden}.rail{background:var(--sidebar);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0;border-right:1px solid transparent}.rail-ws{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--muted);background:var(--hover);margin-bottom:14px;border:0}.rail-btn{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--muted);border:0;background:transparent;position:relative}.rail-btn:hover{background:var(--hover);color:var(--text)}.rail-btn.active{background:var(--active);color:var(--text)}.rail-btn .dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--coral-ink)}.rail-spacer{flex:1}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sb-head{display:flex;align-items:center;gap:8px;padding:14px 14px 8px 18px}.ws-switch{flex:1;display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:6px;border-radius:8px;font-weight:600;font-size:16px;text-align:left;min-width:0}.ws-switch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-switch:hover{background:var(--hover)}.icon-btn{border:0;background:transparent;width:30px;height:30px;border-radius:8px;display:inline-grid;place-items:center;color:var(--muted);flex:none}.icon-btn:hover{background:var(--hover);color:var(--text)}.sb-scroll{flex:1;overflow-y:auto;padding:4px 10px 12px}.sb-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:9px;color:var(--text);font-size:14.5px;min-height:34px;width:100%;border:0;background:transparent;text-align:left}.sb-item:hover{background:var(--hover)}.sb-item.active{background:var(--active);font-weight:500}.sb-item .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-item.unread{font-weight:600}.sb-item .kbd{margin-left:auto}.sb-item svg{flex:none;color:var(--muted)}.sb-section{display:flex;align-items:center;justify-content:space-between;padding:18px 10px 4px;color:var(--muted);font-size:13.5px}.sb-section .icon-btn{width:24px;height:24px}.sb-foot{padding:10px}.me-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.me-card .grow{flex:1;min-width:0}.me-card .name{font-weight:500;font-size:14px}.me-card .sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg);position:relative}.topbar{height:52px;flex:none;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--bg)}.topbar h1{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px;white-space:nowrap}.topbar .sub{color:var(--muted);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .spacer{flex:1}.scroll{flex:1;overflow-y:auto;min-height:0}.page{max-width:1180px;margin:0 auto;padding:36px 40px 80px}.page.narrow{max-width:980px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--line-strong);background:var(--panel);font-weight:500;font-size:14px;white-space:nowrap}.btn:hover{background:var(--hover)}.btn.primary{background:var(--ink);color:var(--ink-text);border-color:var(--ink)}.btn.primary:hover{opacity:.88}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--hover)}.btn.danger{color:var(--danger)}.btn.sm{height:30px;padding:0 10px;font-size:13px;border-radius:8px}.btn:disabled{opacity:.5;cursor:default}.link{color:var(--muted);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;font-size:13.5px}.link:hover{color:var(--text)}.input,.textarea,.select{width:100%;height:36px;border:1px solid var(--line-strong);background:var(--field);border-radius:10px;padding:4px 12px;outline:none;font-size:14px;transition:border-color .12s,box-shadow .12s}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:focus,.textarea:focus,.select:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 28%,transparent)}.input:disabled,.select:disabled{opacity:.6}.textarea{height:auto;padding:8px 12px;resize:vertical;min-height:72px;line-height:1.5}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2375716b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13.5px;font-weight:500}.field{gap:7px}.field .hint{font-size:12.5px;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.mono{font-family:var(--mono)}.err{color:var(--danger);font-size:13.5px}.avatar{width:28px;height:28px;border-radius:8px;display:inline-grid;place-items:center;flex:none;position:relative;font-size:11px;font-weight:600;letter-spacing:.02em}.avatar.round{border-radius:50%}.avatar .presence{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:var(--online);border:2px solid var(--sidebar)}.c-coral,.c-butter,.c-blush,.c-sky,.c-sage,.c-lilac,.c-sand,.avatar{background:var(--avatar);color:var(--avatar-text)}.avatar.team{background:var(--ink);color:var(--ink-text)}.avatar.guest{background:var(--bg);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:500;background:var(--hover);color:var(--muted);white-space:nowrap}.chip.outline{background:transparent;border:1px solid var(--line-strong)}.chip.ok,.chip.warn,.chip.off,.chip.accent{background:transparent;border:1px solid var(--line-strong);color:var(--text)}.chip.ok:before,.chip.warn:before,.chip.off:before,.chip.accent:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--online)}.chip.warn:before{background:var(--working)}.chip.off:before{background:var(--faint)}.chip.accent:before{background:var(--accent)}.count.warn{background:var(--working);color:#2b1d02}.count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--ink);color:var(--ink-text);font-size:11.5px;font-weight:600;display:inline-grid;place-items:center}.count.soft{background:var(--panel);color:var(--muted);border:1px solid var(--line)}.kbd{font-family:var(--mono);font-size:11.5px;color:var(--faint)}.divider{height:1px;background:var(--line);margin:18px 0}.empty{text-align:center;color:var(--muted);padding:48px 20px;display:flex;flex-direction:column;align-items:center}.empty h3{color:var(--text);font-weight:600;margin:12px 0 4px;font-size:14.5px}.empty p{margin:0 auto;max-width:340px;font-size:13.5px;line-height:1.5}.empty .empty-action{margin-top:16px}.empty.boxed{border:1px dashed var(--line-strong);border-radius:18px;padding:52px 24px 56px}.empty .illo{color:var(--text);--illo-fill: var(--panel);--illo-back: var(--hover)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.tabs{display:inline-flex;padding:3px;background:var(--field);border:1px solid var(--line);border-radius:10px;gap:2px}.tabs button{border:0;background:transparent;padding:4px 12px;min-height:26px;border-radius:7px;font-size:13.5px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:6px}.tabs button:hover{color:var(--text)}.tabs button.on{background:var(--active);color:var(--text);box-shadow:var(--shadow)}:root:not([data-theme=dark]) .tabs button.on{background:var(--panel)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tabs button.on{background:var(--active)}}.pills{display:inline-flex;gap:4px;flex-wrap:wrap}.pills button{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:background .12s,color .12s}.pills button:hover{background:var(--hover);color:var(--text)}.pills button.on{background:var(--text);border-color:var(--text);color:var(--bg)}.pills button .n{font-family:var(--mono);font-size:11.5px;opacity:.7}.filterbar{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--line);flex:none;flex-wrap:wrap;background:var(--bg)}.filterbar .search-box{min-width:200px}.filterbar .search-box .input{height:32px;padding-left:34px}.filterbar .search-box svg{left:11px}.filterbar .dd{width:150px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:grid;place-items:center;z-index:50;padding:20px;animation:fade .12s ease}.modal{width:min(576px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow-lg);animation:pop .14s ease}.modal.wide{width:min(760px,100%)}.modal h2{margin:0;font-size:17px;font-weight:600;letter-spacing:-.005em;padding-right:32px}.modal .desc{color:var(--muted);margin:6px 0 20px;font-size:14px;line-height:1.5}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.modal-close{position:absolute;right:14px;top:14px}.modal-x{position:absolute}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.98)}}.menu{position:absolute;z-index:40;min-width:220px;background:var(--popover);border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,0 12px 32px -8px #0000002e;padding:4px;animation:menu-in .1s ease}.menu-item{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;padding:6px 8px;min-height:32px;border-radius:7px;text-align:left;font-size:14px;color:var(--text)}.menu-item:hover,.menu-item.hl{background:var(--hover)}.menu-item .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item .dd-check{color:var(--text);flex:none}.menu-item .sub{display:block;font-size:12px;color:var(--muted)}.menu-item>svg{flex:none;color:var(--muted)}.menu-label{font-size:12px;color:var(--muted);padding:8px 8px 4px}.menu-sep{height:1px;background:var(--line);margin:4px -4px}@keyframes menu-in{0%{opacity:0;transform:translateY(-2px) scale(.98)}}.dd{position:relative;min-width:0}.dd-trigger{width:100%;height:36px;display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:10px;border:1px solid var(--line-strong);background:var(--field);font-size:14px;color:var(--text);text-align:left;transition:border-color .12s,box-shadow .12s}.dd-trigger:hover{border-color:var(--ring)}.dd-trigger[aria-expanded=true],.dd-trigger:focus-visible{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 28%,transparent)}.dd-trigger:disabled{opacity:.6}.dd-trigger .dd-val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-trigger>svg:last-child{color:var(--muted);flex:none}.dd.sm .dd-trigger{height:32px;font-size:13.5px}.dd.ghost .dd-trigger{border-color:transparent;background:transparent}.dd.ghost .dd-trigger:hover{background:var(--hover)}.dd-menu{position:fixed;z-index:80;max-height:320px;overflow-y:auto}.toast-wrap{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:60}.toast{display:flex;align-items:center;gap:10px;background:var(--popover);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);padding:12px 14px;font-size:13.5px;font-weight:500;min-width:280px;animation:pop .15s ease}.toast svg{color:var(--muted);flex:none}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.hero-sub{color:var(--muted);font-size:16px;margin:10px 0 0}.eyebrow{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}.display{font-family:var(--serif);font-weight:600;font-size:54px;line-height:1.05;letter-spacing:-.02em;margin:8px 0 0}.section-title{display:flex;align-items:baseline;gap:10px;margin:34px 0 14px}.section-title h2{font-family:var(--serif);font-size:24px;font-weight:600;margin:0;letter-spacing:-.01em}.section-title .link{margin-left:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat{position:relative;border-radius:22px;padding:16px 18px 14px;min-height:172px;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,currentColor 6%,transparent);transition:transform .18s ease,box-shadow .18s ease;overflow:hidden}a.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.stat-head{display:flex;align-items:center;gap:10px}.stat-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,currentColor 10%,transparent);flex:none}.stat .label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;opacity:.7}.stat .num{font-family:var(--mono);font-size:46px;font-weight:500;margin:auto 0 10px;line-height:1;letter-spacing:-.02em}.stat .cap{font-size:13.5px;opacity:.75}.stat-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:11px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}.stat-foot .go{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,currentColor 10%,transparent);opacity:.8;transition:opacity .15s,transform .15s}a.stat:hover .stat-foot .go{opacity:1;transform:rotate(-45deg);background:currentColor}a.stat:hover .stat-foot .go svg{color:var(--panel)}.panels{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-top:16px}.panels.even{grid-template-columns:1fr 1fr}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0;overflow:hidden}.panel.accent-butter{border-color:var(--line-strong)}.card-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);min-height:64px}.card-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none}.card-icon[class*=tone-]{background:var(--bg);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.card-title{flex:1;min-width:0}.card-title h3{margin:0;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;line-height:1.3}.card-title p{margin:2px 0 0;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{display:flex;align-items:center;gap:6px;flex:none}.card-body{flex:1;padding:4px 0;min-height:0}.card-body.pad{padding:16px}.card-foot{display:flex;align-items:center;gap:10px;padding:0 16px;height:46px;flex:none;border-top:1px solid var(--line);background:var(--sidebar);font-size:13px;color:var(--muted)}.card-foot-link{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--text);font-size:13px;padding:5px 8px;margin-right:-8px;border-radius:8px}.card-foot-link:hover{background:var(--hover)}.card-foot-link svg{transition:transform .15s ease}.card-foot-link:hover svg{transform:translate(3px)}.card-empty{padding:30px 20px;text-align:center;color:var(--muted);font-size:13.5px}.tile{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);margin-bottom:8px;min-height:64px;transition:border-color .12s,box-shadow .12s,background .12s}.tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.tile .grow{flex:1;min-width:0}.tile .title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile .meta{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);color:var(--muted);flex:none;background:var(--bg)}.card-body .tile{border:0;border-radius:0;margin:0;background:transparent;padding:10px 16px;min-height:60px;box-shadow:none;position:relative}.card-body .tile+.tile:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:var(--line)}.card-body a.tile:hover,.card-body button.tile:hover{background:var(--hover)}.card-body a.tile:hover:before,.card-body a.tile:hover+.tile:before{opacity:0}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-stat{border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;transition:transform .15s}.mini-stat:hover{transform:translateY(-2px)}.mini-stat .label{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;opacity:.7}.mini-stat .num{font-family:var(--mono);font-size:30px;line-height:1.15}.progress{height:6px;border-radius:99px;background:var(--hover);overflow:hidden}.progress i{display:block;height:100%;border-radius:99px;background:var(--sage-ink);transition:width .3s ease}.chan{display:grid;grid-template-columns:1fr auto;flex:1;min-height:0}.chan-main{display:flex;flex-direction:column;min-height:0;min-width:0}.messages{flex:1;overflow-y:auto;padding:0 0 12px;overscroll-behavior:contain}.day-sep{display:flex;align-items:center;gap:12px;margin:20px 24px 8px;color:var(--muted);font-size:12px;font-weight:500}.day-sep:before,.day-sep:after{content:"";flex:1;height:1px;background:var(--line)}.day-sep span{height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg);display:inline-flex;align-items:center}.new-sep{display:flex;align-items:center;gap:10px;margin:10px 24px 4px;color:var(--accent);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.new-sep:before{content:"";flex:1;height:1px;background:var(--accent);opacity:.55}.msg{display:flex;gap:12px;padding:6px 24px 6px 20px;position:relative;border-left:2px solid transparent;transition:background .08s}.msg:hover,.msg.active{background:var(--sidebar)}.msg.mentioned{background:color-mix(in srgb,var(--accent-soft) 70%,transparent);border-left-color:var(--accent)}.msg.compact{padding-top:1px;padding-bottom:1px}.msg .gutter{width:36px;font-size:10.5px;font-family:var(--mono);color:transparent;text-align:right;padding-top:4px;flex:none}.msg.compact:hover .gutter{color:var(--faint)}.msg .avatar{width:36px;height:36px;border-radius:10px;font-size:12.5px;margin-top:2px}.msg-body{flex:1;min-width:0}.msg-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:22px}.msg-head .name{font-weight:600;font-size:14.5px;letter-spacing:-.005em}.msg-head .time{font-size:11.5px;color:var(--faint);font-family:var(--mono)}.role-tag{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:5px;font-size:11px;font-weight:500;white-space:nowrap}.role-tag.team{background:var(--ink);color:var(--ink-text)}.role-tag.guest{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-strong)}.msg-text{font-size:14.5px;line-height:1.55;overflow-wrap:anywhere;max-width:760px}.msg-text p{margin:0}.msg-text p+p{margin-top:6px}.msg-text code{font-family:var(--mono);font-size:12.5px;background:var(--hover);padding:1px 5px;border-radius:5px;border:1px solid var(--line)}.msg-text pre{background:var(--sidebar);border:1px solid var(--line);padding:10px 12px;border-radius:10px;overflow-x:auto;margin:6px 0}.msg-text pre code{background:none;padding:0;border:0}.msg-text blockquote{margin:4px 0;padding:0 0 0 12px;border-left:3px solid var(--line-strong);color:var(--muted)}.msg-text ul,.msg-text ol{margin:4px 0;padding-left:22px}.msg-text a{color:var(--accent-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:2px}.mention{background:var(--accent-soft);color:var(--accent-ink);padding:0 4px;border-radius:5px;font-weight:600}.edited{font-size:11.5px;color:var(--faint);margin-left:4px}.reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px;align-items:center}.reaction{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--line);background:var(--bg);font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted);transition:border-color .1s,background .1s}.reaction b{font-weight:600;font-size:12px}.reaction:hover{border-color:var(--line-strong);background:var(--hover)}.reaction.mine{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.reaction.add{width:28px;padding:0;justify-content:center;opacity:0}.msg:hover .reaction.add{opacity:1}.reply-link{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;border:1px solid transparent;background:transparent;padding:4px 10px 4px 4px;border-radius:9px;max-width:460px;width:100%;color:var(--text)}.reply-link .n{color:var(--accent-ink);font-weight:600}.reply-link .go{margin-left:auto;color:var(--faint);display:none;align-items:center;gap:2px}.reply-link:hover{border-color:var(--line);background:var(--bg)}.reply-link:hover .go{display:inline-flex}.reply-link .avatars{display:flex}.reply-link .avatars .avatar{width:22px;height:22px;border-radius:6px;font-size:9px;margin:0;box-shadow:0 0 0 2px var(--bg)}.reply-link .avatars .avatar+.avatar{margin-left:-5px}.msg-tools{position:absolute;right:20px;top:-16px;display:none;align-items:center;gap:1px;z-index:4;background:var(--popover);border:1px solid var(--line-strong);border-radius:10px;box-shadow:var(--shadow-hover);padding:3px}.msg:hover .msg-tools,.msg-tools.open{display:flex}.msg-tools button{border:0;background:transparent;width:30px;height:28px;border-radius:7px;display:grid;place-items:center;color:var(--muted);font-size:15px}.msg-tools button:hover{background:var(--hover);color:var(--text)}.msg-tools button.danger:hover{color:var(--danger)}.msg-tools .sep{width:1px;height:16px;background:var(--line-strong);margin:0 3px}.emoji-pop{position:absolute;right:20px;top:18px;z-index:6;background:var(--popover);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;animation:menu-in .12s ease-out}.emoji-pop button{border:0;background:transparent;width:32px;height:32px;border-radius:8px;font-size:17px}.emoji-pop button:hover{background:var(--hover)}.composer-wrap{padding:0 20px 18px}.composer{border:1px solid var(--line-strong);border-radius:16px;background:var(--panel);padding:6px 8px;box-shadow:0 1px 3px #0000000f,0 1px 2px -1px #0000000f;transition:border-color .12s,box-shadow .12s}.composer:focus-within{border-color:var(--ring);box-shadow:0 0 0 1px var(--ring),0 1px 3px #0000000f}.composer textarea{width:100%;border:0;outline:none;resize:none;background:transparent;padding:6px 6px 4px;font-size:14.5px;line-height:1.5;max-height:220px;display:block}.composer textarea::placeholder{color:var(--faint)}.composer-fmt{display:flex;align-items:center;gap:1px;margin:0 -8px 6px;padding:0 0 6px 8px;border-bottom:1px solid var(--line)}.composer-fmt .sep{width:1px;height:16px;background:var(--line-strong);margin:0 4px}.composer-chips{display:flex;gap:6px;flex-wrap:wrap;padding:2px 0 4px}.composer-chips button{border:0;background:var(--hover);color:var(--text);font-size:13px;font-weight:500;height:28px;padding:0 11px;border-radius:999px}.composer-chips button:hover{background:var(--active)}.composer-bar{display:flex;align-items:center;gap:1px;padding-top:2px}.composer-bar .spacer{flex:1}.composer-bar .hint{font-size:12px;color:var(--faint);margin-right:8px}.tool-btn{border:0;background:transparent;width:28px;height:28px;border-radius:7px;display:inline-grid;place-items:center;color:var(--muted);flex:none}.tool-btn:hover{background:var(--hover);color:var(--text)}.tool-btn.on{background:var(--active);color:var(--text)}.send{width:30px;height:30px;border-radius:9px;border:0;background:transparent;color:var(--faint);display:grid;place-items:center;transition:background .12s}.send.ready{background:var(--ink);color:var(--ink-text)}.composer-pop{position:absolute;bottom:100%;margin-bottom:6px}.emoji-grid{display:grid;grid-template-columns:repeat(8,32px);gap:2px;padding:2px}.emoji-grid button{border:0;background:transparent;width:32px;height:32px;border-radius:7px;font-size:18px}.emoji-grid button:hover{background:var(--hover)}.typing{height:20px;font-size:12px;color:var(--muted);padding:0 24px 2px;display:flex;align-items:center;gap:8px}.typing .dots{display:inline-flex;gap:3px}.typing .dots i{width:4px;height:4px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite ease-in-out}.typing .dots i:nth-child(2){animation-delay:.15s}.typing .dots i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.mention-pop{position:absolute;bottom:100%;left:0;margin-bottom:6px}.side-panel{width:380px;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--bg)}.side-head{height:58px;display:flex;align-items:center;gap:8px;padding:0 14px 0 20px;border-bottom:1px solid var(--line);font-weight:600;flex:none}.side-head .spacer{flex:1}.side-body{flex:1;overflow-y:auto;padding:18px 20px}.chan-intro{padding:44px 24px 18px;max-width:760px}.chan-intro .intro-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:var(--ink-text)}.chan-intro h3{margin:16px 0 6px;font-family:var(--serif);font-weight:500;font-size:28px;letter-spacing:-.02em;line-height:1.15}.chan-intro p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}.chan-intro .row{margin-top:16px;gap:8px;flex-wrap:wrap}.kind-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;height:22px;padding:0 8px;border-radius:6px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-strong);background:transparent}.member-stack{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px 0 6px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:13px;font-weight:500}.member-stack:hover{background:var(--hover);color:var(--text)}.member-stack .avatars{display:flex}.member-stack .avatar{width:22px;height:22px;border-radius:6px;font-size:9px;box-shadow:0 0 0 2px var(--bg)}.member-stack .avatar+.avatar{margin-left:-6px}.co-logo.ws{background:var(--ink);color:var(--ink-text)}.join-bar{margin:0 20px 18px;padding:16px;border-radius:14px;background:var(--sidebar);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar .select{width:auto;min-width:150px;height:40px}.search-box{position:relative;flex:1}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.search-box .input{padding-left:38px;height:40px}.group-head{display:flex;align-items:center;gap:10px;padding:18px 10px 8px;font-weight:600;font-size:14.5px}.group-head .n{color:var(--muted);font-weight:400}.trow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;min-height:46px;font-size:14.5px}.trow:hover{background:var(--sidebar)}.trow .num{font-family:var(--mono);font-size:13px;color:var(--muted);width:44px;flex:none}.trow .title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trow .meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;flex:none}.prio{width:16px;display:inline-flex;align-items:flex-end;gap:1.5px;height:12px;flex:none}.prio i{width:3px;background:var(--line-strong);border-radius:1px}.prio i.on{background:var(--muted)}.prio.urgent{color:var(--danger)}.recommend{border:1px solid var(--line);border-radius:14px;background:var(--panel);margin-bottom:8px}.recommend-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:600;font-size:14.5px}.recommend-row{padding:12px 16px;display:flex;justify-content:space-between;gap:12px;cursor:pointer}.recommend-row:hover{background:var(--sidebar)}.recommend-row:last-child{border-radius:0 0 14px 14px}.board{display:grid;grid-auto-flow:column;grid-auto-columns:288px;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:start}.col-empty{text-align:center;color:var(--faint);font-size:13px;padding:18px 0 26px}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(560px,100%);background:var(--panel);border-left:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:30;display:flex;flex-direction:column;animation:slide .16s ease}@keyframes slide{0%{transform:translate(16px);opacity:0}}.prop-grid{display:grid;grid-template-columns:104px 1fr;gap:6px 12px;align-items:center;font-size:14px}.prop-grid>.k{color:var(--muted);font-size:13px}.prop-grid .dd-trigger{height:32px;font-size:13.5px;border-color:transparent;background:transparent;padding-left:8px}.prop-grid .dd-trigger:hover{background:var(--hover);border-color:transparent}.prop-grid .dd-trigger[aria-expanded=true]{background:var(--hover);box-shadow:none;border-color:transparent}.prop-grid .input{border-color:transparent;background:transparent;padding-left:8px}.prop-grid .input:hover{background:var(--hover)}.drawer-section{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}.prop-grid .select,.prop-grid .input{height:34px;padding-top:5px;padding-bottom:5px;font-size:13.5px}.title-input{width:100%;border:0;outline:none;background:transparent;font-size:22px;font-weight:600;padding:0}.comment{display:flex;gap:10px;margin-bottom:14px}.comment .bubble{flex:1}.docs-layout{display:grid;grid-template-columns:1fr;flex:1;min-height:0}.doc-page{max-width:780px;margin:0 auto;padding:40px 40px 120px}.doc-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:26px}.doc-editor{width:100%;min-height:60vh;border:0;outline:none;resize:none;background:transparent;font:14.5px/1.7 var(--mono)}.doc-editor::placeholder{color:var(--faint)}.doc-toolbar{display:flex;align-items:center;justify-content:center;gap:1px;padding:6px 12px;border-bottom:1px solid var(--line);flex:none;background:var(--bg);flex-wrap:wrap}.doc-toolbar .sep{width:1px;height:16px;background:var(--line-strong);margin:0 6px}.doc-toolbar .tool-btn{width:30px;height:30px}.doc-toolbar .tool-btn b{font-size:12.5px;font-weight:600;letter-spacing:-.02em}.doc-title-input{width:100%;border:0;outline:none;background:transparent;font:600 34px/1.2 var(--serif);margin-bottom:18px;padding:0}.prose{font-size:16px;line-height:1.75}.prose h1{font-family:var(--serif);font-size:34px;line-height:1.2;margin:0 0 20px;font-weight:600;letter-spacing:-.01em}.prose h2{font-size:19px;margin:32px 0 10px;font-weight:600}.prose h3{font-size:16.5px;margin:26px 0 8px;font-weight:600}.prose p{margin:0 0 14px}.prose ul,.prose ol{padding-left:24px;margin:0 0 14px}.prose li{margin:4px 0}.prose li::marker{color:var(--faint)}.prose code{font-family:var(--mono);font-size:13.5px;background:var(--hover);padding:2px 6px;border-radius:6px}.prose pre{background:var(--sidebar);border:1px solid var(--line);border-radius:12px;padding:14px 16px;overflow-x:auto}.prose pre code{background:none;padding:0}.prose table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:14.5px}.prose th,.prose td{border:1px solid var(--line);padding:8px 12px;text-align:left}.prose th{background:var(--sidebar);font-weight:600}.prose blockquote{margin:0 0 14px;padding:4px 16px;border-left:3px solid var(--line-strong);color:var(--muted)}.prose a{text-decoration:underline;text-underline-offset:3px}.prose input[type=checkbox]{margin-right:8px}.prose hr{border:0;height:1px;background:var(--line);margin:26px 0}.doc-tree-folder{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:14px;color:var(--text);border:0;background:transparent;width:100%;border-radius:8px}.doc-tree-folder:hover{background:var(--hover)}.lock{color:var(--faint);margin-left:auto}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.bar{flex:1;height:6px;border-radius:99px;background:var(--hover);overflow:hidden}.bar i{display:block;height:100%;background:currentColor;border-radius:99px}.lesson-list{display:flex;flex-direction:column;gap:6px}.lesson-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);text-align:left;width:100%;font-size:14.5px}.lesson-item:hover{border-color:var(--line-strong)}.lesson-item.on{border-color:var(--ink)}.check{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-strong);display:grid;place-items:center;flex:none;color:transparent}.check.done{background:var(--sage-ink);border-color:var(--sage-ink);color:#fff}.course-layout{display:grid;grid-template-columns:300px 1fr;gap:32px}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px}.co-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:600;font-size:14px;flex:none}.timeline{border-left:1px solid var(--line);margin-left:6px;padding-left:18px}.timeline .ev{position:relative;padding-bottom:14px;font-size:13.5px}.timeline .ev:before{content:"";position:absolute;left:-23px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--panel);border:2px solid var(--line-strong)}.stage-steps{display:flex;gap:6px}.stage-step{flex:1;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 10px;font-size:13px;font-weight:500;text-align:left}.stage-step.on{border-color:transparent}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-weight:500;color:var(--muted);font-size:12.5px;padding:8px 12px;border-bottom:1px solid var(--line)}.table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.col{background:var(--sidebar);border:1px solid var(--line);border-radius:18px;padding:8px;min-height:220px;display:flex;flex-direction:column;gap:8px}.col.drop,.pipe-col.drop{outline:2px dashed var(--line-strong);outline-offset:-5px}.col-head{display:flex;align-items:center;gap:8px;padding:8px 8px 4px;font-weight:600;font-size:13.5px}.col-head .n{margin-left:auto;font-family:var(--mono);font-weight:400;color:var(--muted);font-size:12.5px}.kcard,.co-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;cursor:grab;transition:box-shadow .15s,transform .15s,border-color .15s;color:var(--text)}.kcard:hover,.co-card:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-1px)}.kcard:active,.co-card:active{cursor:grabbing}.ic-head{display:flex;align-items:center;gap:8px;padding:11px 12px 0;font-size:12.5px;color:var(--muted)}.ic-head .id{font-family:var(--mono)}.ic-head .spacer{flex:1}.ic-body{padding:6px 12px 12px}.ic-title{font-size:14px;font-weight:500;line-height:1.4}.ic-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.ic-foot{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);min-height:40px}.ic-foot .spacer{flex:1}.ic-foot .m{display:inline-flex;align-items:center;gap:4px}.pipe-col{border-radius:18px;padding:8px;min-height:300px;display:flex;flex-direction:column;gap:8px;border:1px solid transparent}.pipe-head{display:flex;align-items:center;gap:8px;padding:8px 8px 6px;font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.pipe-head .n{margin-left:auto;min-width:22px;height:22px;border-radius:99px;background:var(--panel);color:var(--text);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--mono);letter-spacing:0;font-size:12px}.co-card .co-name{font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-head{display:flex;align-items:center;gap:10px;padding:12px 12px 10px}.co-head>div{min-width:0}.co-body{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}.course-card{border-radius:22px;min-height:250px;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,currentColor 6%,transparent);transition:transform .18s ease,box-shadow .18s ease;overflow:hidden;padding:0}.course-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.course-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px 0}.course-head .chip{background:color-mix(in srgb,currentColor 10%,transparent);color:inherit}.course-body{padding:14px 20px 18px;flex:1}.course-card h3{font-family:var(--serif);font-size:25px;line-height:1.15;margin:0 0 6px;font-weight:600;letter-spacing:-.01em}.course-card p{margin:0;font-size:14px;opacity:.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-foot{padding:12px 20px 16px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);background:color-mix(in srgb,currentColor 4%,transparent);font-size:13px}.course-foot .row{justify-content:space-between;margin-bottom:8px}.course-foot .track{height:5px;border-radius:99px;background:color-mix(in srgb,currentColor 14%,transparent);overflow:hidden}.course-foot .track i{display:block;height:100%;background:currentColor;border-radius:99px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-side{background:var(--sidebar);padding:48px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.auth-side .display{font-size:50px;max-width:520px}.auth-main{display:grid;place-items:center;padding:40px 20px}.auth-card{width:min(400px,100%)}.auth-card h2{font-family:var(--serif);font-size:34px;font-weight:600;margin:0 0 6px;letter-spacing:-.01em}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px}.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--ink);display:grid;place-items:center}.feature-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px}.feature-cards .stat{min-height:120px}.center-page{min-height:100vh;display:grid;place-items:center;padding:24px}.cmdk{width:min(640px,100%);background:var(--panel);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;align-self:start;margin-top:12vh}.cmdk input{width:100%;border:0;outline:none;padding:18px 20px;font-size:16px;border-bottom:1px solid var(--line);background:transparent}.cmdk-list{max-height:60vh;overflow-y:auto;padding:8px}.cmdk-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px}.cmdk-item.on,.cmdk-item:hover{background:var(--hover)}.cmdk-item .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-only{display:none}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}.pipeline{grid-template-columns:repeat(2,minmax(200px,1fr))}.side-panel{position:absolute;right:0;top:0;bottom:0;z-index:20;box-shadow:var(--shadow-lg)}}@media(max-width:820px){.app{grid-template-columns:1fr}.rail{display:none}.sidebar{position:fixed;inset:0 auto 0 0;width:290px;z-index:45;transform:translate(-100%);transition:transform .18s ease}.app.nav-open .sidebar{transform:none;box-shadow:var(--shadow-lg)}.mobile-only{display:inline-grid}.page{padding:24px 16px 60px}.display{font-size:38px}.hero-art{display:none}.auth{grid-template-columns:1fr}.auth-side{display:none}.course-layout,.grid2{grid-template-columns:1fr}.side-panel{width:100%}.msg{padding-left:14px;padding-right:14px}.composer-wrap{padding:0 12px 12px}.topbar{padding:0 12px}.doc-page{padding:24px 16px 80px}.trow .meta .hide-sm{display:none}}.card-body .grid2 .tile:before{display:none}.card-body .grid2{padding:4px 0}.co-hero{margin-bottom:0}.co-hero-main{display:flex;align-items:center;gap:20px;padding:24px;flex-wrap:wrap}.co-hero-main .co-logo{border-radius:18px;font-size:20px}.co-hero-stats{margin-left:auto;display:flex;gap:8px}.co-hero-stats>div{display:flex;flex-direction:column;align-items:flex-start;padding:10px 16px;border-radius:14px;background:var(--bg);border:1px solid var(--line);min-width:96px}.co-hero-stats .num{font-family:var(--mono);font-size:26px;line-height:1.1}.co-hero-stats .label{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}.co-hero-foot{height:auto;padding:10px 16px;gap:14px}.co-hero-foot .stage-steps{flex:1}.stage-step{color:var(--muted);transition:background .12s,color .12s}.stage-step:hover{color:var(--text);border-color:var(--line-strong)}.stage-step.on{font-weight:600}.stage-step.past{color:var(--text);background:var(--hover)}@media(max-width:820px){.co-hero-stats{margin-left:0;width:100%}.co-hero-stats>div{flex:1;min-width:0}}.table .dd{width:max-content;min-width:140px;margin-left:-8px}.table .dd-trigger{padding-left:8px}.card-foot .spacer{flex:1}.icon-btn.on{background:var(--active);color:var(--text)}.stat.plain,.mini-stat.plain{background:var(--panel);color:var(--text);border:1px solid var(--line)}.stat.plain .stat-icon,.stat.plain .label{color:var(--muted);opacity:1}.stat.hot{background:var(--ink);color:var(--ink-text);border:1px solid var(--ink)}.mini-stat.plain:hover{border-color:var(--line-strong)}.verify-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--sidebar);font-size:13.5px}.verify-banner .grow{flex:1;min-width:0}.auth-card .verify-banner{border:1px solid var(--line);border-radius:12px;margin-bottom:18px;flex-wrap:wrap}.msg-files{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:6px}.file-img{display:block;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;max-width:360px;background:var(--sidebar)}.file-img img{display:block;max-width:100%;max-height:280px;object-fit:contain}.file-card{display:flex;align-items:center;gap:10px;min-width:220px;max-width:340px;padding:8px 12px 8px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:inherit;text-decoration:none}.file-card:hover{border-color:var(--line-strong)}.file-card .grow{display:flex;flex-direction:column;min-width:0}.file-card b{font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-files{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 0}.file-chip{display:inline-flex;align-items:center;gap:6px;max-width:260px;padding:4px 4px 4px 8px;border:1px solid var(--line);border-radius:8px;font-size:12px;background:var(--sidebar)}.file-chip .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip.err{border-color:var(--danger)}.file-chip button{display:grid;place-items:center;width:18px;height:18px;border:0;border-radius:4px;background:none;color:var(--muted);cursor:pointer}.file-chip button:hover{background:var(--line);color:var(--text)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.creds{display:grid;gap:1px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--line)}.creds>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;background:var(--sidebar)}.creds b{font-weight:500;-webkit-user-select:all;user-select:all;word-break:break-all;text-align:right}.team-link{display:grid;gap:8px;padding:8px 16px 12px}.team-link .row{gap:8px}.team-link .input{flex:1;min-width:0}.google-btn{height:42px;justify-content:center;gap:10px;width:100%;background:var(--panel);border:1px solid var(--line-strong);color:var(--text);font-weight:500;text-decoration:none}.google-btn:hover{background:var(--hover)}.or-sep{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--faint);font-size:12px}.or-sep:before,.or-sep:after{content:"";flex:1;height:1px;background:var(--line)}
