.tn{--tn-w:344px;--tn-radius:20px;--tn-glass:color-mix(in srgb,var(--color-raised) 72%,transparent);--tn-glass-hover:color-mix(in srgb,var(--color-raised) 86%,var(--color-ink) 4%);--tn-shadow:0 6px 20px rgba(0,0,0,0.32),inset 0 1px 0 rgba(255,255,255,0.04);position:fixed;z-index:var(--z-critical);top:calc((var(--corner-band, 64px) - var(--bx-row, 40px)) / 2);left:0;width:100vw;height:0;pointer-events:none}:root[data-theme=light] .tn{--tn-glass:color-mix(in srgb,var(--color-raised) 78%,transparent);--tn-glass-hover:color-mix(in srgb,var(--color-raised) 92%,var(--color-ink) 3%);--tn-shadow:0 6px 20px rgba(0,0,0,0.08)}.tn[data-drop]{top:calc(var(--corner-band, 64px) + 8px)}.tn[data-phone]{top:calc(var(--safe-t, 0px) + 2px);--tn-w:min(calc(100vw - 32px),360px)}.tn-stack{position:relative;margin:0;padding:0;list-style:none}.tn-toast{position:absolute;top:0;left:50%;width:var(--tn-w);border-radius:var(--tn-radius);border:1px solid var(--color-line-strong);background:var(--tn-glass);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);box-shadow:var(--tn-shadow);color:var(--color-ink);overflow:hidden;pointer-events:auto;transform-origin:50% 0;touch-action:pan-x;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.tn-toast{background:var(--color-raised)}}.tn-toast[data-depth="0"]:has(.tn-open):hover,.tn[data-expanded] .tn-toast:has(.tn-open):hover{background:var(--tn-glass-hover);border-color:var(--color-line-hover)}.tn-toast:has(.tn-open:active){scale:var(--press-surface,.996)}.tn-inner{position:relative;display:flex;align-items:center;gap:10px;height:100%;padding:0 8px}.tn-lead{position:relative;display:grid;place-items:center;flex:none;width:24px;height:24px;color:var(--color-ink)}.tn-toast[data-type=info] .tn-glyph,.tn-toast[data-type=progress] .tn-glyph{color:var(--color-ink-2)}.tn-toast[data-type=warning] .tn-glyph{color:var(--color-warning)}.tn-toast[data-type=error] .tn-glyph{color:var(--color-negative)}.tn-lead[data-ring] .tn-glyph{width:14px;height:14px}.tn-lead .tn-avatar,.tn-lead .tn-avatar>*{width:24px;height:24px;border-radius:9999px}.tn-lead .tn-avatar{overflow:hidden;clip-path:circle(50%)}.tn-avatar:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-line);pointer-events:none}.tn-badge{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:12px;height:12px;border-radius:9999px;background:var(--color-ink);color:var(--color-bg);box-shadow:0 0 0 1.5px var(--color-raised)}.tn-lead .tn-badge{clip-path:circle(50%)}.tn-badge[data-type=warning]{background:var(--color-warning);color:#000}.tn-badge[data-type=error]{background:var(--color-negative);color:#fff}.tn-ring{position:absolute;inset:-4px;width:32px;height:32px;rotate:-90deg;fill:none;pointer-events:none}.tn-ring-track{stroke:var(--color-line);stroke-width:1.5}.tn-ring-arc{stroke:var(--color-ink-2);stroke-width:1.5;stroke-linecap:round;transition:stroke-dasharray var(--dur-slow) var(--ease-out)}.tn-ring--spin{animation:tn-spin 1.1s linear infinite}@keyframes tn-spin{to{rotate:270deg}}@media (prefers-reduced-motion:reduce){.tn-ring--spin{animation:none}.tn-ring--spin .tn-ring-arc{stroke-dasharray:75 100}}.tn-copy{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:none;align-items:stretch}.tn-copy,.tn-copy>*{text-align:left}.tn-open:after{content:"";position:absolute;inset:0;border-radius:var(--tn-radius)}.tn-open:focus-visible{outline:none}.tn-toast:has(.tn-open:focus-visible){outline:2px solid var(--color-ink);outline-offset:-2px}.tn-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tn-detail{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.tn-title{font-size:var(--text-body);font-weight:var(--weight-emphasis,600);color:var(--color-ink)}.tn-detail,.tn-title{line-height:var(--leading-tight,16px)}.tn-detail{font-size:var(--text-dense)}.tn-detail,.tn-step{color:var(--color-ink-3)}.tn-step{flex:none;font-family:var(--font-mono);font-size:var(--text-meta)}.tn-act{position:relative;z-index:1;flex:none;height:28px;padding:0 4px;border:0;border-radius:var(--radius-control);background:none;color:var(--color-ink);font-size:var(--text-dense);font-weight:var(--weight-emphasis,600);cursor:pointer}.tn-act:hover{text-decoration:underline;text-underline-offset:3px}.tn-act:focus-visible{outline-offset:-2px}.tn-end{position:relative;display:grid;flex:none;width:24px;height:24px;place-items:center}.tn-end>*{grid-area:1/1}.tn-chev{color:var(--color-ink-3);transition:opacity var(--dur-fast) var(--ease-out)}.tn-x{position:relative;z-index:1;display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:9999px;background:none;color:var(--color-ink-3);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.tn-x:hover{background:var(--color-line);color:var(--color-ink)}.tn-x:focus-visible{opacity:1;outline-offset:-2px}@media (hover:hover){.tn-toast:focus-within .tn-x,.tn-toast:hover .tn-x{opacity:1}.tn-toast:focus-within .tn-chev,.tn-toast:hover .tn-chev{opacity:0}}.tn-toast[data-critical] .tn-x{opacity:1}.tn-toast[data-critical] .tn-chev{display:none}@media (hover:none){.tn-toast:not([data-critical]) .tn-x{pointer-events:none}}