.orb{--orb-size:120px;--orb-a:#22c55e;--orb-b:#4ade80;--orb-amp:0;--orb-breath:6s;--orb-drift:14s;width:var(--orb-size);height:var(--orb-size);isolation:isolate;flex:none;place-items:center;display:grid;position:relative}.orb-halo{background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--orb-a) 42%, transparent) 0%, color-mix(in oklab, var(--orb-a) 14%, transparent) 45%, transparent 70%);opacity:calc(.45 + var(--orb-amp) * .55);transform:scale(calc(1 + var(--orb-amp) * .14));will-change:transform, opacity;border-radius:50%;transition:opacity .12s linear,transform .12s linear;position:absolute;inset:-18%}.orb-core{background:radial-gradient(circle at 32% 28%, color-mix(in oklab, var(--orb-b) 92%, white 8%) 0%, var(--orb-a) 58%, color-mix(in oklab, var(--orb-a) 72%, black 28%) 100%);width:100%;height:100%;transform:scale(calc(1 + var(--orb-amp) * .09));animation:orb-breathe var(--orb-breath) ease-in-out infinite;will-change:transform;border-radius:50%;transition:transform .11s cubic-bezier(.2,.7,.3,1);position:relative;overflow:hidden}.orb-blob{width:82%;height:82%;filter:blur(calc(var(--orb-size) * .085));will-change:transform;border-radius:50%;position:absolute}.orb-blob--a{background:color-mix(in oklab, var(--orb-b) 62%, white 38%);opacity:.9;mix-blend-mode:screen;animation:orb-drift-a var(--orb-drift) linear infinite;top:-2%;left:-10%}.orb-blob--b{background:color-mix(in oklab, var(--orb-a) 55%, #061012 45%);opacity:.85;mix-blend-mode:multiply;animation:orb-drift-b calc(var(--orb-drift) * 1.37) linear infinite reverse;top:26%;right:-16%}.orb-blob--c{background:color-mix(in oklab, var(--orb-b) 78%, white 22%);opacity:.6;mix-blend-mode:screen;animation:orb-drift-c calc(var(--orb-drift) * .83) linear infinite;bottom:-18%;left:14%}.orb-core:after{content:"";box-shadow:inset 0 calc(var(--orb-size) * -.06) calc(var(--orb-size) * .12) color-mix(in oklab, var(--orb-a) 55%, black 45%), inset 0 0 0 1px #ffffff1f;pointer-events:none;border-radius:50%;position:absolute;inset:0}.orb-sheen{width:42%;height:32%;filter:blur(calc(var(--orb-size) * .03));pointer-events:none;background:radial-gradient(circle at 40% 40%,#ffffff8c,#0000 68%);border-radius:50%;position:absolute;top:12%;left:18%}.orb-ring{border:1.5px solid color-mix(in oklab, var(--orb-a) 55%, transparent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.orb[data-state=idle]{--orb-breath:6s;--orb-drift:16s}.orb[data-state=listening]{--orb-breath:3.4s;--orb-drift:11s}.orb[data-state=listening] .orb-core{transform:scale(.94)}.orb[data-state=listening] .orb-halo{animation:3.4s ease-in-out infinite orb-listen}.orb[data-state=thinking]{--orb-breath:1.5s;--orb-drift:4.5s}.orb[data-state=thinking] .orb-core{animation:orb-breathe var(--orb-breath) ease-in-out infinite, orb-think 2.2s ease-in-out infinite}.orb[data-state=speaking]{--orb-breath:2.6s;--orb-drift:8s}.orb[data-state=speaking] .orb-ring{animation:2.4s ease-out infinite orb-ripple}.orb[data-state=speaking] .orb-ring:nth-of-type(2){animation-delay:1.2s}.orb[data-state=ended] .orb-core{filter:saturate(.15);opacity:.55;animation:none;transform:scale(.82)}.orb[data-state=ended] .orb-halo{opacity:0}@keyframes orb-breathe{0%,to{transform:scale(calc(1 + var(--orb-amp) * .09))}50%{transform:scale(calc(1.035 + var(--orb-amp) * .09))}}@keyframes orb-listen{0%,to{opacity:.4;transform:scale(.96)}50%{opacity:.7;transform:scale(1.02)}}@keyframes orb-think{0%,to{transform:scale(.97)translate(0)}25%{transform:scale(1)translate(1.5%)}75%{transform:scale(1)translate(-1.5%)}}@keyframes orb-ripple{0%{opacity:.5;transform:scale(1)}80%{opacity:0;transform:scale(1.55)}to{opacity:0;transform:scale(1.55)}}@keyframes orb-drift-a{0%{transform:translate(0)rotate(0)}to{transform:translate(14%,10%)rotate(360deg)}}@keyframes orb-drift-b{0%{transform:translate(0)rotate(0)}to{transform:translate(-12%,14%)rotate(360deg)}}@keyframes orb-drift-c{0%{transform:translate(0)rotate(0)}to{transform:translate(10%,-16%)rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.orb-core,.orb-blob,.orb-halo,.orb-ring{animation:none!important}.orb-core,.orb-halo{transition:none}.orb[data-state=speaking] .orb-halo{opacity:.85}}
.flag{--flag-size:24px;--flag-ring:#0000001a;--flag-shadow:0 1px 2px #0000000f;--flag-blank:#f1f1f1;width:var(--flag-size);height:var(--flag-size);box-shadow:inset 0 0 0 1px var(--flag-ring), var(--flag-shadow);background:var(--flag-blank);vertical-align:middle;border-radius:50%;flex:none;display:inline-block;position:relative;overflow:hidden}.flag svg,.flag img{width:100%;height:100%;display:block;position:absolute;inset:0}.flag img{object-fit:cover}.flag--rect{border-radius:calc(var(--flag-size) * .14);height:calc(var(--flag-size) * .68)}.flag--code{background:var(--flag-code-bg,#ececec);color:var(--flag-code-fg,#5c5c5c);font-size:calc(var(--flag-size) * .4);letter-spacing:.02em;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.flag-stack{align-items:center;display:inline-flex}.flag-stack .flag{margin-left:calc(var(--flag-size) * -.3);box-shadow:inset 0 0 0 1px var(--flag-ring), 0 0 0 2px var(--flag-stack-bg,#fff)}.flag-stack .flag:first-child{margin-left:0}
.ig-logo{--logo-size:40px;--logo-brand:#6b6b6b;width:var(--logo-size);height:var(--logo-size);border-radius:calc(var(--logo-size) * .28);background:color-mix(in oklab, var(--logo-brand) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--logo-brand) 20%, transparent);vertical-align:middle;flex:none;justify-content:center;align-items:center;display:inline-flex}.ig-logo svg{width:calc(var(--logo-size) * .52);height:calc(var(--logo-size) * .52);display:block}.ig-logo svg path{fill:var(--logo-brand)}.ig-logo--mono>span{font-size:calc(var(--logo-size) * .34);letter-spacing:-.02em;color:var(--logo-brand);font-weight:650;line-height:1}.ig-logo[data-surface=dark]{background:color-mix(in oklab, var(--logo-brand) 22%, transparent);box-shadow:inset 0 0 0 1px #ffffff24;box-shadow:inset 0 0 0 1px lab(100% -.0000298023 .0000119209/.14)}.ig-logo[data-surface=dark] svg path,.ig-logo[data-surface=dark].ig-logo--mono>span{fill:color-mix(in oklab, var(--logo-brand) 60%, white);color:color-mix(in oklab, var(--logo-brand) 60%, white)}
