.dte-root{--dte-ease:cubic-bezier(.22, 1, .36, 1);--dte-loop:5.2s}.dte-stage{background:radial-gradient(110% 85% at 50% 0%, oklch(from var(--primary) l c h / .2), transparent 62%), var(--inset);isolation:isolate;position:relative;overflow:hidden}.dte-stage:after{z-index:0;pointer-events:none;content:"";mix-blend-mode:soft-light;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.dte-stage:before{z-index:0;pointer-events:none;content:"";background-image:linear-gradient(to right, oklch(from var(--foreground) l c h / .05) 1px, transparent 1px), linear-gradient(to bottom, oklch(from var(--foreground) l c h / .05) 1px, transparent 1px);opacity:.5;background-size:22px 22px;position:absolute;inset:-1px;-webkit-mask-image:radial-gradient(70% 70% at 50% 45%,#000,#0000 88%);mask-image:radial-gradient(70% 70% at 50% 45%,#000,#0000 88%)}.dte-stage>*{z-index:1}.dte-envelope{animation:6s ease-in-out infinite dte-breathe}@keyframes dte-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.dte-letter{transform-origin:50% 100%;animation:dte-letter-vanish var(--dte-loop) var(--dte-ease) infinite}@keyframes dte-letter-vanish{0%{opacity:0;transform:translateY(6px)scaleY(.86)}18%{opacity:1;transform:translateY(0)scaleY(1)}52%{opacity:1;transform:translateY(-2px)scaleY(1)}74%{opacity:0;transform:translateY(-16px)scaleY(1)}to{opacity:0;transform:translateY(-16px)scaleY(1)}}.dte-speck{opacity:0;animation:dte-speck-drift var(--dte-loop) var(--dte-ease) infinite;animation-delay:calc(var(--dte-i,0) * 90ms)}@keyframes dte-speck-drift{0%,44%{opacity:0;transform:translate(0)scale(1)}56%{opacity:.9;transform:translate(calc(var(--dte-x,0px) * .3), -6px) scale(1)}82%{opacity:0;transform:translate(var(--dte-x,0px), -26px) scale(.4)}to{opacity:0;transform:translate(var(--dte-x,0px), -26px) scale(.4)}}.dte-stamp{animation:dte-stamp-pulse var(--dte-loop) var(--dte-ease) infinite}@keyframes dte-stamp-pulse{0%,62%{opacity:.4}72%{opacity:1}92%,to{opacity:.4}}.dte-strike{stroke-dasharray:100;stroke-dashoffset:100px;animation:dte-strike-draw var(--dte-loop) var(--dte-ease) infinite}@keyframes dte-strike-draw{0%,56%{stroke-dashoffset:100px}78%,to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.dte-root .dte-envelope,.dte-root .dte-letter,.dte-root .dte-speck,.dte-root .dte-stamp,.dte-root .dte-strike{animation:none!important}.dte-root .dte-letter{opacity:1;transform:translateY(0)}.dte-root .dte-strike{stroke-dashoffset:0}}