.dattier-loader{--dl-ink:#344d3e;--dl-accent:#ac6848;--dl-text:#5b6556;color:var(--dl-ink);align-content:center;place-items:center;gap:18px;padding:32px 16px;display:grid}.dattier-loader.is-fullscreen{z-index:50;background:#f8f5ed;position:fixed;inset:0}.dattier-loader-stage{place-items:center;display:grid;position:relative}.dattier-loader-svg{width:136px;height:136px;overflow:visible}.dattier-loader-fork,.dattier-loader-knife{animation:2.4s cubic-bezier(.55,0,.35,1) infinite dattier-fork}.dattier-loader-knife{animation-name:dattier-knife}.dattier-loader-spark{color:var(--dl-accent);stroke:var(--dl-accent);stroke-width:2.6px;opacity:0;animation:2.4s ease-out infinite dattier-spark}.dattier-loader-shadow{background:#344d3e29;border-radius:50%;width:64px;height:8px;margin-top:4px;animation:2.4s cubic-bezier(.55,0,.35,1) infinite dattier-shadow}.dattier-loader-label{color:var(--dl-text);letter-spacing:.01em;margin:0;font-family:Dattier Fraunces,Georgia,serif;font-size:17px}.dattier-loader-dots i{font-style:normal;animation:1.2s infinite dattier-dot}.dattier-loader-dots i:nth-child(2){animation-delay:.2s}.dattier-loader-dots i:nth-child(3){animation-delay:.4s}@keyframes dattier-fork{0%,12%{transform:translate(24px,24px)translate(0)rotate(-45deg)translate(-24px,-24px)}38%{transform:translate(24px,24px)translate(-16px,-10px)rotate(-170deg)translate(-24px,-24px)}62%{transform:translate(24px,24px)translateY(-16px)rotate(-315deg)translate(-24px,-24px)}84%{transform:translate(24px,24px)translate(10px,-5px)rotate(-380deg)translate(-24px,-24px)}to{transform:translate(24px,24px)translate(0)rotate(-405deg)translate(-24px,-24px)}}@keyframes dattier-knife{0%,12%{transform:translate(24px,24px)translate(0)rotate(45deg)translate(-24px,-24px)}38%{transform:translate(24px,24px)translate(16px,-10px)rotate(170deg)translate(-24px,-24px)}62%{transform:translate(24px,24px)translateY(-16px)rotate(315deg)translate(-24px,-24px)}84%{transform:translate(24px,24px)translate(-10px,-5px)rotate(380deg)translate(-24px,-24px)}to{transform:translate(24px,24px)translate(0)rotate(405deg)translate(-24px,-24px)}}@keyframes dattier-spark{0%{opacity:1;transform:translateY(2px)scale(.6)}14%{opacity:0;transform:translateY(-4px)scale(1.15)}to{opacity:0}}@keyframes dattier-shadow{0%,12%,to{opacity:1;transform:scaleX(1)}62%{opacity:.5;transform:scaleX(.55)}}@keyframes dattier-dot{0%,to{opacity:.2}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.dattier-loader-fork{animation:none;transform:translate(24px,24px)rotate(-45deg)translate(-24px,-24px)}.dattier-loader-knife{animation:none;transform:translate(24px,24px)rotate(45deg)translate(-24px,-24px)}.dattier-loader-spark,.dattier-loader-shadow{animation:none}.dattier-loader-svg{animation:1.6s infinite dattier-dot}}.dattier-404{color:#2f4034;text-align:center;background:radial-gradient(circle at 50% 28%,#eee5d6 0,#0000 55%),#f8f5ed;place-items:center;min-height:100dvh;padding:48px 16px;font-family:Dattier Inter,Arial,Helvetica,sans-serif;display:grid}.dattier-404-card{justify-items:center;gap:14px;max-width:520px;display:grid}.dattier-404-brand{letter-spacing:.08em;color:#344d3e;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;font-weight:700;display:inline-flex}.dattier-404-brand span{color:#9a6646}.dattier-404-code{color:#344d3e;letter-spacing:-.04em;align-items:center;gap:6px;font-family:Dattier Fraunces,Georgia,serif;font-size:clamp(88px,22vw,148px);font-weight:600;line-height:1;display:flex}.dattier-404-plate{background:#fdfbf6;border:.06em solid #344d3e;border-radius:50%;place-items:center;width:.78em;height:.78em;display:grid;box-shadow:inset 0 0 0 .07em #fdfbf6,inset 0 0 0 .085em #e3dece,0 .08em .2em #2f40341f}.dattier-404-plate svg{color:#9a6646;width:52%;height:52%}.dattier-404 h1{letter-spacing:-.02em;color:#2f4034;margin:8px 0 0;font-family:Dattier Fraunces,Georgia,serif;font-size:clamp(24px,5vw,32px);font-weight:600}.dattier-404 p{color:#5b6556;margin:0;font-size:16px;line-height:1.6}.dattier-404-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.dattier-404-btn{border:1px solid #344d3e;border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-size:15px;font-weight:600;transition:background .15s,color .15s,transform .15s;display:inline-flex}.dattier-404-btn.primary{color:#fdfbf6;background:#344d3e}.dattier-404-btn.primary:hover{background:#243c2d}.dattier-404-btn.ghost{color:#344d3e;background:0 0}.dattier-404-btn.ghost:hover{background:#eee5d6}.dattier-404-btn:active{transform:translateY(1px)}
