.au-rec{justify-content:flex-end;align-items:center;gap:var(--d-s2);box-sizing:border-box;width:var(--d-h-sm);height:var(--d-h-sm);border:1px solid var(--d-rule);border-radius:var(--d-r-pill);background:var(--d-paper);color:var(--d-ink);flex:none;transition:width .38s cubic-bezier(.3,1.25,.5,1);display:flex;overflow:hidden}.au-rec .d-button[data-round]{width:calc(var(--d-h-sm) - 2px);height:calc(var(--d-h-sm) - 2px);flex:none}.au-rec[data-phase=idle] .d-button,.au-rec[data-phase=fault] .d-button{color:var(--d-red)}.au-rec[data-phase=saving] .d-button{color:var(--d-grey)}.au-rec[data-phase=saved] .d-button{color:var(--d-green);animation:.3s cubic-bezier(.3,1.6,.5,1) both au-rec-pop}.au-rec[data-open]{width:300px;padding-left:var(--d-s3)}.au-rec[data-open]>*{animation:.26s cubic-bezier(.3,1.6,.5,1) .12s both au-rec-pop}.au-rec-yea .d-button{color:var(--d-green)}.au-rec-edge{z-index:30;border:3px solid color-mix(in srgb, var(--d-red) 60%, transparent);pointer-events:none;position:fixed;inset:0}@keyframes au-rec-pop{0%{opacity:0;transform:scale(.3)}}.au-rec-dot{border-radius:var(--d-r-circle);background:var(--d-red);width:10px;height:10px;box-shadow:0 0 0 3px var(--d-red-bg);flex:none;animation:1.4s ease-in-out infinite au-rec-beat}.au-rec[data-open]>.au-rec-dot{animation:.26s cubic-bezier(.3,1.6,.5,1) both au-rec-pop,1.4s ease-in-out .26s infinite au-rec-beat}.au-rec-dot[data-still]{background:var(--d-grey);box-shadow:none}.au-rec[data-open]>.au-rec-dot[data-still]{animation:.26s cubic-bezier(.3,1.6,.5,1) both au-rec-pop}@keyframes au-rec-beat{50%{opacity:.35}}.au-rec-clock{font:var(--d-label);font-variant-numeric:tabular-nums;flex:none;font-weight:600}.au-rec-wave{min-width:0;height:18px;color:var(--d-red);flex:auto}.au-rec-said{min-width:0;color:var(--d-grey);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.au-rec .d-pill{flex:none}.au-rec-note{align-items:center;gap:var(--d-s2);padding:var(--d-s1) var(--d-s2);border-radius:var(--d-r-xs);background:var(--d-ink);box-shadow:var(--d-lift);color:var(--d-paper);font:var(--d-label);white-space:nowrap;max-width:300px;display:flex}.au-rec-note>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.au-rec-note .au-rec-dot{box-shadow:none}.au-rec-note b{font-weight:600}.au-rec-fault .d-failure{width:400px;max-width:calc(100vw - 2 * var(--d-s5));box-shadow:var(--d-lift)}@media (prefers-reduced-motion:reduce){.au-rec,.au-rec>*,.au-rec-dot{transition:none;animation:none}}