.apollo{--canvas:#f0f0f1;--ink:#1d2327;--surface:#fff;--border:#dcdcde;--muted:#646970;--accent:#2271b1;--accent-soft:#e5eff8;--bar:#dbe8f4;--up:#008a20;--down:#d63638;--down-soft:#fbe9e9;color:var(--ink)}.apollo .card{border:1px solid var(--border);background:var(--surface);border-radius:.75rem}.apollo .input{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.apollo .input:focus{border-color:var(--accent)}.apollo .w-auto.input{width:auto}.apollo .btn-primary{background:var(--accent);color:#fff;cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem}.apollo .btn-primary:hover{opacity:.9}.apollo .btn-primary:disabled{opacity:.5;cursor:default}.apollo .btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;display:inline-block}.apollo .btn:hover{background:var(--accent-soft)}.apollo button{cursor:pointer}.apollo code{font-size:.85em}.apollo pre code{font-size:inherit}.apollo .text-ink{color:var(--ink)}.apollo .text-muted{color:var(--muted)}.apollo .text-accent{color:var(--accent)}.apollo .text-up{color:var(--up)}.apollo .text-down{color:var(--down)}.apollo .hover\:text-ink:hover{color:var(--ink)}.apollo .hover\:text-down:hover{color:var(--down)}.apollo .bg-canvas{background-color:var(--canvas)}.apollo .bg-surface{background-color:var(--surface)}.apollo .bg-accent{background-color:var(--accent)}.apollo .bg-accent-soft{background-color:var(--accent-soft)}.apollo .bg-bar{background-color:var(--bar)}.apollo .bg-up{background-color:var(--up)}.apollo .bg-down{background-color:var(--down)}.apollo .bg-down-soft{background-color:var(--down-soft)}.apollo .bg-muted{background-color:var(--muted)}.apollo .hover\:bg-accent-soft\/40:hover{background-color:color-mix(in srgb, var(--accent-soft) 40%, transparent)}.apollo .border-border{border-color:var(--border)}.apollo .border-accent{border-color:var(--accent)}.apollo .border-down\/40{border-color:color-mix(in srgb, var(--down) 40%, transparent)}.apollo .divide-border>:not(:last-child){border-color:var(--border)}