.qz{position:relative;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--background-subtle);padding:clamp(var(--spacing-xl),3vw,var(--spacing-2xl));overflow:hidden}.qz__top{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:clamp(var(--spacing-lg),2.4vw,var(--spacing-xl))}.qz__prog{flex:1;height:4px;border-radius:var(--radius-full);background:var(--border-subtle);overflow:hidden}.qz__prog i{display:block;height:100%;border-radius:var(--radius-full);background:var(--text-primary);width:0;transition:width .55s cubic-bezier(.16,1,.3,1)}.qz__count{font:var(--type-mono);letter-spacing:var(--type-eyebrow-ls);color:var(--text-tertiary);white-space:nowrap}.qz__stage{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(var(--spacing-lg),2.6vw,var(--spacing-2xl));align-items:center;min-height:168px}.qz__agent{width:clamp(152px,19vw,232px);flex:none}.qz--borrowed .qz__agent .slot{--slot:none;max-width:none}.qz__agent .sabadoji{width:100%}.qz__say{display:flex;align-items:center;min-height:96px}.qz__bubble{position:relative;display:inline-block;max-width:30em;background:var(--background-default);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);font:var(--type-body-lg);line-height:1.4;animation:qz-drift 5s ease-in-out infinite}.qz__bubble:before{content:"";position:absolute;left:-9px;top:50%;width:18px;height:18px;margin-top:calc(var(--spacing-sm) * -1 - 1px);background:var(--background-default);border:solid var(--border-subtle);border-width:0 0 1px 1px;border-bottom-left-radius:4px;transform:rotate(45deg)}@keyframes qz-drift{0%,to{transform:translateY(-4px) rotate(-.5deg)}50%{transform:translateY(5px) rotate(.7deg)}}@media(prefers-reduced-motion:reduce){.qz__bubble{animation:none}}.qz__hint{margin:var(--spacing-sm) 0 0;font:var(--type-body-sm);color:var(--text-tertiary);max-width:42em}.qz__caret{display:inline-block;width:2px;height:1em;margin-left:var(--spacing-2xs);background:var(--background-brand);vertical-align:-.14em;animation:qz-blink 1.05s steps(1) infinite}.qz__caret.off{display:none}@keyframes qz-blink{50%{opacity:0}}.qz__dock{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:clamp(var(--spacing-lg),2.6vw,var(--spacing-xl));min-height:var(--sizing-xl)}.qz__chip{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px var(--border-default);background:var(--background-default);color:var(--text-primary);font:var(--type-label-lg);text-align:left;cursor:pointer;opacity:0;transform:translateY(8px);transition:background-color .2s,box-shadow .2s,color .2s,transform .3s var(--ease),opacity .3s var(--ease)}.qz__chip.in{opacity:1;transform:none}.qz__chip:hover{background:var(--background-subtle)}.qz__chip[aria-pressed=true]{background:var(--text-primary);box-shadow:inset 0 0 0 1px var(--text-primary);color:var(--text-inverse)}.qz__chip .k{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px var(--border-subtle);font:var(--type-label-sm);color:var(--text-tertiary)}.qz__chip[aria-pressed=true] .k{box-shadow:inset 0 0 0 1px var(--border-inverse);color:var(--text-inverse)}@media(prefers-reduced-motion:reduce){.qz__chip{opacity:1;transform:none;transition:none}}.qz__back{margin-top:var(--spacing-lg);font:var(--type-body-sm);color:var(--text-tertiary);background:none;border:0;padding:0;cursor:pointer}.qz__back:hover{color:var(--text-primary)}.qz__back[hidden]{display:none}.qz__result{display:grid;gap:clamp(var(--spacing-lg),2.4vw,var(--spacing-xl))}.qz__hero{display:grid;justify-items:start;gap:var(--spacing-2xs)}.qz__big{font:var(--type-display);letter-spacing:var(--type-display-ls);line-height:.95;color:var(--text-primary);font-variant-numeric:tabular-nums}.qz__unit{font:var(--type-body-lg);color:var(--text-secondary)}.qz__profile{margin-top:var(--spacing-sm);display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:var(--background-default);border:1px solid var(--border-subtle);font:var(--type-label-lg);color:var(--text-primary)}.qz__secu{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md) var(--spacing-xl)}.qz__scorechip{display:inline-flex;align-items:baseline;gap:var(--spacing-2xs);font:var(--type-heading-lg);letter-spacing:var(--type-heading-lg-ls);font-variant-numeric:tabular-nums}.qz__scorechip small{font:var(--type-body-md)}.qz__sov{display:grid;gap:var(--spacing-2xs)}.qz__sov b{font:var(--type-eyebrow);letter-spacing:var(--type-eyebrow-ls);text-transform:uppercase;color:var(--text-tertiary)}.qz__sov span{font:var(--type-label-lg)}[data-tone=success]{color:var(--text-success)}[data-tone=warning]{color:var(--text-warning)}[data-tone=danger]{color:var(--text-danger)}.qz__found{display:grid;gap:var(--spacing-sm)}.qz__find{margin:0;display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);background:var(--background-default);border:1px solid var(--border-subtle);font:var(--type-body-md);color:var(--text-primary)}.qz__find i{flex:none;display:grid;place-items:center;width:var(--sizing-sm);height:var(--sizing-sm);border-radius:var(--radius-full);background:var(--background-danger-subtle);color:var(--text-danger);font:var(--type-label-md);font-style:normal}.qz__find.ok i{background:var(--background-success-subtle);color:var(--text-success)}.qz__convert{display:grid;gap:var(--spacing-sm)}.qz__convert h3{margin:0;font:var(--type-heading-md);letter-spacing:var(--type-heading-md-ls);color:var(--text-primary)}.qz__convert .lede{margin:0}.qz__sovcta{margin:0;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);background:var(--background-default);border:1px solid var(--border-subtle);font:var(--type-body-md);color:var(--text-secondary)}.qz__cta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;margin-top:var(--spacing-xs)}@media(max-width:720px){.qz__stage{grid-template-columns:1fr;justify-items:center;text-align:center;gap:var(--spacing-md)}.qz__agent{width:152px}.qz__bubble{max-width:100%}.qz__bubble:before{left:50%;top:-9px;margin:0 0 0 calc(var(--spacing-sm) * -1 - 1px);border-width:1px 0 0 1px;border-radius:var(--radius-xs) 0 0 0}.qz__dock{justify-content:center}}
