@media (max-width:767px){.absolute.top-4.left-1\/2.-translate-x-1\/2.z-50.bg-white.dark\:bg-\[\#1E293B\],.relative>.absolute:has(button[title="Archive (E)"]):has(button[title="Trash (#)"]){position:fixed!important;inset:auto 0 0 0!important;transform:none!important;width:100%!important;max-width:100vw!important;border-radius:1.35rem 1.35rem 0 0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;padding:.75rem .75rem max(.75rem,env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:1fr!important;gap:.6rem!important;box-shadow:0 -18px 50px rgb(15 23 42/.18)!important}.absolute.top-4.left-1\/2.-translate-x-1\/2.z-50.bg-white.dark\:bg-\[\#1E293B\]>div:first-child,.relative>.absolute:has(button[title="Archive (E)"]):has(button[title="Trash (#)"])>div:first-child{width:100%!important;border-right:0!important;border-bottom:1px solid rgb(226 232 240/.8)!important;margin:0!important;padding:0 0 .55rem!important;justify-content:space-between!important}.dark .absolute.top-4.left-1\/2.-translate-x-1\/2.z-50.bg-white.dark\:bg-\[\#1E293B\]>div:first-child,.dark .relative>.absolute:has(button[title="Archive (E)"]):has(button[title="Trash (#)"])>div:first-child{border-bottom-color:rgb(255 255 255/.1)!important}.absolute.top-4.left-1\/2.-translate-x-1\/2.z-50.bg-white.dark\:bg-\[\#1E293B\]>div:last-child,.relative>.absolute:has(button[title="Archive (E)"]):has(button[title="Trash (#)"])>div:last-child{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 2.75rem 2.75rem!important;gap:.45rem!important}.absolute.top-4.left-1\/2.-translate-x-1\/2.z-50.bg-white.dark\:bg-\[\#1E293B\]>div:last-child>button,.relative>.absolute:has(button[title="Archive (E)"]):has(button[title="Trash (#)"])>div:last-child>button{min-height:2.75rem!important;justify-content:center!important;min-width:0!important}.absolute.top-4.left-1\/2.-translate-x-1\/2.z-50.bg-white.dark\:bg-\[\#1E293B\]>div:last-child>button:first-child,.absolute.top-4.left-1\/2.-translate-x-1\/2.z-50.bg-white.dark\:bg-\[\#1E293B\]>div:last-child>button:nth-child(2),.relative>.absolute:has(button[title="Archive (E)"]):has(button[title="Trash (#)"])>div:last-child>button:first-child,.relative>.absolute:has(button[title="Archive (E)"]):has(button[title="Trash (#)"])>div:last-child>button:nth-child(2){padding-left:.6rem!important;padding-right:.6rem!important}.absolute.top-4.left-1\/2.-translate-x-1\/2.z-50.bg-white.dark\:bg-\[\#1E293B\]>div:last-child>.w-px,.relative>.absolute:has(button[title="Archive (E)"]):has(button[title="Trash (#)"])>div:last-child>.w-px{display:none!important}.h-full.flex.flex-col.bg-white.dark\:bg-\[\#0B1120\]>.flex-1.overflow-y-auto{padding-bottom:6.5rem!important}.max-w-4xl.mx-auto .flex.items-center.gap-3.pt-6.border-t{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:45!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important;margin:0!important;padding:.75rem .75rem max(.75rem,env(safe-area-inset-bottom))!important;border-top:1px solid rgb(226 232 240/.9)!important;background:rgb(255 255 255/.96)!important;box-shadow:0 -18px 50px rgb(15 23 42/.14)!important;backdrop-filter:blur(16px)!important}.dark .max-w-4xl.mx-auto .flex.items-center.gap-3.pt-6.border-t{border-top-color:rgb(255 255 255/.1)!important;background:rgb(8 11 17/.96)!important;box-shadow:0 -18px 50px rgb(0 0 0/.34)!important}.max-w-4xl.mx-auto .flex.items-center.gap-3.pt-6.border-t button{width:100%!important;min-height:2.75rem!important;padding:.7rem .5rem!important;justify-content:center!important;gap:.35rem!important;border-radius:1rem!important;font-size:.8rem!important;white-space:nowrap!important}.max-w-4xl.mx-auto.md\:px-10.md\:py-10,.max-w-4xl.mx-auto.px-6.py-8{padding-bottom:7.25rem!important}.max-w-4xl.mx-auto .mb-4.flex.flex-col.gap-3 button,.max-w-4xl.mx-auto .mb-4.flex.items-start.gap-3 button{min-height:2.75rem!important;justify-content:center!important}.fixed.z-50.bg-white.dark\:bg-\[\#1a2332\] .h-12.px-5 .flex.items-center.gap-0\.5 button:first-child{display:none!important}.fixed.z-50.bg-white.dark\:bg-\[\#1a2332\] .h-12.px-5 .flex.items-center.gap-0\.5 button{min-width:2.75rem!important;min-height:2.75rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.fixed.z-50.bg-white.dark\:bg-\[\#1a2332\] .px-4.py-2\.5.border-t{padding:.65rem .75rem max(.75rem,env(safe-area-inset-bottom))!important;gap:.5rem!important}.fixed.z-50.bg-white.dark\:bg-\[\#1a2332\] .px-4.py-2\.5.border-t>div:first-child{gap:.15rem!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important}.fixed.z-50.bg-white.dark\:bg-\[\#1a2332\] .px-4.py-2\.5.border-t>div:first-child::-webkit-scrollbar{display:none!important}.fixed.z-50.bg-white.dark\:bg-\[\#1a2332\] .px-4.py-2\.5.border-t>div:first-child button{min-width:2.5rem!important;min-height:2.5rem!important;flex-shrink:0!important}.fixed.z-50.bg-white.dark\:bg-\[\#1a2332\] .px-4.py-2\.5.border-t>div:last-child button{min-height:2.75rem!important;padding:.7rem 1rem!important;white-space:nowrap!important}.mt-3.grid.grid-cols-2.gap-2>button{min-height:2.85rem;border-radius:1rem;background:rgb(248 250 252/.95);box-shadow:inset 0 1px 0 rgb(255 255 255/.75),0 1px 2px rgb(15 23 42/.06);transition:transform .14s ease,background .16s ease,border-color .16s ease}.mt-3.grid.grid-cols-2.gap-2>button:active{transform:translateY(1px) scale(.99)}.dark .mt-3.grid.grid-cols-2.gap-2>button{background:rgb(255 255 255/.055);box-shadow:inset 0 1px 0 rgb(255 255 255/.06)}.grid.grid-cols-2.gap-2.border-t.border-slate-100>button{min-height:2.85rem;white-space:nowrap}.sticky.top-0.z-30 button[aria-label="Open more message actions"]{display:inline-flex!important;min-width:2.75rem;min-height:2.75rem;align-items:center;justify-content:center}.sticky.top-0.z-30 div[role=menu]{right:0;width:min(13.5rem,calc(100vw - 1.5rem))}}.mp-3d-button{--mp-3d-button-height:42px;--mp-3d-button-depth:8px;--mp-3d-button-radius:10px;--mp-3d-button-pad-x:1.2rem;--mp-3d-button-face:linear-gradient(180deg,#6a9cff,#2d6dff 52%,#1553d1);--mp-3d-button-edge:#0f3f9f;--mp-3d-button-edge-dark:#092b73;--mp-3d-button-text:#ffffff;--mp-3d-button-ring:rgb(var(--color-primary,45 109 255)/0.32);--mp-3d-button-glow:rgb(var(--color-primary,45 109 255)/0.32);position:relative;isolation:isolate;display:inline-flex;min-width:max-content;min-height:calc(var(--mp-3d-button-height) + var(--mp-3d-button-depth));align-items:flex-start;justify-content:center;padding:0 0 var(--mp-3d-button-depth);border:0;border-radius:var(--mp-3d-button-radius);background:linear-gradient(180deg,var(--mp-3d-button-edge) 0,var(--mp-3d-button-edge-dark) 100%);color:var(--mp-3d-button-text);font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif);font-weight:800;letter-spacing:-.018em;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:0 20px 30px var(--mp-3d-button-glow),inset 0 -1px 0 rgb(0 0 0/.3);transform:translateY(0);transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s cubic-bezier(.2,.8,.2,1),filter .14s cubic-bezier(.2,.8,.2,1);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:visible}.mp-3d-button:after{content:"";position:absolute;inset:auto 10px -12px 10px;z-index:-1;height:18px;border-radius:999px;background:var(--mp-3d-button-glow);filter:blur(14px);opacity:.82;pointer-events:none;transition:opacity .14s cubic-bezier(.2,.8,.2,1),transform .14s cubic-bezier(.2,.8,.2,1)}.mp-3d-button__content{position:relative;z-index:1;box-sizing:border-box;display:inline-flex;min-height:var(--mp-3d-button-height);min-width:100%;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.5rem;padding:0 var(--mp-3d-button-pad-x);border-radius:calc(var(--mp-3d-button-radius) - 1px);background:var(--mp-3d-button-face);color:var(--mp-3d-button-text);box-shadow:inset 0 1px 0 rgb(255 255 255/.46),inset 0 -1px 0 rgb(0 0 0/.16);transform:translateY(0);transition:transform .14s cubic-bezier(.2,.8,.2,1),filter .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s cubic-bezier(.2,.8,.2,1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-3d-button__content:before{content:"";position:absolute;inset:1px 1px 52%;border-radius:inherit;background:linear-gradient(180deg,rgb(255 255 255/.5),rgb(255 255 255/.04));pointer-events:none}.mp-3d-button__content>*{position:relative;z-index:1;flex-shrink:0}.mp-3d-button:hover{filter:saturate(1.08) brightness(1.03);box-shadow:0 24px 36px var(--mp-3d-button-glow),inset 0 -1px 0 rgb(0 0 0/.3)}.mp-3d-button:hover,.mp-3d-button:hover .mp-3d-button__content{transform:translateY(-2px)}.mp-3d-button:hover:after{opacity:1;transform:translateY(4px) scaleX(1.04)}.mp-3d-button:active{transform:translateY(2px);box-shadow:0 8px 18px rgb(0 0 0/.18),inset 0 -1px 0 rgb(0 0 0/.3)}.mp-3d-button:active .mp-3d-button__content{transform:translateY(calc(var(--mp-3d-button-depth) - 2px));box-shadow:inset 0 1px 0 rgb(255 255 255/.22),inset 0 2px 8px rgb(0 0 0/.26)}.mp-3d-button:active:after{opacity:.42;transform:translateY(-2px) scaleX(.92)}.mp-3d-button:focus-visible{outline:3px solid var(--mp-3d-button-ring);outline-offset:4px}.mp-3d-button--sm{--mp-3d-button-height:34px;--mp-3d-button-depth:6px;--mp-3d-button-radius:8px;--mp-3d-button-pad-x:1rem;font-size:.86rem}.mp-3d-button--md{--mp-3d-button-height:42px;--mp-3d-button-depth:8px;--mp-3d-button-radius:9px;--mp-3d-button-pad-x:1.2rem;font-size:.94rem}.mp-3d-button--lg{--mp-3d-button-height:50px;--mp-3d-button-depth:9px;--mp-3d-button-radius:10px;--mp-3d-button-pad-x:1.6rem;font-size:1rem}.mp-3d-button--full,.mp-3d-button--full .mp-3d-button__content{width:100%}.mp-3d-button--primary{--mp-3d-button-face:linear-gradient(180deg,#6a9cff,#2d6dff 52%,#1553d1);--mp-3d-button-edge:#0f3f9f;--mp-3d-button-edge-dark:#092b73;--mp-3d-button-text:#ffffff;--mp-3d-button-ring:rgb(var(--color-primary,45 109 255)/0.34);--mp-3d-button-glow:rgb(var(--color-primary,45 109 255)/0.30)}.mp-3d-button--secondary{--mp-3d-button-face:linear-gradient(180deg,#ffffff,#eef4ff 58%,#d6e3ff);--mp-3d-button-edge:#91a6d2;--mp-3d-button-edge-dark:#6379aa;--mp-3d-button-text:#0f172a;--mp-3d-button-ring:rgb(30 64 175/0.20);--mp-3d-button-glow:rgb(15 23 42/0.13)}.mp-3d-button--surface{--mp-3d-button-face:linear-gradient(180deg,#f8fafc,#e7eeff);--mp-3d-button-edge:#91a6d2;--mp-3d-button-edge-dark:#6379aa;--mp-3d-button-text:#1e40af;--mp-3d-button-ring:rgb(30 64 175/0.2);--mp-3d-button-glow:rgb(30 64 175/0.13)}.mp-3d-button--danger{--mp-3d-button-face:linear-gradient(180deg,#fb7185,#dc2626 56%,#991b1b);--mp-3d-button-edge:#991b1b;--mp-3d-button-edge-dark:#7f1d1d;--mp-3d-button-text:#ffffff;--mp-3d-button-ring:rgb(220 38 38/0.24);--mp-3d-button-glow:rgb(220 38 38/0.22)}.dark .mp-3d-button--secondary{--mp-3d-button-face:linear-gradient(180deg,rgb(255 255 255/0.16),rgb(255 255 255/0.07));--mp-3d-button-edge:rgb(255 255 255/0.16);--mp-3d-button-edge-dark:rgb(255 255 255/0.08);--mp-3d-button-text:#ffffff;--mp-3d-button-glow:rgb(0 0 0/0.32)}.dark .mp-3d-button--surface{--mp-3d-button-face:linear-gradient(180deg,rgb(119 159 255/0.22),rgb(45 109 255/0.13));--mp-3d-button-edge:rgb(119 159 255/0.22);--mp-3d-button-edge-dark:rgb(45 109 255/0.18);--mp-3d-button-text:#dbeafe;--mp-3d-button-glow:rgb(45 109 255/0.16)}.mp-3d-button--disabled,.mp-3d-button:disabled,.mp-3d-button[aria-disabled=true]{cursor:not-allowed;filter:grayscale(.15);opacity:.62;pointer-events:none}@media (prefers-reduced-motion:reduce){.mp-3d-button,.mp-3d-button__content{transition:none}.mp-3d-button:active,.mp-3d-button:active .mp-3d-button__content,.mp-3d-button:hover,.mp-3d-button:hover .mp-3d-button__content{transform:none}}