@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_9c6cb61b-module__8NX9hq__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_9c6cb61b-module__8NX9hq__variable{--font-geist:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_d6617093-module__z61v7q__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_d6617093-module__z61v7q__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.0ewdtdf6ai7o-.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.03ilua6xb7p2f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.p.1bg6trwi21i5q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.2bakuypqc5dou.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.0fg7ryy-bp2x_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.2g9xiodaln20i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.3a_7qwcscqi0t.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.22w-t0ek6hrfw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.1n2oi-d4a-xww.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_540b7aa2-module__GwW4_q__className{font-family:Poppins,Poppins Fallback;font-style:normal}.poppins_540b7aa2-module__GwW4_q__variable{--font-poppins:"Poppins", "Poppins Fallback"}
:root{--ink:#111827;--ink-2:#2a2f45;--mute:#60667e;--mute-2:#9398ae;--line:#e5e7f0;--line-2:#eef0f6;--paper:#f6f7fb;--card:#fff;--brand:#3b82f6;--brand-2:#60a5fa;--brand-ink:#1d4ed8;--brand-soft:#eaf2ff;--sky:#6cc6ff;--ease:cubic-bezier(.2, .7, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--font-sans:var(--font-geist), ui-sans-serif, system-ui, sans-serif;--font-display:var(--font-poppins), var(--font-geist), ui-sans-serif, system-ui, sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:15px;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}::selection{color:var(--ink);background:#cfe2ff}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}mark{color:inherit;background:#fff1a8;border-radius:3px;padding:0 1px;box-shadow:0 0 0 1px #f5e17a}[data-r]{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:var(--d,0s);transform:translateY(22px)}[data-r][data-in]{opacity:1;transform:none}@keyframes m-draw{to{stroke-dashoffset:0}}@keyframes m-pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes m-bump{0%{transform:translateY(0)}35%{transform:translateY(-4px)scale(1.12)}to{transform:none}}@keyframes m-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes m-spin{to{transform:rotate(360deg)}}@keyframes m-pulse{0%{box-shadow:0 0 #3b82f673}to{box-shadow:0 0 0 10px #3b82f600}}@keyframes m-blink{50%{opacity:0}}@keyframes m-drift-a{to{transform:translate(60px,40px)scale(1.08)}}@keyframes m-drift-b{to{transform:translate(-70px,30px)scale(.94)}}@keyframes m-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.m-bump{animation:m-bump .45s var(--spring);display:inline-block}.m-wrap{width:min(100% - 40px,1180px);margin-inline:auto}.m-wrap--wide{width:min(100% - 32px,1280px)}.m-sec{padding:clamp(84px,11vw,148px) 0;position:relative}.m-sec--tight{padding:clamp(64px,8vw,110px) 0}.m-sec--tint{border-block:1px solid var(--line-2);background:radial-gradient(900px 400px at 85% 0,#3b82f61a,#0000 70%),radial-gradient(700px 380px at 5% 100%,#6cc6ff1f,#0000 70%),#eef3fb}.m-split{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(40px,6vw,92px);display:grid}.m-split--flip>:first-child{order:2}.m-split--wide{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.m-head{max-width:560px}.m-head--center{text-align:center;flex-direction:column;align-items:center;max-width:720px;margin:0 auto;display:flex}.m-head--split{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;max-width:none;display:flex}.m-head--split .m-lede{max-width:400px}@media (max-width:960px){.m-split,.m-split--wide{grid-template-columns:minmax(0,1fr)}.m-split--flip>:first-child{order:0}.m-head{max-width:640px}}.m-h1{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(40px,6.6vw,82px);font-weight:600;line-height:1.02}.m-h2{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:18px 0 0;font-size:clamp(32px,4.1vw,54px);font-weight:600;line-height:1.08}.m-accent{color:var(--brand)}.m-lede{color:var(--mute);text-wrap:pretty;margin:18px 0 0;font-size:clamp(16px,1.3vw,18px);line-height:1.62}.m-lede a{color:var(--brand-ink);transition:background-size .35s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;font-weight:500}.m-lede a:hover{background-size:100% 1px}.m-eyebrow{height:30px;box-shadow:0 0 0 1px var(--line), 0 2px 8px #1118270d;color:var(--ink-2);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 13px 0 4px;font-size:12.5px;font-weight:500;display:inline-flex}.m-eyebrow>i{background:var(--brand-soft);min-width:22px;height:22px;color:var(--brand);border-radius:999px;place-items:center;padding:0 6px;font-style:normal;display:grid}.m-eyebrow__n{font-family:var(--font-mono);letter-spacing:.02em;font-size:10.5px;font-weight:500}.m-eyebrow--dark{color:#d5e0f5;background:#ffffff0f;box-shadow:0 0 0 1px #ffffff1a}.m-eyebrow--dark>i{color:#bfdbfe;background:#3b82f633}.m-kbd{font-family:var(--font-mono);min-width:22px;height:22px;color:var(--ink-2);box-shadow:0 0 0 1px var(--line), 0 2px 0 var(--line);vertical-align:middle;background:#fff;border-radius:6px;place-items:center;padding:0 6px;font-size:11px;font-weight:500;line-height:1;display:inline-grid}.m-kbd--ghost{opacity:.45;background:0 0;min-width:18px;height:18px;padding:0 4px;font-size:10px;box-shadow:0 0 0 1px}.m-kbd--dark{color:#e3ecff;background:#ffffff14;box-shadow:0 0 0 1px #ffffff24,0 2px #ffffff1a}.m-checks{gap:13px;margin:30px 0 0;padding:0;list-style:none;display:grid}.m-checks li{color:var(--ink-2);align-items:center;gap:12px;font-size:15px;line-height:1.45;display:flex}.m-ck{width:26px;height:26px;color:var(--brand);box-shadow:0 0 0 1px var(--line), 0 2px 4px #1118270a;transition:transform .35s var(--spring);background:#fff;border-radius:8px;flex:none;place-items:center;display:grid}.m-checks li:hover .m-ck{transform:rotate(-8deg)scale(1.08)}.m-try{color:var(--mute);align-items:center;gap:8px;margin:26px 0 0;font-size:13.5px;display:flex}.m-try .m-i{color:var(--brand);flex:none}.m-btn{isolation:isolate;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;height:42px;transition:transform .3s var(--spring), background-color .2s, box-shadow .3s var(--ease), color .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.m-btn:active{transform:scale(.965)}.m-btn .m-i--arrowRight{transition:transform .35s var(--spring)}.m-btn:hover .m-i--arrowRight{transform:translate(3px)}.m-btn:after{content:"";z-index:-1;border-radius:inherit;transition:background-position .8s var(--ease);pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff52 50%,#0000 65%) 130% 0/260% 100%;position:absolute;inset:0}.m-btn:hover:after{background-position:-30% 0}.m-btn--sm{height:36px;padding:0 14px;font-size:13px}.m-btn--lg{height:52px;padding:0 26px;font-size:15px}.m-btn--dark{background:var(--ink);color:#fff;box-shadow:inset 0 1px #ffffff24,0 6px 16px #1118272e}.m-btn--dark:hover{background:#1f2338}.m-btn--brand{color:#fff;background:linear-gradient(#5b9bf8,#2f74f0);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000024,0 0 0 1px #2563eb,0 10px 24px -6px #2563eb8c}.m-btn--brand:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000024,0 0 0 1px #2563eb,0 16px 32px -8px #2563eba6}.m-btn--ghost{color:var(--ink);box-shadow:0 0 0 1px var(--line), 0 2px 6px #1118270a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf}.m-btn--ghost:hover{background:#fff;box-shadow:0 0 0 1px #d4dbe8,0 6px 16px #11182712}.m-btn--ghost:after{display:none}.m-btn--done{color:#0f8a5f;background:#e7f7f0;box-shadow:0 0 0 1px #bfe8d6}.m-btn--light{color:var(--ink);background:#fff;box-shadow:0 10px 30px #0003}.m-btn--light:hover{transform:translateY(-1px)}.m-btn--outline{color:#fff;background:0 0;box-shadow:inset 0 0 0 1px #ffffff59}.m-btn--outline:hover{background:#ffffff14}.m-btn:disabled{cursor:default}.m-ib{width:32px;height:32px;color:var(--a-mute,var(--mute));cursor:pointer;transition:background-color .2s, color .2s, transform .3s var(--spring);background:0 0;border:0;border-radius:9px;flex:none;place-items:center;display:grid}.m-ib:hover{background:var(--a-soft,#1118270d);color:var(--a-ink,var(--ink))}.m-ib:active{transform:scale(.88)}.m-ib--sm{border-radius:8px;width:28px;height:28px}.m-ib--xs{border-radius:6px;width:22px;height:22px}.m-av{letter-spacing:.01em;color:#fff;text-shadow:0 1px 1px #00000026;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #ffffff40}.m-av--xs{width:20px;height:20px;font-size:8px}.m-av--sm{width:28px;height:28px;font-size:10px}.m-av--md{width:36px;height:36px;font-size:12px}.m-av--lg{width:44px;height:44px;font-size:14px}.m-tag{--c:#8b6cf6;white-space:nowrap;background:color-mix(in srgb, var(--c) 13%, transparent);height:20px;color:color-mix(in srgb, var(--c) 78%, #10132a);border-radius:6px;align-items:center;gap:5px;padding:0 7px;font-size:11px;font-weight:500;display:inline-flex}.m-tag:before{content:"";background:var(--c);border-radius:50%;width:6px;height:6px}.m-tag.is-new{animation:m-pop .45s var(--spring)}.m-dot{background:var(--c);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 18%, transparent);border-radius:50%}.m-fic{width:34px;height:40px;font-family:var(--font-mono);letter-spacing:.04em;border-radius:7px;flex:none;place-items:center;font-size:9.5px;font-weight:500;display:grid}.m-fic--sm{width:30px;height:34px;font-size:9px}.m-fic--xs{border-radius:5px;width:auto;height:18px;padding:0 5px;font-size:9px}.m-nav{z-index:60;pointer-events:none;transition:padding .4s var(--ease);padding:18px 16px 0;position:fixed;inset:0 0 auto}.m-nav__bar{pointer-events:auto;-webkit-backdrop-filter:blur(16px)saturate(1.5);width:min(100%,1180px);height:60px;transition:height .4s var(--ease), background-color .4s, box-shadow .4s;background:#ffffff80;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 8px 0 14px;display:flex;box-shadow:inset 0 0 0 1px #ffffffb3,0 0 0 1px #1118270a}.m-nav.is-scrolled{padding-top:10px}.m-nav.is-scrolled .m-nav__bar{height:54px;box-shadow:0 0 0 1px var(--line), 0 12px 32px #11182714;background:#ffffffd6}.m-logo{color:#1a1a1a;white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.m-mark{width:auto;height:auto;display:block}.m-logo__mark{height:34px;transition:transform .6s var(--spring)}.m-logo:hover .m-logo__mark{transform:rotate(-12deg)scale(1.06)}.m-logo__word{font-family:var(--font-display);line-height:1;display:grid}.m-logo__word span{letter-spacing:-.01em;font-size:11.5px;font-weight:500}.m-logo__word b{letter-spacing:-.01em;margin-top:1px;font-size:18px;font-weight:700}.m-logo--light{color:#fff}.m-nav__links{background:#1118270a;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex;position:relative}.m-nav__links a{z-index:1;height:32px;color:var(--mute);border-radius:999px;align-items:center;padding:0 13px;font-size:13.5px;transition:color .25s;display:inline-flex;position:relative}.m-nav__links a:hover,.m-nav__links a.is-active{color:var(--ink)}.m-nav__pill{height:32px;transition:transform .5s var(--spring), width .5s var(--spring), opacity .25s;background:#fff;border-radius:999px;position:absolute;top:4px;left:0;box-shadow:0 1px 2px #11182714,0 0 0 1px #1118270d}.m-nav__cta{align-items:center;gap:6px;display:flex}.m-nav__quiet{color:var(--mute);padding:0 10px;font-size:13.5px;transition:color .2s}.m-nav__quiet:hover{color:var(--ink)}.m-nav__burger{cursor:pointer;background:#1118270d;border:0;border-radius:12px;width:40px;height:40px;display:none;position:relative}.m-nav__burger span{background:var(--ink);height:1.6px;transition:transform .4s var(--spring), top .3s var(--ease);border-radius:2px;position:absolute;left:12px;right:12px}.m-nav__burger span:first-child{top:16px}.m-nav__burger span:last-child{top:23px}.m-nav.is-open .m-nav__burger span:first-child{top:19.5px;transform:rotate(45deg)}.m-nav.is-open .m-nav__burger span:last-child{top:19.5px;transform:rotate(-45deg)}.m-sheet{pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(100%,1180px);box-shadow:0 0 0 1px var(--line), 0 20px 40px #1118271f;opacity:0;transform-origin:top;transition:opacity .25s, transform .4s var(--spring);background:#fffffff0;border-radius:18px;margin:8px auto 0;padding:8px;display:none;transform:translateY(-8px)scale(.98)}.m-sheet a{opacity:0;transition:opacity .3s, transform .4s var(--ease), background-color .2s;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;font-size:16px;font-weight:500;display:flex;transform:translateY(6px)}.m-sheet a:hover{background:var(--paper)}.m-sheet .m-i{color:var(--mute-2)}.m-nav.is-open .m-sheet{opacity:1;pointer-events:auto;transform:none}.m-nav.is-open .m-sheet a{opacity:1;transform:none}@media (max-width:920px){.m-nav__links,.m-nav__quiet{display:none}.m-nav__burger,.m-sheet{display:block}}@media (max-width:420px){.m-nav__cta .m-btn--dark{display:none}}
.m-hero{padding:clamp(128px,15vw,164px) 0 clamp(56px,7vw,96px);position:relative}.m-hero__bg{pointer-events:none;height:min(1180px,130vh);position:absolute;inset:0 0 auto;overflow:hidden}.m-hero__bg:after{content:"";background:linear-gradient(180deg, transparent, var(--paper));height:40%;position:absolute;inset:auto 0 0}.m-blob{filter:blur(60px);border-radius:50%;position:absolute}.m-blob--a{opacity:.85;background:radial-gradient(closest-side,#a9cbff,#0000);width:780px;height:580px;animation:16s ease-in-out infinite alternate m-drift-a;top:-200px;left:-220px}.m-blob--b{opacity:.8;background:radial-gradient(closest-side,#a9dcff,#0000);width:720px;height:640px;animation:20s ease-in-out infinite alternate m-drift-b;top:-120px;right:-240px}.m-blob--c{opacity:.55;background:radial-gradient(closest-side,#cfe0ff,#0000);width:1000px;height:460px;margin-left:-500px;top:420px;left:50%}.m-dots{background-image:radial-gradient(#28509633 1px,#0000 1.3px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 48% at 50% 26%,#000 20%,#0000 72%);mask-image:radial-gradient(60% 48% at 50% 26%,#000 20%,#0000 72%)}.m-hero__head{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.m-announce{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:36px;color:var(--ink-2);background:#ffffffb8;border-radius:999px;align-items:center;gap:10px;margin-bottom:30px;padding:0 14px 0 4px;font-size:13px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #1118270f,0 6px 18px #14326e14}.m-announce__tag{background:var(--ink);color:#fff;border-radius:999px;align-items:center;height:28px;padding:0 11px;font-size:12px;font-weight:500;display:inline-flex}.m-announce .m-i{color:var(--mute);transition:transform .35s var(--spring)}.m-announce:hover .m-i{color:var(--ink);transform:translate(3px)}.m-hero .m-h1{max-width:12.5ch}.m-underline{color:var(--brand);padding:0 .04em;display:inline-block;position:relative}.m-underline svg{width:106%;height:.3em;position:absolute;bottom:-.06em;left:-3%;overflow:visible}.m-underline path{fill:none;stroke:var(--brand-2);stroke-width:5px;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240px;opacity:.6;animation:m-draw 1.2s 1s var(--ease) forwards}.m-hero .m-lede{max-width:580px;margin-top:26px}.m-hero__cta{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:36px;display:flex}@keyframes m-pulse-green{0%{box-shadow:0 0 #22b38a80}to{box-shadow:0 0 0 9px #22b38a00}}@keyframes m-float{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.m-stage{perspective:1800px;margin-top:clamp(48px,7vw,76px);position:relative}.m-frame{--tilt:1;--mx:50%;--my:0%;transform:rotateX(calc(var(--tilt) * 11deg)) scale(calc(1 - var(--tilt) * .035));transform-origin:50% 0;will-change:transform;background:linear-gradient(#fffffff2,#ffffff9e);border-radius:20px;padding:0 6px 6px;position:relative;box-shadow:0 0 0 1px #3b82f659,0 50px 120px -30px #1d4ed861,0 14px 34px #11182714}.m-frame:before{content:"";z-index:2;background:radial-gradient(320px circle at var(--mx) var(--my), #3b82f6f2, transparent 70%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;border-radius:21px;padding:1.5px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.m-frame:hover:before{opacity:1}.m-frame:after{content:"";z-index:-1;filter:blur(34px);background:radial-gradient(closest-side,#60a5fa80,#0000);height:140px;position:absolute;top:-40px;left:6%;right:6%}.m-chrome{grid-template-columns:80px 1fr 80px;align-items:center;height:40px;padding:0 8px;display:grid}.m-chrome__dots{gap:6px;display:flex}.m-chrome__dots i{background:#ff6159;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 .5px #0000001f}.m-chrome__dots i:nth-child(2){background:#ffbd2e}.m-chrome__dots i:nth-child(3){background:#28c941}.m-chrome__url{height:24px;color:var(--mute);font-size:12px;font-family:var(--font-mono);background:#1118270d;border-radius:8px;justify-self:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.m-app{--a-bg:#fff;--a-side:#f8f9fd;--a-line:#eceef5;--a-ink:#111827;--a-mute:#686e87;--a-soft:#f2f3f9;--a-sel:#e8f1ff;background:var(--a-bg);height:540px;color:var(--a-ink);box-shadow:0 0 0 1px var(--a-line);text-align:left;transition:background-color .5s var(--ease), color .5s var(--ease), box-shadow .5s;border-radius:14px;grid-template-rows:54px minmax(0,1fr);grid-template-columns:minmax(0,1fr);font-size:13px;display:grid;position:relative;overflow:hidden}.m-app.is-dark{--a-bg:#0f1629;--a-side:#0b1222;--a-line:#1f2b47;--a-ink:#e9f0ff;--a-mute:#8a97b6;--a-soft:#18223b;--a-sel:#1c3564}.m-app__top,.m-side,.m-list,.m-list__head,.m-row__card,.m-read-wrap,.m-replybox,.m-attach,.m-app__search,.m-side__compose{transition:background-color .5s var(--ease), border-color .5s var(--ease), color .5s var(--ease), box-shadow .3s var(--ease), transform .35s var(--spring)}.m-app.is-dark .m-tag{color:color-mix(in srgb, var(--c) 70%, #fff);background:color-mix(in srgb, var(--c) 20%, transparent)}.m-app__top{border-bottom:1px solid var(--a-line);background:var(--a-bg);align-items:center;gap:10px;padding:0 14px 0 16px;display:flex}.m-app__search{background:var(--a-soft);min-width:0;max-width:440px;height:34px;color:var(--a-mute);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 8px 0 11px;display:flex}.m-app__search:focus-within{background:var(--a-bg);box-shadow:0 0 0 1px var(--brand), 0 0 0 4px #3b82f629}.m-app__search input{min-width:0;color:var(--a-ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.m-app__search input::placeholder{color:var(--a-mute)}.m-app__armed{color:#0f8a5f;opacity:0;height:24px;transition:opacity .3s, transform .35s var(--spring);background:#22b38a1f;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:0 9px;font-size:11px;display:inline-flex;transform:translateY(-4px)}.m-app__armed i{background:#22b38a;border-radius:50%;width:6px;height:6px;animation:1.6s infinite m-pulse-green}.m-app.is-armed .m-app__armed{opacity:1;transform:none}.m-theme-ic{position:relative}.m-theme-ic .m-i{transition:transform .55s var(--spring), opacity .3s;position:absolute}.m-theme-ic .m-i--moon{opacity:0;transform:rotate(-90deg)scale(.5)}.m-app.is-dark .m-theme-ic .m-i--sun{opacity:0;transform:rotate(90deg)scale(.5)}.m-app.is-dark .m-theme-ic .m-i--moon{opacity:1;transform:none}.m-app__me{width:30px;height:30px;box-shadow:0 0 0 2px var(--a-bg), 0 0 0 3px var(--a-line);background:conic-gradient(from 200deg,#ffb38a,#3b82f6,#7dd3fc,#ffb38a);border-radius:50%;flex:none}.m-app__body{grid-template-columns:184px 316px minmax(0,1fr);min-height:0;display:grid}.m-side{background:var(--a-side);flex-direction:column;gap:4px;min-height:0;padding:12px 10px;display:flex}.m-side__compose{color:#fff;cursor:pointer;background:linear-gradient(#5b9bf8,#2f74f0);border:0;border-radius:11px;align-items:center;gap:8px;height:38px;margin-bottom:10px;padding:0 12px;font-size:13px;font-weight:500;display:flex;box-shadow:inset 0 1px #ffffff4d,0 6px 14px -4px #2563eb8c}.m-side__compose:hover{transform:translateY(-1px)}.m-side__compose:active{transform:scale(.97)}.m-side__folders{gap:2px;display:grid;position:relative}.m-side__hl{background:var(--a-sel);height:34px;transform:translateY(calc(var(--f) * 36px));transition:transform .5s var(--spring), background-color .5s;border-radius:9px;position:absolute;inset:0 0 auto}.m-side__item{height:34px;color:var(--a-mute);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 10px;font-size:13px;transition:color .25s;display:flex;position:relative}.m-side__item:hover{color:var(--a-ink)}.m-side__item.is-on{color:var(--brand);font-weight:500}.m-app.is-dark .m-side__item.is-on{color:#93c5fd}.m-side__label{flex:1}.m-side__count{background:var(--brand);color:#fff;min-width:20px;height:18px;font-family:var(--font-mono);animation:m-bump .45s var(--spring);border-radius:999px;place-items:center;padding:0 6px;font-size:10.5px;font-weight:600;display:grid}.m-side__item:not(:first-of-type) .m-side__count{background:var(--a-soft);color:var(--a-mute)}.m-side__sec{letter-spacing:.08em;text-transform:uppercase;color:var(--a-mute);margin:16px 10px 4px;font-size:10.5px;font-weight:500}.m-side__tags{gap:1px;display:grid}.m-side__tag{height:30px;color:var(--a-mute);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:12.5px;transition:background-color .2s,color .2s;display:flex}.m-side__tag i{background:var(--c);width:9px;height:9px;transition:transform .35s var(--spring), border-radius .3s, box-shadow .3s;border-radius:3px}.m-side__tag:hover{background:var(--a-soft);color:var(--a-ink)}.m-side__tag:hover i{transform:rotate(45deg)scale(1.15)}.m-side__tag.is-on{color:var(--a-ink);background:color-mix(in srgb, var(--c) 14%, transparent)}.m-side__tag.is-on i{box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 25%, transparent);border-radius:50%}.m-side__store{color:var(--a-mute);margin-top:auto;padding:12px 10px 4px;font-size:11px}.m-side__bar{background:var(--a-soft);border-radius:99px;height:4px;margin-bottom:7px;overflow:hidden}.m-side__bar i{border-radius:inherit;background:linear-gradient(90deg, var(--brand), #60a5fa);height:100%;display:block}.m-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--a-line) transparent;border-inline:1px solid var(--a-line);background:var(--a-bg);min-height:0;position:relative;overflow-y:auto}.m-list__head{z-index:2;border-bottom:1px solid var(--a-line);background:color-mix(in srgb, var(--a-bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:8px;height:48px;padding:0 10px 0 16px;display:flex;position:sticky;top:0}.m-list__head b{letter-spacing:-.01em;font-size:14px;font-weight:600}.m-list__head div>span{color:var(--a-mute);margin-left:8px;font-size:11.5px}.m-list__tools{align-items:center;gap:4px;display:flex}.m-chipx{background:color-mix(in srgb, var(--c) 16%, transparent);height:22px;color:color-mix(in srgb, var(--c) 75%, var(--a-ink));cursor:pointer;animation:m-pop .4s var(--spring);border:0;border-radius:6px;align-items:center;gap:5px;padding:0 6px 0 8px;font-size:11px;font-weight:500;display:inline-flex}.m-spin{animation:m-spin .7s var(--ease)}.m-spin-loop{animation:1s linear infinite m-spin}.m-row{transition:grid-template-rows .34s var(--ease), opacity .28s var(--ease), transform .34s var(--ease);grid-template-rows:1fr;display:grid}.m-row.is-leaving{opacity:0;grid-template-rows:0fr;transform:translate(28px)}.m-row__in{min-height:0;overflow:hidden}.m-row__card{border-bottom:1px solid var(--a-line);cursor:pointer;outline:none;grid-template-columns:32px minmax(0,1fr);gap:11px;padding:13px 14px 13px 16px;display:grid;position:relative}.m-row__card:hover{background:var(--a-soft)}.m-row__card:focus-visible{box-shadow:inset 0 0 0 2px var(--brand)}.m-row.is-sel .m-row__card{background:var(--a-sel)}.m-row.is-sel .m-row__card:before{content:"";background:var(--brand);width:3px;animation:m-bar-in .35s var(--spring);border-radius:0 3px 3px 0;position:absolute;top:10px;bottom:10px;left:0}@keyframes m-bar-in{0%{transform:scaleY(0)}to{transform:none}}.m-row__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.m-row__from{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.m-row.is-unread .m-row__from,.m-row.is-unread .m-row__subj{font-weight:600}.m-row.is-unread .m-row__from:before{content:"";background:var(--brand);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin:0 6px 1px 0;display:inline-block}.m-row__time{font-family:var(--font-mono);color:var(--a-mute);flex:none;font-size:10.5px;transition:opacity .2s}.m-row__subj,.m-row__prev{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.m-row__subj{margin-top:2px;font-size:13px}.m-row__prev{color:var(--a-mute);margin-top:2px;font-size:12.5px}.m-row__meta{align-items:center;gap:6px;margin-top:8px;display:flex}.m-row__clip{color:var(--a-mute);align-items:center;gap:2px;font-size:11px;display:inline-flex}.m-row__star{color:#f2b138;animation:m-pop .45s var(--spring);display:inline-grid}.m-row__star svg{fill:currentColor}.m-row__acts{background:var(--a-bg);box-shadow:0 0 0 1px var(--a-line), 0 6px 16px #1118271a;opacity:0;pointer-events:none;transition:opacity .2s, transform .3s var(--spring);border-radius:10px;gap:1px;padding:2px;display:flex;position:absolute;top:9px;right:10px;transform:translateY(-4px)scale(.94)}.m-row__card:hover .m-row__acts,.m-row__card:focus-within .m-row__acts{opacity:1;pointer-events:auto;transform:none}.m-row__card:hover .m-row__time{opacity:0}.m-staric.is-on{color:#f2b138}.m-staric.is-on svg{fill:currentColor;animation:m-pop .45s var(--spring)}.m-read-wrap{scrollbar-width:thin;scrollbar-color:var(--a-line) transparent;background:var(--a-bg);min-height:0;overflow-y:auto}.m-read{animation:m-fade-up .4s var(--ease);padding:12px 28px 28px}.m-read__tools{border-bottom:1px solid var(--a-line);align-items:center;gap:2px;margin:0 -8px 12px;padding-bottom:10px;display:flex}.m-read__keys{color:var(--a-mute);gap:4px;margin-left:auto;display:flex}.m-read__subj{letter-spacing:-.025em;margin:6px 0 10px;font-size:21px;font-weight:600;line-height:1.2}.m-read__chips{gap:6px;display:flex}.m-read__from{border-bottom:1px solid var(--a-line);align-items:center;gap:11px;margin-top:18px;padding-bottom:16px;display:flex}.m-read__from div{gap:1px;display:grid}.m-read__from b{font-size:13.5px;font-weight:600}.m-read__from span{color:var(--a-mute);font-size:12px}.m-read__from time{font-family:var(--font-mono);color:var(--a-mute);margin-left:auto;font-size:11px}.m-read__body p{opacity:.88;margin:14px 0 0;font-size:13.5px;line-height:1.7}.m-attach{box-shadow:0 0 0 1px var(--a-line);color:var(--a-mute);cursor:pointer;border-radius:12px;align-items:center;gap:11px;margin-top:20px;padding:8px 14px 8px 8px;display:inline-flex}.m-attach:hover{color:var(--brand);box-shadow:0 0 0 1px var(--a-line), 0 10px 22px #1118271a;transform:translateY(-2px)}.m-attach__txt{gap:2px;display:grid}.m-attach__txt b{color:var(--a-ink);font-size:12.5px;font-weight:500}.m-attach__txt i{font-size:11px;font-style:normal}.m-replybox{box-shadow:0 0 0 1px var(--a-line);color:var(--a-mute);cursor:text;border-radius:12px;justify-content:space-between;align-items:center;margin-top:24px;padding:13px 14px;display:flex}.m-replybox:hover{box-shadow:0 0 0 1px var(--brand), 0 0 0 4px #3b82f621}.m-empty{text-align:center;min-height:300px;color:var(--a-mute);animation:m-fade-up .4s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:30px;font-size:12.5px;display:flex}.m-empty--read{height:100%}.m-empty b{color:var(--a-ink);margin-top:8px;font-size:14px;font-weight:600}.m-empty__art{background:var(--a-soft);width:52px;height:52px;color:var(--brand);border-radius:16px;place-items:center;animation:2.4s ease-in-out infinite alternate m-float;display:grid}.m-keybub{z-index:6;background:var(--a-bg);color:var(--a-ink);box-shadow:0 0 0 1px var(--a-line), 0 12px 28px #11182729;pointer-events:none;animation:m-bub 1.2s var(--ease) forwards;border-radius:11px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:16px;right:16px}@keyframes m-bub{0%{opacity:0;transform:translateY(10px)scale(.9)}14%,78%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}.m-toast{z-index:5;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;height:42px;transition:opacity .25s, transform .4s var(--spring);background:#111827;border-radius:12px;align-items:center;gap:14px;padding:0 7px 0 16px;font-size:13px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%,14px)scale(.96);box-shadow:0 16px 34px #11182752}.m-toast.is-on{opacity:1;pointer-events:auto;transform:translate(-50%)}.m-app.is-dark .m-toast{color:#111827;background:#eef4ff}.m-toast button{color:#bfdbfe;cursor:pointer;background:#ffffff1f;border:0;border-radius:8px;height:28px;padding:0 11px;font-size:12.5px;font-weight:500}.m-app.is-dark .m-toast button{color:var(--brand-ink);background:#11182714}@media (max-width:1100px){.m-app__body{grid-template-columns:60px 330px minmax(0,1fr)}.m-side{align-items:center;padding-inline:8px}.m-side__compose{justify-content:center;width:40px;padding:0}.m-side__compose span,.m-side__label,.m-side__sec,.m-side__store,.m-side__tag span{display:none}.m-side__folders,.m-side__tags{width:40px}.m-side__item,.m-side__tag{justify-content:center;padding:0}.m-side__count{min-width:15px;height:15px;padding:0 4px;font-size:9px;position:absolute;top:1px;right:-3px}}@media (max-width:780px){.m-app{height:540px}.m-app__body{grid-template-columns:minmax(0,1fr)}.m-side,.m-read-wrap,.m-app__armed{display:none}.m-list{border:0}.m-chrome{grid-template-columns:50px 1fr 50px}.m-frame{transform:none}}
.m-hero{--px:0;--py:0}.m-par{translate:calc(var(--px) * var(--dx,0) * 1px) calc(var(--py) * var(--dy,0) * 1px);transition:translate .9s var(--ease)}.m-hexes{width:0;height:0;position:absolute;top:330px;left:50%}.m-hex{fill:none;stroke-linejoin:round;position:absolute;overflow:visible;translate:-50% -50%}.m-hex path{vector-effect:non-scaling-stroke}.m-hex--a{stroke:#3b82f629;stroke-width:1.5px;width:560px;height:560px}.m-hex--b{stroke:#3b82f624;stroke-width:1.2px;stroke-dasharray:3 9;width:860px;height:860px;animation:90s linear infinite m-hex-spin}.m-hex--c{stroke:#3b82f614;stroke-width:1px;width:1180px;height:1180px}@keyframes m-hex-spin{to{rotate:360deg}}.m-beam{filter:blur(30px);opacity:.7;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:38%;height:90%;animation:11s ease-in-out infinite m-beam;position:absolute;top:-20%;left:0;rotate:12deg}@keyframes m-beam{0%,55%{translate:-120%}to{translate:320%}}.m-hero__points{flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:30px 0 0;padding:0;list-style:none;display:flex}.m-hero__points li{color:var(--mute);align-items:center;gap:7px;font-size:13.5px;display:inline-flex}.m-hero__points .m-i{color:var(--brand)}.m-orbs{pointer-events:none;height:620px;position:absolute;inset:0 0 auto}.m-orb{opacity:0;animation:m-orb-in .9s var(--spring) forwards;animation-delay:calc(.5s + var(--i) * .12s);position:absolute}@keyframes m-orb-in{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}.m-orb--a{top:250px;left:calc(50% - 560px)}.m-orb--b{top:210px;right:calc(50% - 540px)}.m-orb--c{top:470px;left:calc(50% - 470px)}.m-orb--d{top:450px;right:calc(50% - 480px)}.m-orb__tile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:52px;height:52px;animation:6s ease-in-out infinite m-bob;animation-delay:calc(var(--i) * -1.4s);background:#ffffffd1;border-radius:16px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #1118270d,0 18px 36px -14px #1d4ed859}.m-orb--b .m-orb__tile,.m-orb--c .m-orb__tile{border-radius:14px;width:44px;height:44px;rotate:-8deg}.m-orb--d .m-orb__tile{rotate:10deg}.m-orb__tile--blue{--t:#3b82f6}.m-orb__tile--coral{--t:#f06a48}.m-orb__tile--green{--t:#17a67c}.m-orb__tile--violet{--t:#8b6cf6}.m-orb__tile{color:var(--t);background:linear-gradient(160deg, #fffffff2, color-mix(in srgb, var(--t) 12%, #ffffffd9))}@keyframes m-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.m-stage__inner{--win:940px;--reach:min(176px, calc((100vw - var(--win)) / 2 - 24px));max-width:var(--win);margin:0 auto;position:relative}.m-frame__hint{z-index:4;background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:30px;padding:0 10px 0 9px;font-size:12px;display:inline-flex;position:absolute;top:-15px;right:26px;box-shadow:0 10px 24px -8px #11182780}.m-frame__hint i{background:#34d399;border-radius:50%;width:7px;height:7px;margin-right:3px;animation:1.6s infinite m-pulse-green}.m-frame__hint kbd{min-width:18px;height:18px;font-family:var(--font-mono);background:#ffffff24;border-radius:5px;place-items:center;padding:0 4px;font-size:10px;display:inline-grid}.m-fcards{pointer-events:none;position:absolute;inset:0}.m-fpos{z-index:5;opacity:0;position:absolute}.m-stage[data-in] .m-fpos{animation:m-fcard-in .8s var(--spring) forwards;animation-delay:calc(.9s + var(--i) * .14s)}@keyframes m-fcard-in{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}.m-fpos--sched{left:calc(-1 * var(--reach));top:118px}.m-fpos--search{left:calc(-1 * var(--reach) + 12px);bottom:44px}.m-fpos--invite{right:calc(-1 * var(--reach));top:196px}.m-fpos--queue{right:calc(-1 * var(--reach) + 8px);bottom:64px}.m-fcard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;animation:7s ease-in-out infinite m-bob;animation-delay:calc(var(--i) * -1.7s);background:#ffffffeb;border-radius:16px;align-items:center;gap:11px;padding:11px 14px 11px 11px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #fffffff2,0 0 0 1px #1118270f,0 24px 48px -18px #14326e66}.m-fcard__ic{border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.m-fcard__ic--blue{background:var(--brand-soft);color:var(--brand)}.m-fcard__ic--amber{color:#c7810d;background:#fff4dd}.m-fcard__txt{gap:1px;display:grid}.m-fcard__txt b{font-size:13px;font-weight:600}.m-fcard__txt i{color:var(--mute);font-size:11.5px;font-style:normal}.m-fcard__bar{background:var(--line-2);border-radius:3px;height:3px;position:absolute;bottom:6px;left:58px;right:14px;overflow:hidden}.m-fcard__bar i{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#60a5fa,#2563eb);width:100%;height:100%;animation:6s linear infinite m-countdown;display:block}@keyframes m-countdown{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}.m-fcard--search{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.m-fcard__field{background:var(--paper);height:32px;color:var(--brand);border-radius:10px;align-items:center;gap:7px;padding:0 10px;display:flex;box-shadow:inset 0 0 0 1.5px #3b82f680}.m-fcard__typed{width:18ch;font-family:var(--font-mono);color:var(--ink);font-size:11.5px;animation:5.5s steps(18,end) infinite m-type-loop;display:inline-block;overflow:hidden}@keyframes m-type-loop{0%{width:0}35%,85%{width:18ch}to{width:0}}.m-fcard__caret{background:var(--brand);width:1.5px;height:14px;margin-left:-4px;animation:.9s step-end infinite m-blink}.m-fcard__hits{align-items:center;gap:5px;padding:0 2px;display:flex}.m-fcard__hits i{opacity:.25;width:30px;height:20px;animation:5.5s infinite m-hit;animation-delay:calc(var(--n) * .12s);background:#ffe7e0;border-radius:6px}@keyframes m-hit{0%,36%{opacity:.25;transform:scale(.9)}44%,85%{opacity:1;transform:none}to{opacity:.25}}.m-fcard__hits b{color:var(--brand-ink);margin-left:auto;font-size:11.5px;font-weight:600}.m-fcard__date{width:40px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:10px;justify-items:center;padding:4px 0;display:grid}.m-fcard__date i{text-transform:uppercase;color:#e4477f;font-size:9.5px;font-style:normal;font-weight:600}.m-fcard__date b{font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.1}.m-fcard__accept{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:4px;animation:2.6s ease-out infinite m-accept;display:grid;box-shadow:0 0 #3b82f680}@keyframes m-accept{0%{box-shadow:0 0 #3b82f673}70%,to{box-shadow:0 0 0 10px #3b82f600}}@media (max-width:1240px){.m-orbs{display:none}}@media (max-width:1180px){.m-fcards{display:none}}@media (max-width:780px){.m-hexes{top:300px}.m-hex--a{width:420px;height:420px}.m-hex--c,.m-frame__hint{display:none}.m-hero__points{gap:6px 14px}.m-hero__points li{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.m-fcard__typed{width:18ch!important;animation:none!important}.m-fcard__hits i{opacity:1!important;animation:none!important}.m-beam{display:none}}.m-lens{isolation:isolate;cursor:default;position:relative}.m-lens__w{white-space:nowrap;display:inline-block}.m-lens__l{--e:0;transform-origin:50% 72%;color:color-mix(in srgb, var(--brand) calc(var(--e) * 100%), currentColor);text-shadow:0 calc(var(--e) * 12px) calc(var(--e) * 26px) rgba(59, 130, 246, calc(var(--e) * .35));transition:transform .6s var(--spring), color .45s var(--ease), text-shadow .45s var(--ease);will-change:transform;display:inline-block}.m-lens .m-accent .m-lens__l{color:color-mix(in srgb, var(--brand-ink) calc(var(--e) * 100%), currentColor)}.m-lens.is-lens .m-lens__l{transition:transform .14s var(--ease), color .2s, text-shadow .2s}.m-lens__glass{z-index:-1;pointer-events:none;opacity:0;width:2.6em;height:2.6em;transition:opacity .3s var(--ease), scale .5s var(--spring), transform .12s var(--ease);background:radial-gradient(circle at 34% 28%,#fffffff2,#fff0 38%),radial-gradient(circle,#dbeafe8c 0%,#dbeafe33 55%,#3b82f60f 69%,#0000 70.5%);border-radius:50%;margin:-1.3em 0 0 -1.3em;position:absolute;top:0;left:0;scale:.5;box-shadow:inset 0 0 0 1px #3b82f629,inset 0 -10px 24px #3b82f614,0 24px 50px -24px #1d4ed859}.m-lens.is-lens .m-lens__glass{opacity:1;scale:1}.m-lens .m-underline svg{pointer-events:none}
.m-bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:60px;display:grid}.m-cell{grid-column:span 2;display:flex}.m-cell--wide{grid-column:span 3}.m-card{--mx:50%;--my:0%;isolation:isolate;min-height:360px;box-shadow:0 0 0 1px var(--line), 0 1px 2px #11182708;transition:transform .45s var(--ease), box-shadow .45s var(--ease);background:linear-gradient(#fff,#fafcfe);border-radius:22px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.m-card:before{content:"";z-index:-1;background:radial-gradient(420px circle at var(--mx) var(--my), #3b82f61a, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.m-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #d3def0,0 26px 60px -24px #1d4ed84d}.m-card:hover:before,.m-card.is-play:before{opacity:1}.m-card__head{padding:22px 24px 0}.m-card__ic{background:var(--brand-soft);width:32px;height:32px;color:var(--brand);transition:transform .5s var(--spring);border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.m-card:hover .m-card__ic{transform:rotate(-10deg)scale(1.08)}.m-card h3{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600}.m-card p{max-width:36ch;color:var(--mute);margin:6px 0 0;font-size:14px;line-height:1.55}.m-card__vis{border-top:1px solid var(--line-2);background:radial-gradient(#28509614 1px,#0000 1.2px) 0 0/16px 16px,linear-gradient(#eeeffe33,#e8eafecc);flex:1;min-height:214px;margin-top:22px;position:relative;overflow:hidden}.v-lines{flex:1;gap:6px;display:grid}.v-lines b,.v-lines i{background:#dfe2ef;border-radius:4px;height:7px;display:block}.v-lines b{background:#c9cde2;position:relative}.v-lines i{width:85%}.v-av{border-radius:50%;flex:none;width:22px;height:22px}.v-inbox .v-row{left:24px;right:24px;top:calc(16px + var(--y) * 47px);height:42px;box-shadow:0 0 0 1px var(--line), 0 2px 6px #1118270a;transition:top .75s var(--spring) calc(var(--i) * 45ms), box-shadow .4s;background:#fff;border-radius:11px;align-items:center;gap:10px;padding:0 12px;display:flex;position:absolute}.m-card:is(:hover,.is-play) .v-inbox .v-row{top:calc(16px + var(--y2) * 47px)}.v-star{color:#cbd0e2;transition:color .3s .2s;display:inline-grid}.m-card:is(:hover,.is-play) .v-row.is-star{z-index:2;box-shadow:0 0 0 1.5px var(--brand), 0 10px 24px -6px #3b82f659}.m-card:is(:hover,.is-play) .v-row.is-star .v-star{color:#f2b138}.m-card:is(:hover,.is-play) .v-row.is-star .v-star svg{fill:currentColor;animation:m-pop .5s .35s var(--spring) both}.v-search{position:absolute;inset:20px 22px}.v-search__bar{height:42px;color:var(--mute-2);box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:0 12px;transition:box-shadow .35s;display:flex;position:relative}.m-card:is(:hover,.is-play) .v-search__bar{box-shadow:0 0 0 1.5px var(--brand), 0 0 0 5px #3b82f61f}.v-search__ph{font-size:13px;transition:opacity .2s;position:absolute;left:35px}.v-type{font-family:var(--font-mono);color:var(--ink);font-size:12px}.v-type span{white-space:nowrap;vertical-align:bottom;width:0;transition:width;display:inline-block;overflow:hidden}.m-card:is(:hover,.is-play) .v-type span{width:18ch;transition:width 1.1s steps(18,end) .1s}.m-card:is(:hover,.is-play) .v-search__ph{opacity:0}.v-caret{background:var(--brand);opacity:0;width:1.5px;height:16px;margin-left:-6px}.m-card:is(:hover,.is-play) .v-caret{opacity:1;animation:1s step-end infinite m-blink}.v-results{gap:8px;margin-top:12px;display:grid}.v-res{height:38px;box-shadow:0 0 0 1px var(--line);opacity:.35;filter:grayscale();transition:opacity .4s, transform .5s var(--spring), filter .4s;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:0 10px;display:flex;transform:translateY(6px)}.m-card:is(:hover,.is-play) .v-res{opacity:1;filter:none;transition-delay:calc(1.15s + var(--i) * 90ms);transform:none}.v-res__file{color:#d8492c;font-family:var(--font-mono);background:#ffe7e0;border-radius:5px;flex:none;padding:3px 5px;font-size:8.5px}.v-res mark{width:40%;box-shadow:none;transform-origin:0;transition:transform .35s var(--ease);background:#fff0a0;border-radius:3px;padding:0;position:absolute;top:-2px;bottom:-2px;left:0;transform:scaleX(0)}.m-card:is(:hover,.is-play) .v-res mark{transition-delay:calc(1.35s + var(--i) * 90ms);transform:none}.v-tags{place-items:center;display:grid;position:absolute;inset:0}.v-tag{height:32px;color:color-mix(in srgb, var(--c) 80%, #10132a);box-shadow:0 0 0 1px color-mix(in srgb, var(--c) 30%, transparent), 0 6px 16px -6px color-mix(in srgb, var(--c) 45%, transparent);transform:translate(0, calc(var(--i) * -3px)) rotate(calc(var(--i) * 2deg - 5deg));transition:transform .7s var(--spring) calc(var(--i) * 40ms);background:#fff;border-radius:10px;grid-area:1/1;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:500;display:inline-flex}.v-tag:before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px}.m-card:is(:hover,.is-play) .v-tag{transform:translate(var(--x), var(--y)) rotate(var(--r))}.v-files{place-items:end center;display:grid;position:absolute;inset:0}.v-folder{perspective:700px;width:min(320px,78%);height:150px;margin-bottom:-10px;position:relative}.v-folder__back{background:linear-gradient(#a3c6fb,#6fa6f7);border-radius:14px 14px 0 0;position:absolute;inset:0}.v-folder__back:before{content:"";background:#a3c6fb;border-radius:12px 12px 0 0;width:42%;height:20px;position:absolute;top:-14px;left:0}.v-file{width:128px;height:142px;transform:translate(calc(-50% + (var(--i) - 1) * 26px), 40px) rotate(calc((var(--i) - 1) * 4deg));transition:transform .75s var(--spring) calc(var(--i) * 60ms);background:#fff;border-radius:10px;padding:12px;position:absolute;bottom:18px;left:50%;box-shadow:0 8px 20px -8px #11182740}.m-card:is(:hover,.is-play) .v-file{transform:translate(calc(-50% + (var(--i) - 1) * 118px), -48px) rotate(calc((var(--i) - 1) * 9deg))}.v-file__k{font-family:var(--font-mono);border-radius:5px;padding:3px 6px;font-size:9px;display:inline-block}.v-file__n{white-space:nowrap;text-overflow:ellipsis;margin:8px 0 10px;font-size:10.5px;font-weight:500;display:block;overflow:hidden}.v-file__l{background:#e5e8f2;border-radius:3px;height:5px;margin-bottom:5px;display:block}.v-file__l--s{width:60%}.v-folder__front{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform-origin:bottom;height:96px;transition:transform .6s var(--spring);background:linear-gradient(#60a5faeb,#3b82f6f5);border-radius:12px 12px 0 0;align-items:flex-end;gap:8px;padding:0 18px 22px;font-size:13px;font-weight:500;display:flex;position:absolute;bottom:0;left:-4px;right:-4px;box-shadow:inset 0 1px #ffffff59}.m-card:is(:hover,.is-play) .v-folder__front{transform:rotateX(-22deg)}.v-cal{grid-template-columns:.8fr 1.6fr;gap:14px;display:grid;position:absolute;inset:20px 22px}.v-cal__mail{box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:12px;align-self:start;align-items:center;gap:8px;padding:12px;display:flex}.v-cal__grid{box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:4px;padding:10px;display:grid;position:relative}.v-cal__col{background:repeating-linear-gradient(#0000 0 27px,#eef0f6 27px 28px);border-radius:6px;min-height:140px;transition:background-color .4s;position:relative}.v-cal__col span{color:var(--mute-2);text-align:center;margin-bottom:4px;font-size:9.5px;font-weight:500;display:block}.v-cal__col.is-target{background-color:#3b82f60d}.v-ev{left:2px;right:2px;top:calc(20px + var(--t) * 28px);height:calc(var(--h) * 26px);background:#dbeaff;border-left:2px solid #3b92ef;border-radius:5px;position:absolute}.v-ev--b{background:#e4f7ee;border-color:#17a67c}.v-ev--c{background:#ffeede;border-color:#f06a48}.v-cal__fly{z-index:2;color:#fff;white-space:nowrap;opacity:0;width:calc(20% - 5px);min-width:80px;transition:left .8s var(--spring), top .8s var(--spring), opacity .3s, transform .5s var(--spring);background:linear-gradient(#5b9bf8,#2f74f0);border-radius:7px;padding:6px 8px;font-size:10px;font-weight:500;position:absolute;top:18px;left:-60%;transform:scale(.8);box-shadow:0 10px 22px -8px #2563eb99}.m-card:is(:hover,.is-play) .v-cal__fly{opacity:1;top:104px;left:calc(60% + 6px);transform:none}.v-contacts{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.v-person{transition:margin .6s var(--spring), transform .6s var(--spring);transform:translateY(calc(var(--o) * var(--o) * 2px));justify-items:center;margin-left:-16px;display:grid;position:relative}.v-person:first-child{margin-left:0}.v-person__av{color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;font-size:15px;font-weight:600;display:grid;box-shadow:0 0 0 3px #fff,0 8px 18px -6px #1118274d}.v-person__name{background:var(--ink);color:#fff;white-space:nowrap;opacity:0;transition:opacity .3s, transform .4s var(--spring);border-radius:7px;padding:4px 8px;font-size:11px;position:absolute;top:-30px;transform:translateY(6px)scale(.9)}.m-card:is(:hover,.is-play) .v-person{transform:translateY(calc(var(--o) * var(--o) * -6px + 12px));margin-left:8px}.m-card:is(:hover,.is-play) .v-person:first-child{margin-left:0}.m-card:is(:hover,.is-play) .v-person__name{opacity:1;transition-delay:calc(.25s + var(--i) * 60ms);transform:none}.v-theme{box-shadow:0 0 0 1px var(--line);border-radius:14px;position:absolute;inset:22px;overflow:hidden}.v-theme__light,.v-theme__dark{position:absolute;inset:0}.v-theme__light{background:#fff}.v-theme__dark{clip-path:inset(0 0 0 55%);transition:clip-path .9s var(--ease);background:#0f1729}.m-card:is(:hover,.is-play) .v-theme__dark{clip-path:inset(0)}.v-theme__ui{padding:14px}.v-theme__bar{background:#e3e6f1;border-radius:5px;width:40%;height:10px;margin-bottom:14px;display:block}.v-theme__row{background:#f4f5fa;border-radius:8px;align-items:center;gap:8px;height:30px;margin-bottom:6px;padding:0 8px;display:flex}.v-theme__row i{background:#bfdbfe;border-radius:50%;width:14px;height:14px}.v-theme__row b{background:#cfd3e4;border-radius:3px;height:6px}.v-theme__dark .v-theme__bar{background:#26344f}.v-theme__dark .v-theme__row{background:#18233d}.v-theme__dark .v-theme__row b{background:#344565}.v-theme__dark .v-theme__row i{background:#4f93f7}.v-theme__knob{color:#f2a91e;width:40px;height:40px;transition:left .9s var(--ease), background-color .6s, color .6s, transform .9s var(--ease);background:#fff;border-radius:50%;place-items:center;margin-top:-20px;display:grid;position:absolute;top:50%;left:calc(55% - 20px);box-shadow:0 8px 20px #11182740}.v-theme__knob .m-i{transition:opacity .4s, transform .6s var(--spring);position:absolute}.v-theme__knob .m-i--moon{opacity:0;transform:rotate(-90deg)}.m-card:is(:hover,.is-play) .v-theme__knob{color:#bfdbfe;background:#26344f;left:14px;transform:rotate(-360deg)}.m-card:is(:hover,.is-play) .v-theme__knob .m-i--sun{opacity:0}.m-card:is(:hover,.is-play) .v-theme__knob .m-i--moon{opacity:1;transform:none}.v-off{grid-template-columns:90px 1fr;align-items:center;gap:16px;display:grid;position:absolute;inset:22px}.v-off__sig{justify-content:center;align-items:flex-end;gap:6px;height:64px;display:flex;position:relative}.v-off__sig i{background:var(--brand);border-radius:3px;width:12px;transition:background-color .3s,opacity .3s}.v-off__sig i:first-child{height:22px}.v-off__sig i:nth-child(2){height:40px}.v-off__sig i:nth-child(3){height:60px}.m-card:is(:hover,.is-play) .v-off__sig i{background:#d3dae6}.m-card:is(:hover,.is-play) .v-off__sig i:nth-child(3){transition-delay:0s}.m-card:is(:hover,.is-play) .v-off__sig i:nth-child(2){transition-delay:.15s}.m-card:is(:hover,.is-play) .v-off__sig i:first-child{transition-delay:.3s}.v-off__slash{width:84px;height:3px;transition:transform .4s var(--spring) .45s;background:#e4477f;border-radius:3px;margin:-1.5px 0 0 -42px;position:absolute;top:50%;left:50%;transform:rotate(-45deg)scaleX(0);box-shadow:0 0 0 2px #fff}.m-card:is(:hover,.is-play) .v-off__slash{transform:rotate(-45deg)scaleX(1)}.v-off__queue{gap:8px;display:grid;position:relative}.v-off__item{height:36px;color:var(--mute-2);box-shadow:0 0 0 1px var(--line);opacity:.4;transition:transform .5s var(--spring), opacity .4s, color .3s;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex;transform:translate(10px)}.v-off__item b{background:#d4d8e8;border-radius:3px;height:6px}.m-card:is(:hover,.is-play) .v-off__item{opacity:1;color:#e39a22;transition-delay:calc(.6s + var(--i) * .12s);transform:none}.v-off__badge{color:#a86b0b;transition:transform .45s var(--spring);background:#fff4dd;border-radius:999px;justify-self:start;padding:4px 9px;font-size:11px;font-weight:600;transform:scale(0)}.m-card:is(:hover,.is-play) .v-off__badge{transition-delay:.95s;transform:none}@media (max-width:1000px){.m-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.m-cell{grid-column:span 1}.m-cell--wide{grid-column:span 2}}@media (max-width:640px){.m-bento{grid-template-columns:minmax(0,1fr)}.m-cell,.m-cell--wide{grid-column:auto}.m-card{min-height:330px}.m-card:is(:hover,.is-play) .v-file{transform:translate(calc(-50% + (var(--i) - 1) * 84px), -40px) rotate(calc((var(--i) - 1) * 9deg))}}
.m-compose-wrap{position:relative}.m-folders{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.m-folders span{height:32px;color:var(--mute);box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;transition:box-shadow .4s,color .3s;display:inline-flex}.m-folders b{background:var(--paper);min-width:18px;color:var(--ink-2);font-family:var(--font-mono);text-align:center;animation:m-bump .5s var(--spring);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:500;display:inline-block}.m-folders .is-lit{color:var(--brand-ink);box-shadow:0 0 0 1px #bfdbfe,0 6px 16px -6px #3b82f659}.m-folders .is-lit b{background:var(--brand);color:#fff}.m-compose{box-shadow:0 0 0 1px var(--line), 0 30px 70px -30px #14326e4d, 0 8px 20px #1118270d;transition:transform .5s var(--spring), box-shadow .5s;background:#fff;border-radius:20px;position:relative}.m-compose.is-sending{transform:translateY(-6px)scale(.99)}.m-compose__bar{background:var(--ink);color:#fff;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;height:46px;padding:0 18px;font-size:13px;font-weight:500;display:flex}.m-compose__win{gap:8px;display:flex}.m-compose__win i{background:#ffffff80;border-radius:2px;width:12px;height:2px}.m-compose__win i:last-child{background:0 0;border:1.5px solid #ffffff80;border-radius:3px;height:10px}.m-field{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;min-height:50px;padding:6px 18px;display:flex;position:relative}.m-field>label{width:52px;color:var(--mute-2);flex:none;font-size:13px}.m-field>input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px;font-weight:500}.m-field.is-shake{animation:m-shake .5s var(--ease)}.m-field.is-error>label{color:#e4477f}.m-field__err{color:#e4477f;animation:m-fade-up .3s var(--ease);font-size:12px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.m-chips{cursor:text;flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.m-chips input{background:0 0;border:0;outline:0;flex:1;min-width:140px;height:30px;font-size:14px}.m-chip{background:var(--brand-soft);height:30px;color:var(--brand-ink);animation:m-pop .4s var(--spring);border-radius:999px;align-items:center;gap:6px;padding:0 4px 0 5px;font-size:13px;font-weight:500;display:inline-flex}.m-chip button{width:20px;height:20px;color:inherit;cursor:pointer;opacity:.6;transition:background-color .2s, opacity .2s, transform .3s var(--spring);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.m-chip button:hover{opacity:1;background:#3b82f626;transform:rotate(90deg)}.m-ac{z-index:10;width:min(320px,100% - 90px);box-shadow:0 0 0 1px var(--line), 0 22px 44px -12px #11182740;opacity:0;transform-origin:0 0;pointer-events:none;transition:opacity .2s, transform .35s var(--spring);background:#fff;border-radius:14px;padding:6px;position:absolute;top:calc(100% - 4px);left:76px;transform:translateY(-6px)scale(.98)}.m-ac.is-open{opacity:1;pointer-events:auto;transform:none}.m-ac button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.m-ac button>span:nth-child(2){flex:1;display:grid}.m-ac b{font-size:13px;font-weight:500}.m-ac i{color:var(--mute);font-size:11.5px;font-style:normal}.m-ac button .m-kbd{opacity:0}.m-ac button.is-hi{background:var(--paper)}.m-ac button.is-hi .m-kbd{opacity:.5}.m-compose__body{resize:none;width:100%;min-height:150px;color:var(--ink-2);background:0 0;border:0;outline:0;padding:16px 18px;font-size:14px;line-height:1.65;display:block}.m-compose__files{padding:0 18px 14px}.m-filechip{background:var(--paper);box-shadow:0 0 0 1px var(--line);animation:m-pop .4s var(--spring);border-radius:12px;align-items:center;gap:10px;padding:6px;display:inline-flex}.m-filechip>span:nth-child(2){display:grid}.m-filechip b{font-size:12.5px;font-weight:500}.m-filechip i{color:var(--mute);font-size:11px;font-style:normal}.m-filechip button{width:24px;height:24px;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.m-filechip button:hover{color:var(--ink);background:#fff}.m-filechip--ghost{color:var(--mute-2);box-shadow:0 0 0 1px var(--line) inset;background:0 0;padding:8px 12px;font-size:12.5px;animation:none}.m-compose__foot{border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 14px;display:flex}.m-compose__tools{gap:2px;display:flex}.m-send{transition:transform .3s var(--spring);background:linear-gradient(#5b9bf8,#2f74f0);border-radius:999px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #2563eb,0 10px 24px -8px #2563eb99}.m-send:active{transform:scale(.97)}.m-send__main,.m-send__more{color:#fff;cursor:pointer;background:0 0;border:0;height:42px}.m-send__main{border-radius:999px 0 0 999px;padding:0 14px 0 20px;font-size:14px;font-weight:500}.m-send__label{animation:m-fade-up .35s var(--ease);align-items:center;gap:8px;display:inline-flex}.m-send__label em{font-family:var(--font-mono);background:#ffffff2e;border-radius:999px;padding:2px 8px;font-size:11.5px;font-style:normal}.m-send__main:hover .m-i--send{transform:translate(2px,-2px)}.m-send__main .m-i--send{transition:transform .35s var(--spring)}.m-send__more{border-left:1px solid #ffffff38;border-radius:0 999px 999px 0;place-items:center;width:40px;display:grid}.m-send__more .m-i{transition:transform .4s var(--spring)}.m-send__more[aria-expanded=true] .m-i{transform:rotate(180deg)}.m-send__more:hover{background:#ffffff1a}.m-menu{z-index:10;width:270px;box-shadow:0 0 0 1px var(--line), 0 26px 50px -14px #1118274d;opacity:0;transform-origin:100% 100%;pointer-events:none;transition:opacity .2s, transform .4s var(--spring);background:#fff;border-radius:16px;padding:6px;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(8px)scale(.96)}.m-menu.is-open{opacity:1;pointer-events:auto;transform:none}.m-menu__h{letter-spacing:.06em;text-transform:uppercase;color:var(--mute-2);padding:8px 10px 6px;font-size:11px;font-weight:500}.m-menu button{text-align:left;cursor:pointer;opacity:0;width:100%;transition:background-color .2s, opacity .3s, transform .4s var(--spring);background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:8px 10px;display:flex;transform:translateY(4px)}.m-menu.is-open button{opacity:1;transition-delay:0s, calc(var(--i) * 40ms), calc(var(--i) * 40ms);transform:none}.m-menu button:hover{background:var(--paper)}.m-menu__ic{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);transition:transform .4s var(--spring);border-radius:9px;place-items:center;display:grid}.m-menu button:hover .m-menu__ic{transform:rotate(-12deg)}.m-menu__txt{flex:1;display:grid}.m-menu__txt b{font-size:13px;font-weight:500}.m-menu__txt i{font-family:var(--font-mono);color:var(--mute);font-size:11px;font-style:normal}.m-menu__ck{color:var(--brand);animation:m-pop .4s var(--spring)}.m-menu__sep{background:var(--line-2);height:1px;margin:4px 8px}.m-plane{z-index:3;color:var(--brand);opacity:0;pointer-events:none;position:absolute;bottom:24px;right:70px}.m-compose.is-sending .m-plane{animation:m-fly .8s var(--ease) forwards}@keyframes m-fly{0%{opacity:1;transform:translate(0)rotate(0)}30%{opacity:1;transform:translate(-20px,6px)rotate(-8deg)}to{opacity:0;transform:translate(220px,-460px)rotate(12deg)scale(.5)}}.m-compose__done{z-index:4;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#ffffffe6;border-radius:0 0 20px 20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;transition:opacity .35s;display:flex;position:absolute;inset:46px 0 0}.m-compose.is-done .m-compose__done{opacity:1;pointer-events:auto}.m-compose__done b{letter-spacing:-.02em;animation:m-fade-up .4s .15s var(--ease) both;margin-top:10px;font-size:18px;font-weight:600}.m-compose__done>span:last-child{color:var(--mute);animation:m-fade-up .4s .25s var(--ease) both;font-size:13.5px}.m-done__ic{color:#0f8a5f;width:58px;height:58px;animation:m-pop .5s var(--spring);background:#e7f7f0;border-radius:50%;place-items:center;display:grid}.m-done__ic path,.m-drawck path{stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px;animation:m-draw .5s .2s var(--ease) forwards}.m-drawck path{stroke-width:2.2px;animation-delay:0s}.m-search{box-shadow:0 0 0 1px var(--line), 0 30px 70px -34px #14326e47;background:#fff;border-radius:22px;overflow:hidden}.m-search__field{background:var(--paper);min-height:62px;color:var(--mute);border-radius:14px;align-items:center;gap:12px;margin:12px;padding:8px 12px 8px 16px;transition:box-shadow .3s,background-color .3s;display:flex;box-shadow:0 0 0 1px #0000}.m-search__field:focus-within{color:var(--brand);box-shadow:0 0 0 1.5px var(--brand), 0 0 0 6px #3b82f61f;background:#fff}.m-search__chips{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.m-search__chips input{min-width:140px;height:34px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.m-search__chips input::placeholder{color:var(--mute-2);transition:color .3s}.m-token{height:28px;color:var(--ink-2);font-family:var(--font-mono);cursor:pointer;box-shadow:0 0 0 1px var(--line);transition:background-color .2s, color .2s, box-shadow .2s, transform .3s var(--spring);background:#fff;border:0;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:12px;display:inline-flex}.m-token:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #cdd6e6,0 4px 10px #1118270f}.m-token.is-on{background:var(--brand);color:#fff;box-shadow:inset 0 1px #fff3,0 4px 12px -4px #3b82f699}.m-search__chips .m-token{animation:m-pop .35s var(--spring)}.m-search__sugg{flex-wrap:wrap;align-items:center;gap:6px;padding:0 18px 14px;display:flex}.m-search__sugg>span{color:var(--mute-2);margin-right:4px;font-size:12px}.m-search__count{border-block:1px solid var(--line-2);color:var(--mute);background:#fafcfe;padding:10px 18px;font-size:12.5px}.m-search__count b{color:var(--ink);font-family:var(--font-mono);font-weight:500}.m-search__count span{color:var(--mute-2)}.m-search__list{scrollbar-width:thin;max-height:440px;position:relative;overflow-y:auto}.m-sres{transition:grid-template-rows .4s var(--ease), opacity .3s;grid-template-rows:1fr;display:grid}.m-sres.is-out{opacity:0;grid-template-rows:0fr}.m-sres__in{min-height:0;overflow:hidden}.m-sres__card{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:12px 18px;transition:background-color .2s;display:flex}.m-sres__card:hover{background:#f7faff}.m-sres__main{flex:1;min-width:0}.m-sres__top{justify-content:space-between;gap:10px;font-size:13px;display:flex}.m-sres__top b{font-weight:600}.m-sres__top time{font-family:var(--font-mono);color:var(--mute-2);flex:none;font-size:11px}.m-sres__subj,.m-sres__prev{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.m-sres__subj{margin-top:1px;font-size:13px}.m-sres__prev{color:var(--mute);font-size:12.5px}.m-sres__meta{flex:none;align-items:center;gap:8px;display:flex}.m-search__none{text-align:center;color:var(--mute);animation:m-fade-up .4s var(--ease);flex-direction:column;align-items:center;gap:6px;padding:50px 20px;font-size:13px;display:flex}.m-search__none b{color:var(--ink);font-size:15px}.m-search__none .m-btn{margin-top:10px}.m-palette{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.m-swatch{height:38px;color:var(--ink-2);cursor:pointer;box-shadow:0 0 0 1px var(--line);transition:box-shadow .3s, transform .35s var(--spring);background:#fff;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:13.5px;font-weight:500;display:inline-flex}.m-swatch i{background:var(--c);width:16px;height:16px;transition:transform .4s var(--spring);border-radius:50%;box-shadow:inset 0 -2px #0000001f}.m-swatch:hover{transform:translateY(-2px)}.m-swatch:hover i{transform:scale(1.18)}.m-swatch.is-on{box-shadow:0 0 0 2px var(--c), 0 10px 22px -10px var(--c)}.m-swatch.is-on i{box-shadow:inset 0 -2px 0 #0000001f, 0 0 0 3px color-mix(in srgb, var(--c) 25%, transparent);transform:scale(1.1)}.m-tagbox{box-shadow:0 0 0 1px var(--line), 0 30px 70px -34px #14326e47;background:#fff;border-radius:22px;overflow:hidden}.m-tagbox__filters{scrollbar-width:none;border-bottom:1px solid var(--line-2);gap:6px;padding:14px;display:flex;overflow-x:auto}.m-tfilter{background:var(--paper);height:32px;color:var(--ink-2);cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 8px 0 11px;font-size:12.5px;transition:background-color .25s,color .25s,opacity .25s,box-shadow .25s;display:inline-flex}.m-tfilter i{background:var(--c);border-radius:50%;width:8px;height:8px}.m-tfilter b{min-width:20px;font-family:var(--font-mono);text-align:center;background:#fff;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:500}.m-tfilter.is-zero{opacity:.55}.m-tfilter.is-on{background:color-mix(in srgb, var(--c,var(--ink)) 14%, #fff);color:color-mix(in srgb, var(--c,var(--ink)) 80%, #10132a);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--c,var(--ink)) 60%, transparent);opacity:1}.m-tfilter:first-child.is-on{background:var(--ink);color:#fff;box-shadow:none}.m-tfilter:first-child.is-on b{background:#ffffff29}.m-tagbox__list{--cx:-100px;--cy:-100px;padding:6px;position:relative}.m-trow{text-align:left;cursor:pointer;width:100%;transition:background-color .25s, opacity .35s, transform .4s var(--spring), filter .35s;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;padding:12px 14px 12px 16px;display:flex;position:relative}.m-trow:before{content:"";background:var(--bar);width:3px;transition:transform .4s var(--spring), background-color .3s;border-radius:3px;position:absolute;top:12px;bottom:12px;left:4px;transform:scaleY(0)}.m-trow.is-tagged:before{transform:none}.m-trow:hover{background:var(--paper)}.has-brush .m-trow:hover{background:color-mix(in srgb, var(--brush) 7%, #fff);cursor:none}.m-trow:active{transform:scale(.99)}.m-trow.is-dim{opacity:.28;filter:grayscale(.8);transform:scale(.985)}.m-trow__main{flex:1;min-width:0;display:grid}.m-trow__main b{font-size:13.5px;font-weight:600}.m-trow__main span{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.m-trow__tags{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:45%;display:flex}.m-brushchip{z-index:5;background:var(--brush);color:#fff;white-space:nowrap;height:26px;box-shadow:0 8px 18px -6px var(--brush);pointer-events:none;opacity:0;transform:translate(calc(var(--cx) + 10px), calc(var(--cy) - 32px)) scale(.8);transition:opacity .2s, transform .12s var(--ease);border-radius:999px 999px 999px 4px;align-items:center;gap:5px;padding:0 9px 0 7px;font-size:11.5px;font-weight:600;display:inline-flex;position:absolute;top:0;left:0}.m-tagbox__list:hover .m-brushchip{opacity:1;transform:translate(calc(var(--cx) + 10px), calc(var(--cy) - 32px))}@media (hover:none){.m-brushchip{display:none}}.m-calgrid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;margin-top:56px;display:grid}.m-mailcard,.m-cal{box-shadow:0 0 0 1px var(--line), 0 30px 70px -34px #14326e47;background:#fff;border-radius:22px}.m-mailcard{padding:22px}.m-mailcard__head{align-items:center;gap:12px;display:flex}.m-mailcard__head>div{flex:1;display:grid}.m-mailcard__head b{font-size:14px;font-weight:600}.m-mailcard__head span{color:var(--mute);font-size:12.5px}.m-mailcard__head time{font-family:var(--font-mono);color:var(--mute-2);font-size:11px}.m-mailcard h3{letter-spacing:-.02em;margin:20px 0 8px;font-size:20px;font-weight:600}.m-mailcard p{color:var(--mute);margin:0;font-size:14px;line-height:1.65}.m-invite{background:linear-gradient(135deg,#f2f7ff,#eef6ff);border-radius:16px;gap:14px;margin-top:18px;padding:14px;transition:opacity .4s,box-shadow .4s;display:flex;box-shadow:inset 0 0 0 1px #dbe7fb}.m-invite.is-added{background:linear-gradient(135deg,#f1fbf6,#eefaf5);box-shadow:inset 0 0 0 1.5px #bfe8d6}.m-invite__date{background:#fff;border-radius:12px;flex:none;justify-items:center;width:58px;padding:7px 0;display:grid;box-shadow:0 2px 8px #1118270f}.m-invite__date i{text-transform:uppercase;color:#e4477f;font-size:10px;font-style:normal;font-weight:500}.m-invite__date i:last-child{color:var(--mute)}.m-invite__date b{font-size:22px;font-weight:600;line-height:1.1}.m-invite__txt{align-content:center;gap:4px;display:grid}.m-invite__txt b{font-size:15px;font-weight:600}.m-invite__txt span{color:var(--mute);align-items:center;gap:6px;font-size:12.5px;display:flex}.m-invite__acts{gap:8px;margin-top:12px;display:flex}.m-thread{border-top:1px solid var(--line-2);align-items:center;gap:12px;margin-top:22px;padding-top:18px;display:flex}.m-thread__label{color:var(--mute-2);font-size:12px}.m-thread__people{display:flex}.m-thread__people .m-person{transition:margin .4s var(--spring);margin-left:-8px}.m-thread__people .m-person:first-child{margin-left:0}.m-thread__people:hover .m-person{margin-left:4px}.m-thread__people:hover .m-person:first-child{margin-left:0}.m-thread__people .m-av{box-shadow:0 0 0 2.5px #fff}.m-thread__hint{color:var(--mute-2);margin-left:auto;font-size:12px}.m-person{cursor:default;border-radius:50%;outline:none;display:inline-flex;position:relative}.m-person>.m-av{transition:transform .35s var(--spring)}.m-person:hover>.m-av,.m-person:focus-visible>.m-av{transform:translateY(-3px)scale(1.06)}.m-person:focus-visible>.m-av{box-shadow:0 0 0 2.5px #fff, 0 0 0 4.5px var(--brand)}.m-hover{z-index:20;width:264px;box-shadow:0 0 0 1px var(--line), 0 24px 50px -14px #1118274d;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s, transform .35s var(--spring), visibility 0s .35s;background:#fff;border-radius:16px;gap:8px;padding:14px;display:grid;position:absolute;left:50%}.m-hover--top{transform-origin:bottom;bottom:calc(100% + 12px);transform:translate(-50%,8px)scale(.96)}.m-hover--bottom{transform-origin:0 0;top:calc(100% + 12px);left:0;transform:translateY(-8px)scale(.96)}.m-person:hover .m-hover,.m-person:focus-within .m-hover{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s .15s, transform .4s var(--spring) .15s, visibility 0s .15s}.m-person:hover .m-hover--top,.m-person:focus-within .m-hover--top{transform:translate(-50%)}.m-person:hover .m-hover--bottom,.m-person:focus-within .m-hover--bottom{transform:none}.m-hover__top{border-bottom:1px solid var(--line-2);align-items:center;gap:11px;padding-bottom:10px;display:flex}.m-hover__top>span:last-child{display:grid}.m-hover__top b{font-size:14px;font-weight:600}.m-hover__top i{color:var(--mute);font-size:12px;font-style:normal}.m-hover__row{color:var(--ink-2);align-items:center;gap:8px;font-size:12.5px;display:flex}.m-hover__row .m-i{color:var(--mute-2)}.m-hover__acts{gap:6px;margin-top:4px;display:flex}.m-hover__btn{background:var(--paper);border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;height:30px;font-size:12px;font-weight:500;transition:background-color .2s;display:inline-flex}.m-hover__btn:first-child{background:var(--ink);color:#fff}.m-cal{overflow:hidden}.m-cal__head{justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.m-cal__head>div:first-child{display:grid}.m-cal__head b{letter-spacing:-.02em;font-size:16px;font-weight:600}.m-cal__head span{color:var(--mute);font-size:12px}.m-cal__nav{align-items:center;gap:4px;display:flex}.m-cal__today{box-shadow:0 0 0 1px var(--line);border-radius:8px;padding:5px 11px;font-size:12px;font-weight:500}.m-cal__days,.m-cal__body{grid-template-columns:52px minmax(0,1fr);display:grid}.m-cal__days{border-block:1px solid var(--line-2);background:#fafcfe;grid-template-columns:52px repeat(5,minmax(0,1fr))}.m-cal__days span{color:var(--mute);text-align:center;padding:9px 4px;font-size:11.5px}.m-cal__days b{width:22px;height:22px;color:var(--ink);border-radius:50%;place-items:center;margin-left:2px;font-weight:600;display:inline-grid}.m-cal__days .is-today b{background:var(--brand);color:#fff}.m-cal__hours{grid-auto-rows:46px;display:grid}.m-cal__hours span{font-family:var(--font-mono);color:var(--mute-2);text-align:right;padding:0 8px 0 0;font-size:10px;transform:translateY(-7px)}.m-cal__hours span:first-child{visibility:hidden}.m-cal__cols{background:repeating-linear-gradient(180deg, transparent 0 45px, var(--line-2) 45px 46px);grid-template-columns:repeat(5,minmax(0,1fr));height:368px;display:grid}.m-cal__col{border-left:1px solid var(--line-2);position:relative}.m-ev{left:3px;right:3px;top:calc(var(--s) * 46px + 2px);height:calc(var(--l) * 46px - 4px);color:#1f4f96;transition:transform .3s var(--spring);background:#e3efff;border-left:3px solid #3b92ef;border-radius:8px;align-content:start;gap:1px;padding:5px 7px;font-size:11px;display:grid;position:absolute;overflow:hidden}.m-ev:hover{transform:scale(1.03)}.m-ev b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.m-ev span{font-family:var(--font-mono);opacity:.8;font-size:9.5px}.m-ev--b{color:#0e6b4e;background:#e2f6ee;border-color:#17a67c}.m-ev--c{color:#9a3b22;background:#fff0e4;border-color:#f06a48}.m-ev--slot{color:#3f7fe0;background:0 0;border:1.5px dashed #a9c8f7;animation:1.8s ease-in-out infinite m-slot}@keyframes m-slot{50%{border-color:var(--brand);background:#3b82f612}}.m-ev--slot.is-added{color:#fff;animation:m-pop .5s var(--spring);background:linear-gradient(#5b9bf8,#2f74f0);border:0;border-left:3px solid #1d4ed8;box-shadow:0 10px 22px -8px #2563eb99}.m-cal__now{left:-1px;right:0;top:calc(var(--s) * 46px);background:#e4477f;height:2px;position:absolute}.m-cal__now:before{content:"";background:#e4477f;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-4px}.m-flight{z-index:80;color:#fff;pointer-events:none;background:linear-gradient(#5b9bf8,#2f74f0);border-radius:10px;align-content:start;gap:1px;padding:6px 8px;font-size:11px;transition:transform .7s cubic-bezier(.5,0,.2,1),width .7s cubic-bezier(.5,0,.2,1),height .7s cubic-bezier(.5,0,.2,1);display:grid;position:fixed;overflow:hidden;box-shadow:0 24px 40px -12px #2563ebb3}.m-flight b{font-size:13px;font-weight:600}.m-flight span{font-family:var(--font-mono);font-size:10px}@media (max-width:960px){.m-calgrid{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.m-cal__days,.m-cal__body{grid-template-columns:36px minmax(0,1fr)}.m-cal__days{grid-template-columns:36px repeat(5,minmax(0,1fr))}.m-cal__days b{margin:2px auto 0;display:block}.m-ev{padding:4px 5px;font-size:10px}.m-ev span,.m-thread__hint{display:none}.m-trow__tags{max-width:38%}.m-field>label{width:44px}.m-ac{width:calc(100% - 24px);left:12px}.m-compose__tools .m-ib:nth-child(-n+3){display:none}}
.m-dark{color:#e9f0ff;background:radial-gradient(900px 500px at 50% -10%,#3b82f647,#0000 65%),radial-gradient(600px 400px at 100% 100%,#6cc6ff1f,#0000 70%),#070d1c;overflow:hidden}.m-dark .m-lede{color:#98a6c2}.m-dark .m-accent{color:#93c5fd}.m-dark__grid{pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000 75%)}.m-kstage{margin-top:56px;position:relative}.m-kread{background:#ffffff0a;border-radius:20px;align-items:center;gap:18px;min-height:74px;margin:0 auto 18px;padding:12px 18px 12px 12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.m-kread__keys{gap:6px;display:flex}.m-kcap{color:#fff;min-width:50px;height:50px;font-family:var(--font-mono);animation:m-cap-in .45s var(--spring) both;animation-delay:calc(var(--i,0) * 70ms);background:linear-gradient(#22304f,#172240);border-radius:12px;place-items:center;padding:0 12px;font-size:20px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 4px #0a1226,0 8px 18px #0006}.m-kcap--idle{color:#6a7a9e;animation:none}@keyframes m-cap-in{0%{background:linear-gradient(#4f93f7,#2f74f0);transform:translateY(6px)scale(.85);box-shadow:inset 0 1px #ffffff1f,0 0 #0a1226,0 0 #0000}to{transform:none}}.m-kread__label{letter-spacing:-.02em;animation:m-fade-up .4s var(--ease);flex:1;font-size:clamp(17px,2vw,22px);font-weight:500}.m-kread__live{color:#6a7a9e;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.m-kread__live i{background:#46557a;border-radius:50%;width:7px;height:7px}.m-kread__live.is-on{color:#7fe0bd}.m-kread__live.is-on i{background:#22b38a;animation:1.6s infinite m-pulse-green}.m-kgrid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:stretch;gap:18px;display:grid}.m-kb{--k:clamp(26px, 4.4vw, 54px);--g:clamp(4px, .6vw, 8px);gap:var(--g);background:linear-gradient(#111a33,#0c142b);border-radius:22px;align-content:center;justify-items:center;padding:clamp(14px,2vw,24px);display:grid;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #ffffff0f,0 40px 80px -30px #000000b3}.m-kb__row{gap:var(--g);display:flex}.m-key{width:calc(var(--k) * var(--w) + var(--g) * (var(--w) - 1));height:var(--k);border-radius:calc(var(--k) * .2);color:#7888aa;font-family:var(--font-mono);cursor:pointer;background:linear-gradient(#1d2a4a,#16213d);border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;transition:transform 90ms ease-out,box-shadow 90ms ease-out,background .25s,color .25s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 3px #070d1e,0 5px 10px #00000059}.m-key__g{font-size:calc(var(--k) * .3);text-transform:uppercase;line-height:1}.m-key__l{max-width:100%;font-family:var(--font-sans);font-size:calc(var(--k) * .16);color:#8ea3c9;white-space:nowrap;text-overflow:ellipsis;padding:0 2px;overflow:hidden}.m-key.is-mapped{color:#fff;background:linear-gradient(#243760,#1b2b4f);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #93c5fd2e,0 3px #070d1e,0 5px 10px #00000059}.m-key.is-mapped:hover{background:linear-gradient(#2c4577,#22375f)}.m-key.is-dead{opacity:.5;cursor:default}.m-key.is-down{color:#fff;background:linear-gradient(#5b9bf8,#2f74f0);transform:translateY(3px);box-shadow:inset 0 1px #ffffff4d,0 0 #070d1e,0 0 26px #3b82f6a6}.m-key.is-down .m-key__l{color:#deeaff}.m-kprev{min-height:300px;color:var(--ink);background:#fff;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000000b3}.m-kprev__bar{border-bottom:1px solid var(--line-2);align-items:center;gap:6px;padding:12px;display:flex}.m-kprev__folder{height:26px;color:var(--mute);border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;transition:background-color .35s,color .35s;display:inline-flex}.m-kprev__folder.is-on{background:var(--brand-soft);color:var(--brand-ink);font-weight:500}.m-kprev__search{background:var(--paper);max-width:34px;height:26px;color:var(--mute);transition:max-width .5s var(--spring), box-shadow .3s;border-radius:8px;flex:1;align-items:center;gap:6px;margin-left:auto;padding:0 9px;font-size:11.5px;display:flex;overflow:hidden}.m-kprev__typed{width:0;font-family:var(--font-mono);color:var(--ink);white-space:nowrap;font-size:11px;display:inline-block;overflow:hidden}.m-kprev__list{padding:6px;position:relative}.m-kprev__sel{background:var(--brand-soft);height:52px;box-shadow:inset 3px 0 0 var(--brand);border-radius:12px;position:absolute;top:6px;left:6px;right:6px}.m-kprev__row{align-items:center;gap:10px;height:52px;padding:0 12px;display:flex;position:relative}.m-kprev__check{color:#fff;width:0;height:16px;transition:width .3s var(--spring);border-radius:5px;place-items:center;display:grid;overflow:hidden}.m-kprev__av{background:linear-gradient(140deg,#c1a8ff,#7b57f0);border-radius:50%;flex:none;width:26px;height:26px}.r1 .m-kprev__av{background:linear-gradient(140deg,#7fe6bf,#139b72)}.r2 .m-kprev__av{background:linear-gradient(140deg,#96ceff,#3677e8)}.r3 .m-kprev__av{background:linear-gradient(140deg,#ffab8f,#ee5f3c)}.m-kprev__lines{flex:1;gap:6px;display:grid}.m-kprev__lines b,.m-kprev__lines i{background:#cfd3e4;border-radius:4px;height:7px;display:block}.m-kprev__lines i{background:#e5e8f1;width:80%}.m-kprev__star{color:#cfd3e4;display:inline-grid}.m-kprev__dot{background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;left:4px;transform:scale(0)}.m-kprev__reply,.m-kprev__compose,.m-kprev__help,.m-kprev__toast{opacity:0;pointer-events:none;position:absolute}.m-kprev__reply{box-shadow:0 0 0 1.5px var(--brand), 0 16px 30px -12px #3b82f666;background:#fff;border-radius:12px;gap:6px;padding:12px;display:grid;top:112px;left:12px;right:12px}.m-kprev__reply span{color:var(--brand-ink);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.m-kprev__reply i,.m-kprev__compose i{background:#e5e8f1;border-radius:3px;height:6px;display:block}.m-kprev__reply i:last-child{width:60%}.m-kprev__compose{width:58%;box-shadow:0 0 0 1px var(--line), 0 24px 50px -14px #11182759;transform-origin:100% 100%;background:#fff;border-radius:14px;gap:8px;padding:0 12px 12px;display:grid;bottom:14px;right:14px;overflow:hidden}.m-kprev__ctitle{background:var(--ink);color:#fff;margin:0 -12px 4px;padding:9px 12px;font-size:11.5px;font-weight:500}.m-kprev__compose i:nth-child(3){width:70%}.m-kprev__plane{background:var(--brand);color:#fff;border-radius:50%;justify-self:end;place-items:center;width:30px;height:30px;display:grid}.m-kprev__help{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111827eb;border-radius:14px;grid-template-columns:repeat(2,1fr);align-content:start;gap:8px;padding:14px;display:grid;inset:48px 12px 12px}.m-kprev__help span{align-items:center;gap:8px;display:flex}.m-kprev__help kbd{color:#fff;width:24px;height:24px;font-family:var(--font-mono);background:#ffffff1f;border-radius:6px;place-items:center;font-size:11px;display:grid}.m-kprev__help i{background:#ffffff29;border-radius:3px;flex:1;height:6px}.m-kprev__toast{background:var(--ink);color:#fff;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex;bottom:14px;left:50%;transform:translate(-50%)}[data-demo=archive] .r0{animation:k-archive .9s var(--ease) forwards}@keyframes k-archive{45%{opacity:0;height:52px;transform:translate(110%)}to{opacity:0;height:0;transform:translate(110%)}}[data-demo=archive] .m-kprev__sel{animation:.4s .3s forwards k-fade}@keyframes k-fade{to{opacity:0}}[data-demo=star] .r0 .m-kprev__star{color:#f2b138}[data-demo=star] .r0 .m-kprev__star svg{fill:currentColor;animation:k-star .7s var(--spring)}@keyframes k-star{0%{transform:scale(.4)rotate(-40deg)}60%{transform:scale(1.6)rotate(12deg)}to{transform:none}}[data-demo=next] .m-kprev__sel{animation:k-next .5s var(--spring) forwards}@keyframes k-next{to{transform:translateY(52px)}}[data-demo=prev] .m-kprev__sel{animation:k-prev .5s var(--spring) forwards;transform:translateY(52px)}@keyframes k-prev{to{transform:translateY(0)}}[data-demo=select] .m-kprev__check{background:var(--brand);width:16px}[data-demo=select] .r0 .m-kprev__check{animation:m-pop .4s var(--spring)}[data-demo=select] .m-kprev__row:not(.r0) .m-kprev__check{background:0 0;width:16px;box-shadow:inset 0 0 0 1.5px #cfd3e4}[data-demo=unread] .r0 .m-kprev__dot{animation:m-pop .45s var(--spring) forwards}[data-demo=unread] .r0 .m-kprev__lines b{background:var(--ink);transition:background-color .3s}:is([data-demo=reply],[data-demo=replyall],[data-demo=forward]) .m-kprev__reply{animation:k-drop .5s var(--spring) forwards}:is([data-demo=reply],[data-demo=replyall],[data-demo=forward]) .r1,:is([data-demo=reply],[data-demo=replyall],[data-demo=forward]) .r2,:is([data-demo=reply],[data-demo=replyall],[data-demo=forward]) .r3{animation:.3s forwards k-dim}@keyframes k-drop{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:none}}@keyframes k-dim{to{opacity:.2}}:is([data-demo=compose],[data-demo=send]) .m-kprev__compose{animation:k-compose .55s var(--spring) forwards}@keyframes k-compose{0%{opacity:0;transform:translateY(30px)scale(.7)}to{opacity:1;transform:none}}[data-demo=send] .m-kprev__compose{animation:k-compose-in 0s forwards, k-send-out .6s .45s var(--ease) forwards}@keyframes k-compose-in{to{opacity:1}}@keyframes k-send-out{to{opacity:0;transform:translateY(20px)scale(.9)}}[data-demo=send] .m-kprev__plane{animation:k-plane .7s var(--ease) forwards}@keyframes k-plane{to{transform:translate(90px,-160px)rotate(20deg)scale(.6)}}[data-demo=search] .m-kprev__search{max-width:240px;box-shadow:0 0 0 1.5px var(--brand), 0 0 0 4px #3b82f61f}[data-demo=search] .m-kprev__typed{animation:.9s steps(13,end) .25s forwards k-type}@keyframes k-type{to{width:13ch}}[data-demo=search] .r1,[data-demo=search] .r3{animation:.3s .9s forwards k-dim}[data-demo=help] .m-kprev__help{animation:k-drop .45s var(--spring) forwards}[data-demo=help] .m-kprev__help span{animation:m-fade-up .4s var(--ease) both}[data-demo=help] .m-kprev__help span:nth-child(2n){animation-delay:80ms}[data-demo=undo] .r0{opacity:0;animation:k-undo .6s var(--spring) .1s forwards;transform:translate(110%)}@keyframes k-undo{to{opacity:1;transform:none}}[data-demo=undo] .m-kprev__toast{animation:k-drop .4s var(--spring) forwards}[data-demo=open] .r0{animation:k-open .5s var(--spring) forwards}@keyframes k-open{to{height:110px}}[data-demo=open] .m-kprev__sel{animation:k-open-sel .5s var(--spring) forwards}@keyframes k-open-sel{to{height:110px}}:is([data-demo=goinbox],[data-demo=gostarred]) .m-kprev__folder.is-on{animation:m-pop .45s var(--spring)}[data-demo=gostarred] .m-kprev__star{color:#f2b138}[data-demo=gostarred] .m-kprev__star svg{fill:currentColor}.m-kfoot{color:#8796b5;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:26px 0 0;font-size:13px;display:flex}.m-kfoot>span{margin-right:4px}@media (max-width:960px){.m-kgrid{grid-template-columns:minmax(0,1fr)}.m-kb{order:-1}.m-kprev{min-height:280px}}@media (max-width:620px){.m-key__l,.m-kread__live{display:none}.m-kb{--k:calc((100vw - 110px) / 10.4);--g:4px;padding:14px 10px}.m-kcap{min-width:42px;height:42px;font-size:17px}}
.m-compare{--split:50%;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;box-shadow:0 0 0 1px var(--line), 0 40px 90px -40px #14326e66;border-radius:24px;margin-top:56px;position:relative;overflow:hidden}.m-compare__layer{position:relative}.m-compare__layer--dark{clip-path:inset(0 0 0 var(--split));position:absolute;inset:0}.m-compare__tag{z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:6px;height:28px;padding:0 11px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:16px}.m-compare__tag--l{color:#fff;background:#111827c7;left:16px}.m-compare__tag--r{color:var(--ink);background:#ffffffe6;right:16px}.m-compare__handle{top:0;bottom:0;left:var(--split);z-index:4;background:#fff;outline:none;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #1118271f}.m-compare__knob{width:46px;height:46px;color:var(--ink);box-shadow:0 0 0 1px var(--line), 0 10px 26px #11182747;transition:transform .35s var(--spring), box-shadow .3s;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.m-compare__knob .m-i{transition:transform .35s var(--spring);margin:0 -3px}.m-compare:hover .m-compare__knob,.m-compare__handle:focus-visible .m-compare__knob{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 0 4px #3b82f640,0 10px 26px #11182747}.m-compare.is-dragging .m-compare__knob{transform:translate(-50%,-50%)scale(.94)}.m-compare:hover .m-compare__knob .m-i:first-child{transform:translate(-2px)}.m-compare:hover .m-compare__knob .m-i:last-child{transform:translate(2px)}.m-mini{--x-bg:#fff;--x-side:#f7f8fc;--x-line:#eceef5;--x-ink:#10132a;--x-mute:#6d7390;--x-soft:#f1f2f8;--x-sel:#e8f1ff;--x-bar:#dfe2ee;--row-py:11px;background:var(--x-bg);height:clamp(380px,46vw,520px);color:var(--x-ink);transition:background-color .5s var(--ease), color .5s var(--ease);grid-template-rows:46px minmax(0,1fr);grid-template-columns:minmax(0,1fr);font-size:12px;display:grid;overflow:hidden}.m-mini[data-theme=dark]{--x-bg:#0f1628;--x-side:#0a1120;--x-line:#1f2a48;--x-ink:#e7eeff;--x-mute:#8795b5;--x-soft:#172039;--x-sel:#1c3564;--x-bar:#27345a}.m-mini[data-density=compact]{--row-py:6px}.m-mini[data-density=comfortable]{--row-py:17px}.m-mini :is(.m-mini__top,.m-mini__side,.m-mini__list,.m-mini__row,.m-mini__read,.m-mini__search,.m-mini__nav){transition:background-color .5s var(--ease), border-color .5s var(--ease), color .5s var(--ease), padding .45s var(--spring)}.m-mini__top{border-bottom:1px solid var(--x-line);align-items:center;gap:12px;padding:0 14px;display:flex}.m-mini__logo{width:auto;height:22px}.m-mini__search{background:var(--x-soft);max-width:320px;height:28px;color:var(--x-mute);border-radius:8px;flex:1;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;display:flex}.m-mini__me{background:conic-gradient(from 200deg,#ffb38a,#3b82f6,#7dd3fc,#ffb38a);border-radius:50%;width:24px;height:24px;margin-left:auto}.m-mini__main{grid-template-columns:150px minmax(0,1fr);min-height:0;display:grid}.m-mini__side{background:var(--x-side);border-right:1px solid var(--x-line);align-content:start;gap:3px;padding:10px 8px;display:grid}.m-mini__compose{color:#fff;background:linear-gradient(#5b9bf8,#2f74f0);border-radius:9px;align-items:center;gap:6px;height:30px;margin-bottom:8px;padding:0 10px;font-size:11.5px;font-weight:500;display:flex}.m-mini__nav{height:28px;color:var(--x-mute);border-radius:8px;align-items:center;gap:8px;padding:0 9px;display:flex}.m-mini__nav i{background:var(--x-bar);border-radius:3px;height:6px}.m-mini__nav.is-on{background:var(--x-sel);color:var(--brand)}.m-mini__body{min-height:0;transition:grid-template-columns .55s var(--ease), grid-template-rows .55s var(--ease);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);display:grid}.m-mini[data-pane=bottom] .m-mini__body{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.m-mini[data-pane=off] .m-mini__body{grid-template-columns:minmax(0,1fr)}.m-mini[data-pane=off] .m-mini__read{display:none}.m-mini__list{border-right:1px solid var(--x-line);min-height:0;overflow:hidden}.m-mini[data-pane=bottom] .m-mini__list{border-right:0;border-bottom:1px solid var(--x-line)}.m-mini__row{padding:var(--row-py) 12px;border-bottom:1px solid var(--x-line);align-items:flex-start;gap:9px;display:flex;position:relative}.m-mini__row.is-sel{background:var(--x-sel);box-shadow:inset 3px 0 0 var(--brand)}.m-mini__av{width:22px;height:22px;transition:width .4s var(--spring), height .4s var(--spring);border-radius:50%;flex:none}.m-mini[data-density=compact] .m-mini__row .m-mini__av{width:16px;height:16px}.m-mini__txt{flex:1;min-width:0;display:grid}.m-mini__txt>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.m-mini__l1{justify-content:space-between;gap:8px;display:flex}.m-mini__l1 b{font-weight:500}.m-mini__row.is-unread .m-mini__l1 b,.m-mini__row.is-unread .m-mini__l2{font-weight:600}.m-mini__l1 time{font-family:var(--font-mono);color:var(--x-mute);font-size:9.5px}.m-mini__l2{font-size:11.5px}.m-mini__l3{max-height:16px;color:var(--x-mute);transition:max-height .4s var(--ease), opacity .3s;font-size:11px}.m-mini[data-density=compact] .m-mini__l3{opacity:0;max-height:0}.m-mini__tag{background:var(--c);border-radius:50%;width:7px;height:7px;margin-top:4px}.m-mini__read{min-height:0;animation:m-fade-up .45s var(--ease);align-content:start;gap:9px;padding:18px;display:grid;overflow:hidden}.m-mini__subj{letter-spacing:-.02em;font-size:15px;font-weight:600}.m-mini__from{border-bottom:1px solid var(--x-line);align-items:center;gap:8px;padding-bottom:10px;display:flex}.m-mini__from>span:last-child{display:grid}.m-mini__from i{color:var(--x-mute);font-size:10.5px;font-style:normal}.m-mini__p{background:var(--x-bar);border-radius:4px;height:7px}.m-mini__file{box-shadow:0 0 0 1px var(--x-line);border-radius:9px;justify-self:start;align-items:center;gap:8px;margin-top:6px;padding:6px 10px 6px 6px;font-size:11px;display:inline-flex}.m-mini__file i{color:#d8492c;font-family:var(--font-mono);background:#ffe7e0;border-radius:5px;padding:5px;font-size:8.5px;font-style:normal}.m-custom-stage{box-shadow:0 0 0 1px var(--line), 0 40px 90px -40px #14326e66;border-radius:22px;transition:box-shadow .5s;overflow:hidden}.m-custom-stage[data-theme=dark]{box-shadow:0 0 0 1px #1f2a48,0 40px 90px -30px #0a1432b3}.m-controls{gap:18px;margin-top:32px;display:grid}.m-control{gap:8px;display:grid}.m-control__label{color:var(--mute);font-size:12px;font-weight:500}.m-controls__note{color:var(--mute);animation:m-fade-up .3s var(--ease);margin:0;font-size:13px}.m-seg{box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:14px;justify-self:start;padding:4px;display:inline-flex;position:relative}.m-seg__thumb{background:var(--ink);transition:transform .5s var(--spring), width .5s var(--spring);border-radius:10px;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 6px 14px -4px #11182759}.m-seg button{z-index:1;height:38px;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 15px;font-size:13.5px;transition:color .3s;display:inline-flex;position:relative}.m-seg button:hover{color:var(--ink)}.m-seg button.is-on{color:#fff}.m-seg button .m-i{transition:transform .4s var(--spring)}.m-seg button.is-on .m-i{transform:scale(1.1)}@media (max-width:560px){.m-mini__main{grid-template-columns:minmax(0,1fr)}.m-mini__side{display:none}.m-seg button{padding:0 11px;font-size:13px}.m-compare__tag{top:10px}}
