.app{--canvas:#f4f5f9;--logo-knock:var(--canvas);--card:0 1px 2px #141a3a0a, 0 10px 28px -14px #141a3a29;--sb-open:272px;--sb-closed:76px;background:var(--canvas);height:100dvh;color:var(--ink);font-family:var(--font-body);font-size:.9375rem;line-height:1.5;display:flex;position:relative;overflow:hidden}.app[data-embedded=true]{border-radius:28px;height:100%}.sb{width:var(--sb-open);z-index:20;flex-direction:column;flex:none;gap:6px;padding:12px;transition:width .28s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.app[data-collapsed=true] .sb{width:var(--sb-closed);padding-inline:10px}.sb-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;margin:2px -4px 0;padding:0 4px 8px;overflow:hidden auto}.sb-scroll::-webkit-scrollbar{display:none}.sb-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sb-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;transition:opacity .16s;overflow:hidden}.app[data-collapsed=true] .sb-label,.app[data-collapsed=true] .sb-hide,.app[data-collapsed=true] .sb-hide-block{display:none}.sb-top{align-items:center;gap:8px;height:44px;padding:0 4px 0 8px;display:flex}.sb-word{flex:none;width:auto;height:26px}.sb-mark{width:30px;height:30px;display:none}.app[data-collapsed=true] .sb-mark{display:block}.sb-toggle{width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;margin-left:auto;transition:background-color .16s,color .16s,box-shadow .2s;display:grid}.sb-toggle svg{width:20px;height:20px}.sb-toggle:hover{color:var(--ink);background:#fff;box-shadow:0 6px 16px -10px #141a3a59}.app[data-collapsed=true] .sb-top{flex-direction:column;gap:10px;height:auto;padding:6px 0 4px}.app[data-collapsed=true] .sb-toggle{margin-left:0}.ws-switch{width:100%;height:56px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#ffffffa6;border:0;border-radius:16px;align-items:center;gap:10px;padding:0 12px 0 10px;transition:background-color .16s,box-shadow .22s;display:flex;box-shadow:0 1px 2px #141a3a0a}.ws-switch:hover,.ws-switch[data-hovered=true],.ws-switch[data-pressed=true]{background:#fff;box-shadow:0 10px 24px -14px #141a3a66}.app[data-collapsed=true] .ws-switch{justify-content:center;height:52px;padding:0}.sb-new{background:var(--ink);color:#fff;width:100%;height:44px;font:inherit;cursor:pointer;--duo-line:#fff;--duo-fill:#ffffff47;border:0;border-radius:14px;align-items:center;gap:10px;padding:0 10px 0 14px;font-weight:600;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .22s;display:flex;box-shadow:0 10px 22px -12px #141a3aa6}.sb-new:hover{transform:translateY(-1px);box-shadow:0 16px 28px -12px #141a3ab3}.sb-new:active{transform:translateY(1px)}.app[data-collapsed=true] .sb-new{justify-content:center;padding:0}.sb-section{letter-spacing:.01em;color:var(--ink-soft);white-space:nowrap;margin:18px 10px 6px;font-size:.76rem;font-weight:600}.app[data-collapsed=true] .sb-section{background:#141a3a1a;border-radius:2px;width:20px;height:2px;margin:14px auto 8px;font-size:0}.app[data-collapsed=true] .sb-section>*{display:none}.sb-mini{width:26px;height:26px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.sb-mini:hover{color:var(--ink);background:#fff;box-shadow:0 4px 12px -6px #141a3a59}.nav-well svg,.sb-new svg,.sb-toggle svg,.icon-btn svg,.duo-tint{color:var(--duo-line,currentColor)}.nav-well svg path[opacity],.sb-new svg path[opacity],.sb-toggle svg path[opacity],.icon-btn svg path[opacity],.duo-tint path[opacity]{fill:var(--duo-fill,currentColor);opacity:var(--duo-fill-opacity,.2)}.duo-tint{--duo-line:var(--tint);--duo-fill:color-mix(in oklab, var(--tint) 35%, white);--duo-fill-opacity:1}.app :is(button,a,[role=button]){touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav-item{--duo-line:var(--ink-soft);--duo-fill:#141a3a29;--duo-fill-opacity:1;width:100%;min-height:44px;color:var(--ink-soft);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:0 10px 0 6px;font-size:.92rem;font-weight:500;text-decoration:none;transition:background-color .16s,box-shadow .22s,color .16s;display:flex;position:relative}.nav-well{border-radius:10px;flex:none;place-items:center;width:32px;height:32px;transition:background-color .16s,box-shadow .2s,transform .2s cubic-bezier(.2,.8,.2,1);display:grid}.nav-well svg{width:20px;height:20px;transition:color .16s}.nav-item:hover{color:var(--ink);--duo-line:var(--ink);background:#ffffffb3}.nav-item:hover .nav-well{background:#fff;box-shadow:0 4px 10px -6px #141a3a59}.nav-item:active .nav-well{transform:scale(.94)}.nav-item[aria-current=page]{color:var(--ink);--duo-line:var(--tint);--duo-fill:color-mix(in oklab, var(--tint) 32%, white);background:#fff;font-weight:600;box-shadow:0 1px 2px #141a3a0d,0 10px 24px -14px #141a3a59}.nav-item[aria-current=page] .nav-well{background:color-mix(in oklab, var(--tint) 12%, white);box-shadow:none}.nav-item:focus-visible,.sb-new:focus-visible,.sb-toggle:focus-visible,.ws-switch:focus-visible,.ws-switch[data-focus-visible=true],.sb-mini:focus-visible{outline:3px solid var(--done);outline-offset:2px}.nav-chat{--duo-line:var(--tint);--duo-fill:color-mix(in oklab, var(--tint) 30%, white);min-height:40px}.nav-chat .nav-well{background:color-mix(in oklab, var(--tint) 9%, transparent);border-radius:9px;width:28px;height:28px}.nav-chat .nav-well svg{width:17px;height:17px}.nav-chat:hover .nav-well{background:color-mix(in oklab, var(--tint) 14%, white)}.nav-count{min-width:22px;height:20px;color:var(--ink);font-variant-numeric:tabular-nums;background:#141a3a0f;border-radius:999px;place-items:center;margin-left:auto;padding:0 7px;font-size:.72rem;font-weight:650;display:grid}.nav-item[aria-current=page] .nav-count{background:var(--ink);color:#fff}.nav-count-tint{background:color-mix(in oklab, var(--tint) 14%, white)}.app[data-collapsed=true] .nav-item{justify-content:center;gap:0;padding:0}.app[data-collapsed=true] .nav-count{background:var(--want);width:9px;min-width:9px;height:9px;box-shadow:0 0 0 2px var(--canvas);padding:0;font-size:0;position:absolute;top:6px;right:8px}.kind-well{background:color-mix(in oklab, var(--tint) 10%, white);color:var(--tint);border-radius:11px;flex:none;place-items:center;display:grid}.kind-well svg{width:56%;height:56%}.kind-well svg path[opacity]{fill:color-mix(in oklab, var(--tint) 35%, white);opacity:1}.sb-foot{flex-direction:column;gap:6px;padding-top:8px;display:flex}.sb-card{background:#ffffffa6;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.sb-me{--duo-line:var(--ink-soft);min-height:52px}.sb-me .nav-well{width:34px;height:34px;box-shadow:none!important;background:0 0!important}.sheet{background:#fff;border-radius:22px;flex-direction:column;flex:1;min-width:0;margin:8px 8px 8px 0;display:flex;overflow:hidden;box-shadow:0 1px 2px #141a3a0a,0 18px 48px -24px #141a3a38}.sheet-head{flex:none;align-items:center;gap:12px;height:64px;padding:0 24px;display:flex}.sheet-body{overscroll-behavior:contain;flex:1;min-height:0;padding:8px 24px 40px;overflow-y:auto}@media (width>=900px){.sheet-body{padding:8px 40px 48px}.sheet-head{padding:0 40px}}.page-title{text-wrap:balance;font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.85rem;font-weight:650;line-height:1.1}.tile{box-shadow:var(--card);background:#fff;border-radius:18px}.tile-rise{cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .24s}.tile-rise:hover{box-shadow:var(--lift);transform:translateY(-3px)}.tile-rise:focus-visible{outline:3px solid var(--done);outline-offset:3px}.icon-btn{width:40px;height:40px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;transition:background-color .16s,box-shadow .2s,transform .16s;display:grid;position:relative}.icon-btn:hover{color:var(--ink);box-shadow:var(--lift);background:#fff;transform:translateY(-1px)}.icon-btn:focus-visible{outline:3px solid var(--done);outline-offset:2px}.icon-btn svg{width:19px;height:19px}.status{white-space:nowrap;height:24px;color:var(--ink);background:#141a3a0d;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.78rem;font-weight:600;display:inline-flex}.composer{box-shadow:var(--rest);background:#fff;border-radius:20px;align-items:center;gap:10px;padding:8px 8px 8px 18px;transition:box-shadow .24s,transform .2s;display:flex}.composer:focus-within{box-shadow:var(--lift), 0 0 0 3px color-mix(in oklab, var(--want) 20%, transparent);transform:translateY(-1px)}.composer input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:1rem}.composer input::placeholder{color:color-mix(in oklab, var(--ink-soft) 80%, transparent)}.suggest{height:34px;color:var(--ink);font:inherit;cursor:pointer;background:#141a3a0a;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;font-weight:500;transition:background-color .16s,box-shadow .2s,transform .16s;display:inline-flex}.suggest:hover{box-shadow:var(--lift);background:#fff;transform:translateY(-2px)}.suggest:focus-visible{outline:3px solid var(--done);outline-offset:2px}.suggest[aria-pressed=true]{background:var(--ink);color:#fff}.msg{border-radius:18px;max-width:min(560px,85%);padding:10px 14px;line-height:1.5}.msg-me{background:var(--want);color:#fff;border-bottom-right-radius:6px;margin-left:auto}.msg-ai{background:#f6f7fa;border-bottom-left-radius:6px}.msg-them{box-shadow:var(--card);background:#fff;border-bottom-left-radius:6px}@keyframes typing{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.typing span{background:var(--ink-soft);border-radius:999px;width:6px;height:6px;margin-right:4px;animation:1s infinite typing;display:inline-block}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.mini-bar{background:#141a3a0f;border-radius:999px;height:6px;overflow:hidden}.mini-bar>span{border-radius:999px;height:100%;display:block}.app[data-drawer=true] .sb{overscroll-behavior:contain;background:var(--canvas);width:min(300px,86%);transition:transform .28s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0;transform:translate(-102%);box-shadow:0 0 60px -10px #141a3a66}.app[data-drawer=true][data-open=true] .sb{transform:none}.app[data-drawer=true] .sheet{border-radius:0;margin:0}.app[data-drawer=true][data-embedded=true] .sheet{border-radius:28px}.scrim{z-index:15;background:#141a3a4d;border:0;position:absolute;inset:0}.tl-chip,.tl-lane{background:color-mix(in oklab, var(--tint) 9%, white);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:.84rem;display:inline-flex}.tl-lane{background:color-mix(in oklab, var(--done) 16%, white);height:26px;padding:0 10px;font-size:.76rem;font-weight:600;position:absolute}.tl-lane .duo-tint{--tint:var(--ink)}.tl-hit{cursor:help;background:0 0;border-radius:999px;width:36px;height:36px}.tl-hit:focus-visible{outline:3px solid var(--done);outline-offset:2px}
