.bros-ui a{color:inherit}.bros-ui :where(p){margin:1em 0}.bros-ui button,.bros-ui .button,.bros-ui input,.bros-ui select{font:inherit}.bros-ui :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bros-ui button,.bros-ui .button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:6px;border:.5px solid var(--border-strong, var(--line));background:var(--input, var(--surface));color:var(--ink);font-size:calc(13px + var(--text-boost, 1px));font-weight:530;line-height:1.3;font-variant-numeric:tabular-nums;text-decoration:none;cursor:pointer;white-space:nowrap}.bros-ui button:hover:not(:disabled),.bros-ui .button:hover{background-color:var(--input, var(--surface));background-image:linear-gradient(var(--hover, var(--surface-2)),var(--hover, var(--surface-2)))}.bros-ui button:disabled{opacity:.5;cursor:default}.bros-ui .primary,.bros-ui .primary:hover:not(:disabled){border-color:transparent;background:var(--contrast, var(--ink)) linear-gradient(180deg,rgb(255 255 255 / .16),transparent);color:var(--contrast-ink, var(--paper));box-shadow:inset 0 0 0 .5px #00000059,0 1px 1.5px #00000024}.bros-ui .primary:hover:not(:disabled){background-image:linear-gradient(light-dark(rgb(255 255 255 / .1),rgb(0 0 0 / .06)),light-dark(rgb(255 255 255 / .1),rgb(0 0 0 / .06))),linear-gradient(180deg,rgb(255 255 255 / .16),transparent)}.bros-ui .primary:disabled{opacity:1;border-color:var(--line);background:var(--surface-2);color:var(--faint, var(--muted));box-shadow:none}.bros-ui .danger{color:var(--bad)}.bros-ui .link{border:0;background:none;padding:4px 8px;color:var(--muted)}.bros-ui .link:hover:not(:disabled){background:none;color:var(--ink)}.bros-ui .muted{color:var(--muted);font-size:calc(13px + var(--text-boost, 1px))}.bros-ui .error{margin:0 0 16px;padding:10px 14px;border-radius:6px;color:var(--bad);background:color-mix(in oklch,var(--bad) 10%,transparent);font-size:calc(13px + var(--text-boost, 1px))}.bros-ui .section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:16px;margin-bottom:20px}.bros-ui .empty{padding:40px 16px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.bros-ui .list{list-style:none;margin:0;padding:0;background:var(--surface);border:.5px solid var(--line);border-radius:10px;overflow:hidden}.bros-ui .bot{display:flex;align-items:center;gap:16px;padding:16px 20px}.bros-ui .bot+.bot{border-top:.5px solid var(--line)}.bros-ui .bot.deleting{opacity:.55}.bros-ui .avatar{flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:530;font-size:calc(13px + var(--text-boost, 1px))}.bros-ui .avatar img{width:100%;height:100%;object-fit:cover}.bros-ui .details{flex:1;min-width:0;display:grid;gap:6px}.bros-ui .title{display:flex;align-items:center;gap:8px;min-width:0}.bros-ui .title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(14px + var(--text-boost, 1px));font-weight:530}.bros-ui .status{padding:1px 8px;border-radius:4px;font-size:calc(11px + var(--text-boost, 1px));font-weight:530;line-height:1.45;color:var(--muted);background:var(--surface-2)}.bros-ui .status.ready,.bros-ui .status.opencode-on{color:var(--good);background:color-mix(in oklch,var(--good) 14%,transparent)}.bros-ui .status.failed{color:var(--bad);background:color-mix(in oklch,var(--bad) 12%,transparent)}.bros-ui .meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;color:var(--muted);font-size:calc(12px + var(--text-boost, 1px))}.bros-ui .url{color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bros-ui .menu-button{flex:none;width:36px;height:36px;padding:0;border-color:transparent;background:none;color:var(--faint, var(--muted))}.bros-ui .menu-button svg{width:20px;height:20px;fill:currentColor}.bros-ui .menu-button:hover:not(:disabled),.bros-ui .menu-button[aria-expanded=true]{color:var(--ink)}.bros-ui .menu-button:hover:not(:disabled){background-color:transparent}.bros-ui .menu{position:fixed;inset:auto;margin:0;min-width:192px;padding:6px;border:0;border-radius:6px;background:var(--input, var(--surface));color:var(--ink);box-shadow:var(--elevation-floating, 0 0 0 1px var(--line), 0 12px 32px -8px var(--shadow))}.bros-ui .menu [role=menuitem]{display:flex;width:100%;justify-content:flex-start;padding:8px 12px;border:0;border-radius:4px;background:none;font-size:calc(13px + var(--text-boost, 1px));font-weight:440;text-decoration:none}.bros-ui .menu [role=menuitem]:hover:not(:disabled),.bros-ui .menu [role=menuitem]:focus-visible{background:var(--selection, var(--surface-2));outline:none}.bros-ui .menu hr{margin:6px 4px;border:0;border-top:.5px solid var(--line)}.bros-ui dialog{max-width:384px;border:0;border-radius:12px;padding:24px;background:var(--input, var(--surface));color:var(--ink);box-shadow:var(--elevation-overlay, 0 0 0 1px var(--line), 0 24px 48px -12px var(--shadow))}.bros-ui dialog::backdrop{background:var(--scrim, oklch(0% 0 0 / 35%))}.bros-ui dialog{width:calc(100% - 32px)}.bros-ui dialog h2{margin:0;font-size:calc(15px + var(--text-boost, 1px));font-weight:530;letter-spacing:-.13px;line-height:1.4}.bros-ui dialog label{display:block;margin:16px 0 6px;font-size:calc(12px + var(--text-boost, 1px));font-weight:530;color:var(--muted)}.bros-ui dialog input,.bros-ui dialog select{width:100%;padding:10px 14px;border-radius:6px;border:.5px solid var(--border-strong, var(--line));background:var(--paper);color:var(--ink);font-size:16px}.bros-ui dialog select{font-size:15px}.bros-ui dialog input:focus-visible,.bros-ui dialog select:focus-visible{outline:1px solid var(--accent);outline-offset:0}.bros-ui .saved{margin:0 0 16px;padding:10px 14px;border-radius:6px;color:var(--good);background:color-mix(in oklch,var(--good) 10%,transparent);font-size:calc(13px + var(--text-boost, 1px))}.bros-ui dialog .error{margin:12px 0 0}.bros-ui dialog.connect{max-width:544px}.bros-ui .detail{display:grid;gap:4px;margin-top:14px}.bros-ui .qr{display:block;width:176px;height:176px;margin-top:8px;border-radius:6px}.bros-ui .detail-label{font-size:calc(12px + var(--text-boost, 1px));font-weight:530;color:var(--muted)}.bros-ui .detail-value{display:flex;align-items:flex-start;gap:8px}.bros-ui .detail-value code{flex:1;min-width:0;padding:7.5px 9.5px;border-radius:6px;border:.5px solid var(--line);background:var(--surface-2);font:calc(12px + var(--text-boost, 1px))/1.4 ui-monospace,"SF Mono",Menlo,Consolas,monospace;overflow-wrap:anywhere}.bros-ui dialog p{line-height:1.5}.bros-ui .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.bros-ui .meta .tier{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.bros-ui .meta .tier:before{content:"";width:14px;height:14px;flex:none;background:var(--faint, currentColor);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Cpath d='M9 2v3M15 2v3M9 19v3M15 19v3M2 9h3M2 15h3M19 9h3M19 15h3'/%3E%3C/svg%3E") center / contain no-repeat}.bros-ui .meta .tier.changing{color:var(--accent)}.bros-ui .meta .tier.changing:before{background:currentColor}.bros-ui .meta .tier-failed{color:var(--bad)}.bros-ui dialog .tier-specs,.bros-ui dialog .hint{margin:8px 0 0;color:var(--muted);font-size:calc(12px + var(--text-boost, 1px));line-height:1.4}.bros-ui dialog .tier-specs+.hint{margin-top:2px}.bros-ui dialog.tier-dialog{max-width:448px}.bros-ui .tier-note{margin-top:16px;padding:10px 14px;border-radius:6px;background:var(--accent-soft);color:var(--ink);font-size:calc(13px + var(--text-boost, 1px))}.bros-ui .tier-note p{margin:0;line-height:1.45}.bros-ui .tier-note p+p{margin-top:6px;color:var(--muted)}