.bar-dock{left:0;right:0;bottom:calc(16px + var(--kb,0px) + env(safe-area-inset-bottom,0px));z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.bar-dock>*{pointer-events:auto}.bar-cap{text-align:center;max-width:calc(100vw - 24px);font-size:var(--text-ui);color:var(--fg-2);background:color-mix(in oklab, var(--card) 84%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);box-shadow:inset 0 0 0 1px var(--line-2), 0 8px 20px -12px #0b0b0d4d;overflow-wrap:anywhere;border-radius:999px;margin:0;padding:6px 14px}.bar-cap:empty{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;box-shadow:none;border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.bar{background:color-mix(in oklab, var(--card) 84%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);width:max-content;max-width:calc(100vw - 24px);box-shadow:inset 0 0 0 1px var(--line-2), 0 18px 40px -16px #0b0b0d4d, 0 2px 6px #0b0b0d12;animation:in .5s var(--ease) both;border-radius:999px;margin:0 auto;padding:6px;position:relative;overflow:hidden}.bar:focus{outline:0}.bar-main{align-items:center;gap:6px;display:flex}.bar-main>*{flex:none}.bar .btn{height:34px;font-size:var(--text-ui);padding:0 15px}.b-add{width:34px;height:34px;color:var(--fg-2);background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.b-add:hover{background:var(--bg-2);color:var(--fg)}.b-add svg{width:15px;height:15px}.to{cursor:text;border-radius:999px;align-items:center;gap:8px;min-width:0;height:34px;padding:0 12px;transition:background .2s;display:flex;flex:0 auto!important}.to:hover,.to:focus-within{background:var(--chip-on)}.to:focus-within{box-shadow:inset 0 0 0 2px var(--fg)}.to-l{font-size:var(--text-ui);color:var(--muted);white-space:nowrap}.to input{font:inherit;color:var(--fg);background:0 0;border:0;outline:0;flex:auto;width:220px;min-width:70px;padding:0;font-size:16px}.to input:focus-visible{outline:0}.to input.code{letter-spacing:.22em;font-variant-numeric:tabular-nums;width:9ch;min-width:9ch}.b-send>span{text-overflow:ellipsis;max-width:240px;display:block;overflow:hidden}.in-actions{align-items:center;gap:6px;display:flex}.in-actions>*{flex:none}.prog-line{opacity:0;background:linear-gradient(90deg, var(--accent), var(--accent-2));pointer-events:none;width:0;height:2px;transition:width .3s linear,opacity .5s;position:absolute;top:0;left:0}.prog-line.on{opacity:1}.prog-line.undo{background:var(--fg-2);transition:width .25s linear,opacity .3s}@media (prefers-reduced-motion:reduce){.prog-line{transition:opacity .3s}.prog-line.undo{display:none}}.to.bad{box-shadow:inset 0 0 0 1.5px var(--warn)}.chips{flex:0 auto;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.rc{background:var(--chip-on);height:24px;font-size:var(--text-sm);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:2px;max-width:190px;padding:0 3px 0 10px;display:inline-flex}.rc .rt{text-overflow:ellipsis;overflow:hidden}.rc button{width:20px;height:20px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.rc button:hover{background:var(--bg-3);color:var(--fg)}.rc button svg{width:11px;height:11px}.chips+input{width:130px}.upl{font-size:var(--text-xs);color:var(--warn);white-space:nowrap;padding:0 6px}.b-send{white-space:nowrap}.b-send.queued{background:var(--chip-on);color:var(--fg);align-items:center;gap:6px;display:inline-flex}.b-send.queued svg{width:12px;height:12px}.bar-sent{align-items:center;gap:6px;display:flex}.bar-sent>*{flex:none}.live-dot{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 4px var(--ok-bg);border-radius:50%;margin-left:12px}.live-dot.off{background:var(--faint);box-shadow:0 0 0 4px var(--chip-on)}.sent-t{font-size:var(--text-ui);overflow-wrap:anywhere;padding:0 8px 0 2px;flex:0 auto!important}.sent-t b{font-weight:500}.bar .b-more{width:34px;height:34px;box-shadow:none;background:0 0}.bar .b-more:hover{background:var(--chip-on)}.bar kbd{font-family:var(--font-mono);background:var(--bg-2);box-shadow:inset 0 -1px 0 var(--line-2), inset 0 0 0 1px var(--line);border-radius:5px;padding:1px 6px;font-size:10.5px}.bar .btn-solid kbd{color:#fff;box-shadow:none;background:#fff2}@media (pointer:coarse),(hover:none){.bar kbd{display:none}}.bar-url{-webkit-user-select:all;user-select:all;font-family:var(--font-mono);font-size:var(--text-xs)}.bar-cap.warn{color:var(--warn)}.bar-cap a{color:inherit;font-weight:500}.hint{background:var(--card);max-width:calc(100vw - 24px);box-shadow:inset 0 0 0 1px var(--line-2), 0 18px 40px -18px #0b0b0d4d;font-size:var(--text-sm);animation:in .35s var(--ease) both;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:6px 8px 6px 16px;display:flex}.hint-t b{font-weight:500}.hint .hint-x{width:26px;height:26px;box-shadow:none;background:0 0}.sugl{z-index:45;background:var(--card);width:min(320px,100vw - 24px);box-shadow:inset 0 0 0 1px var(--line-2), 0 24px 48px -18px #0b0b0d55;border-radius:14px;padding:4px;position:fixed}.sugl[hidden]{display:none}.sugl [role=option]{font-size:var(--text-ui);cursor:pointer;border-radius:10px;grid-template-columns:28px 1fr;align-items:center;gap:10px;min-width:0;padding:7px 8px;display:grid}.sugl [role=option]>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sugl .on,.sugl [role=option]:hover{background:var(--chip-on)}.sugl b{font-weight:500}.sugl .avatar{width:28px;height:28px;font-size:10.5px}.sugl small{color:var(--muted);font-size:var(--text-xs)}.pop.bar-pop{position:fixed;top:auto;right:auto}@media (width<=520px){.bar:not(.sent){border-radius:26px;width:calc(100vw - 24px)}.bar.sent{border-radius:24px;padding:8px}.bar-sent{flex-wrap:wrap;justify-content:center;row-gap:6px}.bar-sent .sent-t{text-align:center;padding:4px 8px 0;flex-basis:100%!important}.bar-sent .live-dot{display:none}.chips+input{width:100%}.b-send>span{max-width:40vw}.bar-main{grid-template-columns:auto 1fr auto;grid-template-areas:"to to to""add send more";gap:6px;display:grid}.bar-main>.b-more{grid-area:more}.bar-main>.to{grid-area:to;padding:0 12px}.to input{width:100%}.b-add{grid-area:add}.bar .b-send,.bar .in-actions{grid-area:send;justify-self:end}.to input.code{width:100%}}@media (pointer:coarse){.b-add,.to,.bar .btn,.bar .b-more,.sugl [role=option]{min-height:44px}.b-add,.bar .b-more{width:44px}.rc button{width:32px;height:32px}}