:host{--kodon-toast-error-bg: hsl(0 84% 97%);--kodon-toast-error-border: hsl(0 84% 88%);--kodon-toast-error-text: hsl(0 84% 28%);--kodon-toast-error-icon: hsl(0 84% 50%);--kodon-toast-success-bg: hsl(142 76% 96%);--kodon-toast-success-border: hsl(142 76% 82%);--kodon-toast-success-text: hsl(142 76% 18%);--kodon-toast-success-icon: hsl(142 76% 36%);--kodon-toast-warning-bg: hsl(38 92% 96%);--kodon-toast-warning-border: hsl(38 92% 78%);--kodon-toast-warning-text: hsl(38 92% 22%);--kodon-toast-warning-icon: hsl(38 92% 42%);--kodon-toast-info-bg: hsl(217 91% 97%);--kodon-toast-info-border: hsl(217 91% 84%);--kodon-toast-info-text: hsl(217 91% 26%);--kodon-toast-info-icon: hsl(217 91% 52%);--kodon-toast-close-hover-bg: rgba(0, 0, 0, .08)}.kodon-toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.kodon-toast-message{flex:1;min-width:0;font-size:14px;line-height:1.4;-webkit-user-select:none;user-select:none;pointer-events:none}.kodon-toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:transparent;color:inherit;opacity:.6;cursor:pointer;transition:opacity .15s ease,background-color .15s ease}.kodon-toast-close:hover{opacity:1;background-color:var(--kodon-toast-close-hover-bg)}.kodon-toast-close:focus-visible{opacity:1;outline:2px solid currentColor;outline-offset:2px}:host[data-variant=error] .kodon-toast-content{background-color:var(--kodon-toast-error-bg);border:1px solid var(--kodon-toast-error-border);color:var(--kodon-toast-error-text)}:host[data-variant=error] .kodon-toast-icon{color:var(--kodon-toast-error-icon)}:host[data-variant=success] .kodon-toast-content{background-color:var(--kodon-toast-success-bg);border:1px solid var(--kodon-toast-success-border);color:var(--kodon-toast-success-text)}:host[data-variant=success] .kodon-toast-icon{color:var(--kodon-toast-success-icon)}:host[data-variant=warning] .kodon-toast-content{background-color:var(--kodon-toast-warning-bg);border:1px solid var(--kodon-toast-warning-border);color:var(--kodon-toast-warning-text)}:host[data-variant=warning] .kodon-toast-icon{color:var(--kodon-toast-warning-icon)}:host[data-variant=info] .kodon-toast-content{background-color:var(--kodon-toast-info-bg);border:1px solid var(--kodon-toast-info-border);color:var(--kodon-toast-info-text)}:host[data-variant=info] .kodon-toast-icon{color:var(--kodon-toast-info-icon)}:root{font-family:Inter,sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-line-height: calc(1em + .5rem) ;--font-size-32: 2rem;--font-size-24: 1.5rem;--font-size-16: 1rem;--font-size-14: .875rem;--font-size-12: .75rem;--font-size-8: .5rem;--font-smoothing: antialiased;--color-bg: hsl(0 0% 98%);--color-text: hsl(0 0% 4%);--color-text-secondary: hsl(0 0% 44%);--color-text-link: hsl(0 0% 60%);--color-hover: hsl(0 0% 4% / .06);--color-border: hsl(0 0% 4% / .1);--color-backdrop: hsl(0 0% 98% / .1);--color-backdrop-closing: hsl(0 0% 98% / 0);--duration-micro: 50ms;--duration-fast: .1s;--duration-standard: .15s;--duration-slow: .2s;--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-circ: cubic-bezier(.075, .82, .165, 1);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);--ease-duration: .5s;--ease-spring: linear( 0, .387 6.5%, .68 13.5%, .888 21.2%, .962 25.4%, 1.017 29.8%, 1.066 37%, 1.08 45.5%, 1.07 53%, 1.011 78.3%, 1 );--ease-duration-soft: .75s;--ease-spring-soft: linear( 0, .218 4.3%, .453 9%, .671 14.3%, .846 20.5%, .961 28%, 1.025 37%, 1.036 48%, 1.016 62%, 1.004 78%, 1 )}[data-theme=dark]{--color-bg: hsl(0 0% 4%);--color-text: hsl(0 0% 98%);--color-text-secondary: hsl(0 0% 63%);--color-text-link: hsl(0 0% 80%);--color-hover: hsl(0 0% 98% / .08);--color-border: hsl(0 0% 98% / .12)}.heading-lg{font-size:var(--font-size-24);line-height:var(--font-line-height);font-weight:var(--font-weight-medium);-webkit-font-smoothing:var(--font-smoothing)}.heading-sm{font-size:var(--font-size-14);line-height:var(--font-line-height);font-weight:var(--font-weight-medium);-webkit-font-smoothing:var(--font-smoothing);color:var(--color-text)}.heading-tt{font-size:var(--font-size-12);line-height:var(--font-line-height);font-weight:var(--font-weight-medium);-webkit-font-smoothing:var(--font-smoothing);color:var(--color-text)}.body-tt{font-size:var(--font-size-8);line-height:var(--font-line-height);font-weight:var(--font-weight-regular);-webkit-font-smoothing:var(--font-smoothing);color:var(--color-text)}.body{font-size:var(--font-size-14);line-height:var(--font-line-height);font-weight:var(--font-weight-regular);-webkit-font-smoothing:var(--font-smoothing)}.body-sm{font-size:var(--font-size-12);line-height:var(--font-line-height);font-weight:var(--font-weight-regular);-webkit-font-smoothing:var(--font-smoothing)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-text-link) transparent}html,body{height:100%}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;transition:background-color var(--duration-slow) ease,color var(--duration-slow) ease}@media (prefers-reduced-motion: reduce){body{transition:none}}a{color:var(--color-text-secondary);text-decoration-color:var(--color-text-link)}button{transition:transform var(--duration-fast) var(--ease-out-quart)}button:active{transform:scale(.97)}@media (prefers-reduced-motion: reduce){button{transition:none}}@keyframes icon-enter{0%{opacity:0;transform:scale(.9);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.icon-enter{animation:icon-enter var(--duration-standard) var(--ease-out-quart)}@media (prefers-reduced-motion: reduce){.icon-enter{animation:none}}