.oz-mark{--tile-l:.5;--tile-c:.1;width:var(--s);height:var(--s);isolation:isolate;border-radius:28%;flex:none;place-items:center;display:inline-grid;position:relative}.oz-mark-tile{border-radius:inherit;color:#fff;background:linear-gradient(160deg, oklch(calc(var(--tile-l) + .08) var(--tile-c) var(--h)) 0%, oklch(var(--tile-l) var(--tile-c) var(--h)) 55%, oklch(calc(var(--tile-l) - .06) calc(var(--tile-c) + .01) var(--h)) 100%);width:100%;height:100%;box-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 0 #0000001f, 0 1px 2px hsl(var(--shadow-color) / .18), 0 calc(var(--s) * .06) calc(var(--s) * .16) hsl(var(--shadow-color) / .12);transition:filter .4s var(--ease-out,ease), opacity .4s var(--ease-out,ease);place-items:center;display:grid;position:relative;overflow:hidden}.oz-mark-glyph{filter:drop-shadow(0 1px .5px #0000002e);transform-origin:50% 55%;place-items:center;display:grid}.oz-mark-sheen{opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff47 50%,#0000 65%);position:absolute;inset:-20%;transform:translate(-70%)}.oz-mark-ring{inset:calc(var(--s) * -.09);opacity:0;pointer-events:none;background:conic-gradient(from 0deg, transparent 0 62%, oklch(.68 .13 var(--h)) 82%, oklch(.8 .1 var(--h)) 92%, transparent 100%);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - max(2px, var(--s) * .05)), #000 calc(100% - max(2px, var(--s) * .05) + .5px));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - max(2px, var(--s) * .05)), #000 calc(100% - max(2px, var(--s) * .05) + .5px));mask:radial-gradient(farthest-side, transparent calc(100% - max(2px, var(--s) * .05)), #000 calc(100% - max(2px, var(--s) * .05) + .5px));border-radius:32%;transition:opacity .3s;position:absolute}.oz-mark-badge{right:calc(var(--s) * -.06);top:calc(var(--s) * -.06);width:max(8px, calc(var(--s) * .26));height:max(8px, calc(var(--s) * .26));border:max(1.5px, calc(var(--s) * .04)) solid var(--bg);background:var(--warning);border-radius:999px;position:absolute}.oz-mark[data-state=working] .oz-mark-ring,.oz-mark[data-state=thinking] .oz-mark-ring{opacity:1;animation:1.6s linear infinite oz-spin}.oz-mark[data-state=thinking] .oz-mark-ring{opacity:.7;animation-duration:2.8s}.oz-mark[data-state=working] .oz-mark-sheen{animation:2.2s ease-in-out infinite oz-sheen}.oz-mark[data-state=working] .oz-mark-glyph{animation:1.8s ease-in-out infinite oz-work}.oz-mark[data-state=thinking] .oz-mark-glyph{animation:2.4s ease-in-out infinite oz-think}.oz-mark[data-state=listening] .oz-mark-tile,.oz-mark[data-state=speaking] .oz-mark-tile{animation:1.1s ease-in-out infinite oz-voice}.oz-mark[data-state=working][data-icon=mail] .oz-mark-glyph{animation-name:oz-send}.oz-mark[data-state=working][data-icon=calendar] .oz-mark-glyph,.oz-mark[data-state=working][data-icon=project] .oz-mark-glyph,.oz-mark[data-state=working][data-icon=contract] .oz-mark-glyph,.oz-mark[data-state=working][data-icon=invoice] .oz-mark-glyph{animation-name:oz-flip}.oz-mark[data-state=working][data-icon=chart] .oz-mark-glyph,.oz-mark[data-state=working][data-icon=finance] .oz-mark-glyph,.oz-mark[data-state=working][data-icon=data] .oz-mark-glyph{animation-name:oz-rise}.oz-mark[data-state=working][data-icon=research] .oz-mark-glyph{animation-name:oz-scan}.oz-mark[data-state=working][data-icon=writing] .oz-mark-glyph{animation-name:oz-write}.oz-mark[data-state=working][data-icon=travel] .oz-mark-glyph,.oz-mark[data-state=working][data-icon=translate] .oz-mark-glyph{animation-name:oz-drift}.oz-mark[data-state=working][data-icon=support] .oz-mark-glyph,.oz-mark[data-state=working][data-icon=phone] .oz-mark-glyph,.oz-mark[data-state=working][data-icon=marketing] .oz-mark-glyph{animation-name:oz-ring}.oz-mark[data-state=waiting] .oz-mark-ring{opacity:1;box-shadow:0 0 0 max(2px, calc(var(--s) * .05)) var(--warning);background:0 0;animation:1.8s ease-in-out infinite oz-attention;-webkit-mask:none;mask:none}.oz-mark[data-state=error] .oz-mark-badge{background:var(--danger)}.oz-mark[data-state=done] .oz-mark-badge{background:var(--success);animation:oz-pop 1.4s var(--ease-out,ease) both}.oz-mark[data-from=working][data-state=idle] .oz-mark-tile,.oz-mark[data-from=thinking][data-state=idle] .oz-mark-tile{animation:oz-settle .52s var(--ease-out,ease)}.oz-mark[data-state=offline] .oz-mark-tile{filter:grayscale()brightness(1.08);opacity:.55}.oz-mark[data-size=xs] .oz-mark-glyph,.oz-mark[data-size=xs] .oz-mark-sheen{animation:none!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .oz-mark{--tile-l:.56}}:root[data-theme=dark] .oz-mark{--tile-l:.56}@media (prefers-reduced-motion:reduce){.oz-mark *,.oz-mark{animation:none!important}.oz-mark[data-state=working] .oz-mark-ring,.oz-mark[data-state=thinking] .oz-mark-ring{opacity:1;box-shadow:0 0 0 max(2px, calc(var(--s) * .05)) oklch(.68 .13 var(--h));background:0 0}}[data-motion=reduce] .oz-mark *{animation:none!important}@keyframes oz-spin{to{transform:rotate(1turn)}}@keyframes oz-sheen{0%,30%{opacity:0;transform:translate(-70%)}45%{opacity:1}75%,to{opacity:0;transform:translate(70%)}}@keyframes oz-work{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4%)scale(1.04)}}@keyframes oz-think{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(.94)}}@keyframes oz-send{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3%,2%)rotate(-6deg)}55%{transform:translate(6%,-6%)rotate(4deg)}70%{transform:translate(0)rotate(0)}}@keyframes oz-flip{0%,to{transform:perspective(200px)rotateX(0)}40%{transform:perspective(200px)rotateX(18deg)}60%{transform:perspective(200px)rotateX(-6deg)}}@keyframes oz-rise{0%,to{transform:scaleY(1)translateY(0)}45%{transform:scaleY(1.1)translateY(-4%)}}@keyframes oz-scan{0%,to{transform:translate(-6%)}50%{transform:translate(6%,-3%)}}@keyframes oz-write{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(4%,2%)rotate(-5deg)}50%{transform:translate(-3%,3%)rotate(3deg)}75%{transform:translate(3%,1%)rotate(-3deg)}}@keyframes oz-drift{0%,to{transform:translate(-4%)rotate(-3deg)}50%{transform:translate(5%)rotate(3deg)}}@keyframes oz-ring{0%,60%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-9deg)}20%,40%{transform:rotate(9deg)}}@keyframes oz-voice{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes oz-attention{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.04)}}@keyframes oz-pop{0%{transform:scale(0)}30%{transform:scale(1.25)}45%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes oz-settle{0%{transform:scale(1.06)}to{transform:scale(1)}}
