.chain-icon{--chain-icon-size: 56px;position:relative;display:inline-grid;place-items:center;flex:none;box-sizing:border-box;width:var(--chain-icon-size);height:var(--chain-icon-size);margin:0;padding:0;border-radius:calc(var(--chain-icon-size) * .28);background:var(--stryx-card);border:1px solid var(--stryx-line);color:var(--stryx-ink);font:inherit;cursor:default;transition:border-color .15s ease}.chain-icon:focus-visible{border-color:var(--stryx-accent)}@media(hover:hover){.chain-icon:hover{border-color:var(--stryx-accent)}}.chain-icon--sm{--chain-icon-size: 24px}.chain-icon--sm .chain-icon__img{width:62%;height:62%}.chain-icon__img{display:block;width:54%;height:54%;object-fit:contain;pointer-events:none}.chain-icon__fallback{font-size:calc(var(--chain-icon-size) * .3);font-weight:700;letter-spacing:.02em;line-height:1;pointer-events:none}.chain-icon__badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;border-radius:999px;background:var(--stryx-card);border:1px solid var(--stryx-line);color:var(--stryx-ink);font-size:10px;font-weight:700;line-height:14px;text-align:center;pointer-events:none}.chain-icon--sm .chain-icon__badge{top:-5px;right:-6px;min-width:13px;height:13px;font-size:8px;line-height:11px}.chain-icon__dot{position:absolute;right:2px;bottom:2px;width:11px;height:11px;border-radius:999px;background:var(--stryx-sub);border:2px solid var(--stryx-bg);pointer-events:none}.chain-icon__dot--live{background:var(--stryx-accent);animation:chain-icon-pulse 2.2s ease-in-out infinite}@keyframes chain-icon-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--stryx-accent) 50%,transparent)}50%{box-shadow:0 0 0 5px transparent}}.chain-tip{position:fixed;left:0;top:0;z-index:1000;box-sizing:border-box;max-width:240px;padding:8px 12px;border-radius:10px;background:var(--stryx-card);color:var(--stryx-ink);border:1px solid var(--stryx-line);box-shadow:0 8px 24px color-mix(in srgb,var(--stryx-ink) 16%,transparent);font-size:12px;line-height:1.4;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.chain-tip[hidden]{display:none}.chain-tip[data-placement=bottom]{transform:translateY(-4px)}.chain-tip.is-open{opacity:1;transform:none}.chain-tip:after{content:"";position:absolute;left:var(--chain-tip-arrow-x, 50%);width:8px;height:8px;margin-left:-4px;background:var(--stryx-card);border:1px solid var(--stryx-line);transform:rotate(45deg)}.chain-tip[data-placement=top]:after{bottom:-5px;border-top:0;border-left:0}.chain-tip[data-placement=bottom]:after{top:-5px;border-bottom:0;border-right:0}.chain-tip__title{display:block;margin-bottom:4px;font-size:13px;font-weight:600}.chain-tip__rows{display:grid;gap:2px;margin:0}.chain-tip__row{display:flex;justify-content:space-between;gap:16px}.chain-tip__row dt{color:var(--stryx-sub)}.chain-tip__row dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.chain-tip__value--ok:before{content:"✓ "}.chain-tip__value--fail:before{content:"✕ "}.chain-tip__value--ok{color:var(--stryx-accent)}.chain-tip__value--fail{color:var(--stryx-fail)}:root:not([data-theme=dark]) .chain-tip__value--ok,:root:not([data-theme=dark]) .chain-tip__value--fail{color:var(--stryx-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}:root:not([data-theme=dark]) .chain-tip__value--ok{text-decoration-color:var(--stryx-accent)}:root:not([data-theme=dark]) .chain-tip__value--fail{text-decoration-color:var(--stryx-fail)}@media(prefers-reduced-motion:reduce){.chain-tip{transition:none;transform:none}.chain-tip[data-placement=bottom]{transform:none}.chain-icon__dot--live{animation:none}.chain-icon{transition:none}}.toast-host{position:fixed;z-index:2000;left:50%;right:auto;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));pointer-events:none;max-width:100vw}@media(min-width:640px){.toast-host{left:auto;right:0;bottom:0;transform:none;align-items:flex-end;padding:0 max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) 1rem}}.toast-pill{pointer-events:auto;position:relative;display:flex;align-items:center;gap:8px;box-sizing:border-box;height:36px;max-width:min(360px,calc(100vw - 2rem));padding:4px 12px 4px 4px;border-radius:9999px;background:var(--stryx-card);border:1px solid var(--stryx-line);box-shadow:0 8px 24px color-mix(in srgb,var(--stryx-ink) 16%,transparent);animation:toast-in .22s ease both}.toast-pill.is-exiting{animation:toast-out .16s ease both}.toast-dismiss{position:relative;flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--stryx-bg);border:none;color:var(--stryx-sub);padding:0;cursor:pointer;font-size:11px;line-height:1}.toast-dismiss:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.toast-dismiss:hover,.toast-dismiss:focus-visible{color:var(--stryx-ink)}.toast-dismiss:focus-visible{outline:2px solid var(--stryx-accent);outline-offset:2px}.toast-dot{flex:none;width:6px;height:6px;border-radius:999px;background:var(--stryx-sub)}.toast-pill[data-tone=error] .toast-dot{background:var(--stryx-fail)}.toast-pill[data-tone=success] .toast-dot{background:var(--stryx-accent)}.toast-pill[data-tone=info] .toast-dot{background:var(--stryx-pending)}.toast-text{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:6px;overflow:hidden;white-space:nowrap;font-size:12px;line-height:1.3;color:var(--stryx-ink)}.toast-text strong{flex:none;font-weight:700}.toast-text span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--stryx-sub)}.toast-action{flex:none;border:none;background:none;padding:0;color:var(--stryx-accent);font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.toast-action:focus-visible{outline:2px solid var(--stryx-accent);outline-offset:2px}.toast-progress-clip{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.toast-progress{position:absolute;left:0;right:0;bottom:0;height:2px;transform-origin:left;background:var(--stryx-accent);opacity:.8;animation-name:toast-shrink;animation-timing-function:linear;animation-fill-mode:forwards}.toast-pill:hover .toast-progress,.toast-pill:focus-within .toast-progress{animation-play-state:paused}@keyframes toast-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}@keyframes toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(12px) scale(.92)}}@media(prefers-reduced-motion:reduce){.toast-pill{animation:none}.toast-progress{animation:none;transform:scaleX(0)}}
