@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.cdnfonts.com/css/satoshi";:root{--mail-bg: oklch(16% .03 262);--mail-fg: oklch(97% .01 255);--mail-muted: oklch(78% .03 250);--mail-gold: oklch(78% .13 85)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Inter,Satoshi,Helvetica,Arial,sans-serif;background:radial-gradient(130% 100% at 10% 0%,color-mix(in oklch,oklch(24% .04 265) 90%,black 10%),transparent 60%),radial-gradient(90% 100% at 100% 100%,color-mix(in oklch,oklch(32% .06 85) 30%,transparent 70%),transparent 60%),var(--mail-bg);color:var(--mail-fg)}#root{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:color-mix(in oklch,var(--mail-bg) 88%,black 12%)}::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--mail-gold) 40%,transparent 60%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--mail-gold) 55%,transparent 45%)}.mail-premium-shell{container-type:inline-size}@container (max-width: 1100px){.mail-premium-shell{border-radius:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@property --mail-sheen-angle{syntax: "<angle>"; inherits: false; initial-value: 115deg;}@keyframes mailSheenShift{0%{--mail-sheen-angle: 108deg}to{--mail-sheen-angle: 126deg}}@keyframes mailPreviewReveal{0%{opacity:.85;transform:translateY(6px) scale(.995);filter:saturate(.85)}to{opacity:1;transform:translateY(0) scale(1);filter:saturate(1)}}.mail-premium-shell{position:relative;isolation:isolate}.mail-premium-shell:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(var(--mail-sheen-angle),color-mix(in oklch,var(--mail-gold) 34%,transparent 66%) 0%,transparent 30%,transparent 72%,color-mix(in oklch,var(--mail-gold) 26%,transparent 74%) 100%);mix-blend-mode:screen;opacity:.35;animation:mailSheenShift 7.5s ease-in-out infinite alternate}.mail-premium-shell:has(.mail-message-row.is-selected){box-shadow:0 30px 80px #04081673,inset 0 0 0 1px #d6b05542,inset 0 1px #ffffff14}.mail-premium-scroll{scroll-timeline-name:--mailPreviewTimeline;scroll-timeline-axis:block}@supports (animation-timeline: --mailPreviewTimeline){.mail-premium-preview{animation-name:mailPreviewReveal;animation-duration:1ms;animation-fill-mode:both;animation-timeline:--mailPreviewTimeline;animation-range:entry 0% cover 42%}}.mail-premium-shell .mail-message-row{transition:background-color .18s ease,box-shadow .18s ease}.mail-premium-shell .mail-message-row.is-selected{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--mail-gold) 35%,transparent 65%)}.mail-premium-shell :where(button,[role=button],input,textarea,select,a,[tabindex]):focus-visible{outline:2px solid color-mix(in oklch,var(--mail-gold) 72%,white 28%);outline-offset:2px;border-radius:10px}.mail-premium-shell:has(.mail-search-anchor input:focus-visible):before{opacity:.48}@media (prefers-reduced-motion: reduce){.mail-premium-shell:before,.mail-premium-preview,.mail-message-row{animation:none!important;transition:none!important}}@media (prefers-contrast: more){.mail-premium-shell{--mail-gold: oklch(86% .16 90)}}.mail-search-shortcut-chip{display:none}@supports (view-transition-name: mail-shell){::view-transition-group(mail-shell){animation-duration:.22s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(mail-shell),::view-transition-new(mail-shell){mix-blend-mode:normal;filter:saturate(1.02)}}@supports (anchor-name: --mailSearchAnchor){.mail-search-anchor{anchor-name:--mailSearchAnchor}.mail-search-shortcut-chip{display:inline-flex;position:fixed;position-anchor:--mailSearchAnchor;top:anchor(top);left:anchor(right);translate:10px 7px;pointer-events:none;z-index:4;align-items:center;height:22px;padding:0 8px;border-radius:999px;border:1px solid color-mix(in oklch,var(--mail-gold) 35%,transparent 65%);background:color-mix(in oklch,var(--mail-bg) 82%,black 18%);color:color-mix(in oklch,var(--mail-gold) 78%,white 22%);font-size:11px;letter-spacing:.02em;box-shadow:0 8px 20px #00000047}}