.th-tearoff{border:1px solid var(--border);background:var(--card);color:var(--card-foreground);border-radius:14px;align-items:center;gap:14px;margin:0 0 16px;padding:12px 14px;display:flex}.th-tearoff .pad{perspective:420px;flex:none;width:66px;height:70px;position:relative}.th-tearoff .pad:before{content:"";background:color-mix(in oklab, var(--primary) 18%, var(--card));border-radius:9px;position:absolute;inset:4px -3px -3px 3px}.th-tearoff .sheet{background:var(--card);border:1px solid color-mix(in oklab, var(--primary) 30%, var(--border));text-align:center;border-radius:9px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 6px #00000014}.th-tearoff .sheet .m{letter-spacing:.08em;color:var(--primary-foreground);background:var(--primary);padding:3px 2px;font-size:7.5px;font-weight:800;display:block}.th-tearoff .sheet .d{color:var(--foreground);flex:1;place-items:center;font-size:26px;font-weight:800;line-height:1;display:grid}.th-tearoff[data-tone=warn] .sheet .m{color:#fff;background:#b7791f}.th-tearoff[data-tone=bad] .sheet .m{background:var(--destructive);color:#fff}.th-tearoff[data-tone=bad] .sheet .d{color:var(--destructive)}.th-tearoff .sheet.top{transform-origin:50% 0;z-index:2;animation:1.5s cubic-bezier(.55,0,.6,1) .35s forwards thTearOff}.th-tearoff .info{flex-direction:column;gap:2px;min-width:0;display:flex}.th-tearoff .info b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.th-tearoff .info span{color:var(--muted-foreground);font-size:12.5px}@keyframes thTearOff{0%{opacity:1;transform:none}25%{transform:rotateX(-14deg)rotate(-3deg)}to{opacity:0;transform:translate(34px,70px)rotateX(-70deg)rotate(18deg)}}.th-fly-chip{z-index:2147482500;background:var(--primary);max-width:240px;color:var(--primary-foreground);white-space:nowrap;text-overflow:ellipsis;box-shadow:0 6px 18px color-mix(in oklab, var(--primary) 35%, transparent);pointer-events:none;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;position:fixed;overflow:hidden;transform:translate(-50%,-50%)}tr.th-fly-landed>td{animation:1.3s ease-out thFlyLand}@keyframes thFlyLand{0%{background-color:color-mix(in oklab, var(--motion-gold,#b8923e) 30%, transparent)}to{background-color:#0000}}.th-dispatch{z-index:2147482400;background:var(--card);width:min(360px,100vw - 32px);color:var(--card-foreground);border:1px solid var(--border);pointer-events:none;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;animation:3.4s both thDispIn;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0000002e}.th-dispatch .road{border-bottom:2px dashed color-mix(in oklab, var(--muted-foreground) 45%, transparent);height:34px;position:relative;overflow:hidden}.th-dispatch .truck{width:56px;height:33px;animation:3.1s cubic-bezier(.45,0,.55,1) .15s both thTruckGo;position:absolute;bottom:0;left:0}.th-dispatch .truck svg{width:100%;height:100%;overflow:visible}.th-dispatch .truck .body{fill:var(--primary)}.th-dispatch .truck .cab{fill:color-mix(in oklab, var(--primary) 78%, #000)}.th-dispatch .truck .win{fill:color-mix(in oklab, #fff 80%, var(--primary))}.th-dispatch .truck .wh{fill:#2a2a2a;stroke:var(--motion-gold,#b8923e);stroke-width:2.5px}.th-dispatch .truck:after{content:"";background:color-mix(in oklab, var(--muted-foreground) 35%, transparent);border-radius:50%;width:12px;height:8px;animation:.5s ease-out infinite thTruckPuff;position:absolute;bottom:6px;left:-16px}.th-dispatch .txt{flex-direction:column;gap:1px;display:flex}.th-dispatch .txt b{font-size:13.5px;font-weight:700}.th-dispatch .txt span{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}@keyframes thTruckGo{0%{transform:translate(-10px)}18%{transform:translate(0)}to{transform:translate(min(310px,100vw - 60px))}}@keyframes thTruckPuff{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:translate(-10px,-4px)scale(1.4)}}@keyframes thDispIn{0%{opacity:0;transform:translate(-50%,16px)}8%,88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}.th-move-in{animation:.5s cubic-bezier(.2,.8,.2,1) both thMoveIn;animation-delay:calc(var(--i,0) * 45ms)}.th-move-out{animation:.5s cubic-bezier(.2,.8,.2,1) both thMoveOut;animation-delay:calc(var(--i,0) * 45ms)}.th-move:not(.th-move-in):not(.th-move-out){animation:.45s both thMoveFade;animation-delay:calc(var(--i,0) * 45ms)}@keyframes thMoveIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes thMoveOut{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes thMoveFade{0%{opacity:0}to{opacity:1}}.th-move-q{vertical-align:1px;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin-right:5px;display:inline-block}.th-move-q.in{border-top:6px solid}.th-move-q.out{border-bottom:6px solid}.th-move-in .th-move-q.in{animation:.6s .25s both thMoveArrowIn;animation-delay:calc(.25s + var(--i,0) * 45ms)}.th-move-out .th-move-q.out{animation:.6s both thMoveArrowOut;animation-delay:calc(.25s + var(--i,0) * 45ms)}@keyframes thMoveArrowIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes thMoveArrowOut{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}li.th-mail-arrive{animation:.6s cubic-bezier(.34,1.4,.64,1) both thMailDrop;position:relative}li.th-mail-arrive:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(90deg, color-mix(in oklab, var(--motion-gold,#b8923e) 32%, transparent), transparent 70%);animation:1.6s ease-out forwards thMailGlow;position:absolute;inset:0}@keyframes thMailDrop{0%{opacity:0;transform:translateY(-14px)scale(.98)}to{opacity:1;transform:none}}@keyframes thMailGlow{0%{opacity:1}to{opacity:0}}li.th-mail-dotpop .th-mail-dot{animation:.55s cubic-bezier(.34,1.6,.64,1) .2s both thMailDot}@keyframes thMailDot{0%{scale:0}60%{scale:1.7}to{scale:1}}@media (prefers-reduced-motion:reduce){.th-fly-chip,.th-dispatch,.th-tearoff .sheet.top{display:none!important}.th-move,.th-move-q,tr.th-fly-landed>td,li.th-mail-arrive,li.th-mail-arrive:after,li.th-mail-dotpop .th-mail-dot{animation:none!important}}html[data-less-motion] .th-fly-chip,html[data-less-motion] .th-dispatch,html[data-less-motion] .th-tearoff .sheet.top{display:none!important}html[data-less-motion] .th-move,html[data-less-motion] .th-move-q,html[data-less-motion] li.th-mail-arrive,html[data-less-motion] li.th-mail-arrive:after,html[data-less-motion] li.th-mail-dotpop .th-mail-dot{animation:none!important}@media print{.th-fly-chip,.th-dispatch,.th-tearoff{display:none!important}.th-move,.th-move-q{animation:none!important}}
