@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff)format("woff");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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff");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:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-italic-D7-lnxEk.woff)format("woff");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:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff");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}@layer theme;@layer base{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);margin:0;font-size:15px;line-height:1.5}h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;font-weight:600;line-height:1.2}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}svg{flex:none;display:block}}@layer components,utilities;:root{--font-sans:"Geist Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--font-display:"Instrument Serif", "Iowan Old Style", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1);--radius-s:6px;--radius-m:10px;--radius-l:16px;--rail:68px;--tabbar:64px}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-subtle:#f7f7f5;--bg-muted:#eeeeeb;--bg-hover:#f2f2ef;--bg-raised:#fff;--fg:#141513;--fg-2:#4d5049;--fg-3:#6b6e66;--line:#e8e8e4;--line-strong:#d3d3cd;--accent:#d2470e;--accent-soft:#fdeee6;--on-accent:#fff;--primary:#141513;--on-primary:#fff;--ok:#17794a;--ok-soft:#e4f4ea;--warn:#99610a;--warn-soft:#fbf1dc;--danger:#c02a2a;--danger-soft:#fce9e9;--star:#c98a12;--shadow-pop:0 1px 2px #14151314, 0 12px 40px #14151329;--scrim:#14151352;--avatar-l:91%;--avatar-fg:28%}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1112;--bg-subtle:#15181a;--bg-muted:#1e2224;--bg-hover:#1a1e20;--bg-raised:#191d1f;--fg:#eeeee9;--fg-2:#b4b7b0;--fg-3:#8f928b;--line:#24282a;--line-strong:#363b3d;--accent:#ff7f45;--accent-soft:#34190d;--on-accent:#1a0c05;--primary:#eeeee9;--on-primary:#111312;--ok:#5bd093;--ok-soft:#12291d;--warn:#e6b45a;--warn-soft:#2d2210;--danger:#ff8080;--danger-soft:#331717;--star:#e8b23e;--shadow-pop:0 1px 2px #0006, 0 16px 48px #0000008c;--scrim:#0000008c;--avatar-l:21%;--avatar-fg:80%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}.mono{font-family:var(--font-mono);letter-spacing:.02em;font-size:.75rem}.skip-link{z-index:100;border-radius:var(--radius-m);background:var(--primary);color:var(--on-primary);padding:10px 16px;position:absolute;top:-64px;left:16px}.skip-link:focus{top:12px}.boot{min-height:60svh;color:var(--fg-3);place-items:center;display:grid}.boot-dot{background:var(--accent);width:8px;height:8px;animation:pulse 1.1s var(--ease) infinite alternate;border-radius:50%}@keyframes pulse{0%{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.1)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.btn{border-radius:var(--radius-m);background:var(--primary);min-height:40px;color:var(--on-primary);white-space:nowrap;transition:opacity .15s ease, background-color .15s ease, border-color .15s ease, transform .15s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.9rem;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){opacity:.86}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45}.btn-ghost{border-color:var(--line-strong);color:var(--fg);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);opacity:1}.btn-lg{min-height:48px;padding:0 20px;font-size:1rem}.btn-block{width:100%}.icon-btn{border-radius:var(--radius-m);width:36px;height:36px;color:var(--fg-3);background:0 0;border:0;flex:none;place-items:center;transition:background-color .12s,color .12s;display:inline-grid}.icon-btn:hover{background:var(--bg-hover);color:var(--fg)}.link-btn{color:var(--fg-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;background:0 0;border:0;padding:4px;font-size:.875rem;font-weight:500}.link-btn:hover{color:var(--fg);text-decoration-color:currentColor}.field{color:var(--fg-2);gap:6px;font-size:.85rem;font-weight:500;display:grid}.input{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--bg);width:100%;min-height:42px;color:var(--fg);padding:0 12px;font-size:1rem;font-weight:400;transition:border-color .12s,box-shadow .12s}.input:hover{border-color:var(--fg-3)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.input::placeholder{color:var(--fg-3)}.form-stack{gap:14px;display:grid}.form-error{color:var(--danger);font-size:.875rem}.banner{border-radius:var(--radius-m);background:var(--bg-muted);color:var(--fg-2);padding:10px 12px;font-size:.875rem}.banner-danger{background:var(--danger-soft);color:var(--danger)}.pill{background:var(--bg-muted);min-height:24px;color:var(--fg-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:.75rem;font-weight:550;display:inline-flex}.pill:before{content:"";opacity:.7;background:currentColor;border-radius:50%;width:6px;height:6px}.pill-ok{background:var(--ok-soft);color:var(--ok)}.avatar{width:var(--size,36px);height:var(--size,36px);background:hsl(var(--hue) 38% var(--avatar-l));color:hsl(var(--hue) 45% var(--avatar-fg));font-size:calc(var(--size,36px) * .38);letter-spacing:-.01em;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site,.door{--bg:#0a0b0c;--bg-subtle:#121416;--bg-muted:#1c1f21;--bg-hover:#1a1d1f;--fg:#f2efe8;--fg-2:#bdbab2;--fg-3:#8e8c85;--line:#24262a;--line-strong:#383a3e;--accent:#ff7f45;--primary:#f2efe8;--on-primary:#111312;--avatar-l:21%;--avatar-fg:80%;background:var(--bg);color:var(--fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.site-nav{z-index:3;justify-content:space-between;align-items:center;padding:20px clamp(16px,4vw,40px);display:flex;position:absolute;inset:0 0 auto}.site-brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.site-signin{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f2efe80f;border:1px solid #f2efe838;border-radius:999px;align-items:center;gap:4px;min-height:40px;padding:0 14px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .16s,border-color .16s;display:inline-flex}.site-signin:hover{background:#f2efe824;border-color:#f2efe873}.site-hero{isolation:isolate;align-items:flex-end;min-height:100svh;padding:120px clamp(16px,4vw,40px) clamp(32px,6vh,64px);display:flex;position:relative;overflow:hidden}.dusk{z-index:-2;background:radial-gradient(90% 65% at 72% 112%,#ff7a3d 0%,#d6481cb8 26%,#5c222c73 52%,#0000 76%),radial-gradient(60% 45% at 8% 106%,#7834606b 0%,#0000 72%),linear-gradient(#0a0b0c 0%,#0c0d10 52%,#17101a 100%);position:absolute;inset:0}.site-field{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.site-hero-corner{color:var(--fg-2);position:absolute;top:84px;right:clamp(16px,4vw,40px)}.site-hero-body{width:100%;animation:rise .9s var(--ease) both}.site-hero h1{font-family:var(--font-display);letter-spacing:-.035em;margin-left:-.04em;font-size:clamp(5rem,21vw,22rem);font-weight:400;line-height:.86}.site-hero em{font-style:italic}.site-hero p{max-width:28em;color:var(--fg);letter-spacing:-.01em;margin-top:clamp(18px,3vh,30px);font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.4}.site-inside{max-width:1320px;margin-inline:auto;padding:clamp(72px,12vw,140px) clamp(16px,4vw,40px) clamp(48px,8vw,96px)}.site-inside-head{gap:16px;max-width:640px;margin-bottom:clamp(36px,6vw,64px);display:grid}.site-inside-head h2{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2.75rem,6vw,5rem);font-weight:400;line-height:1}.site-inside-head p{color:var(--fg-2);font-size:1.1rem}.bento{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (width>=900px){.bento{grid-template-columns:repeat(12,minmax(0,1fr))}.bento-mail{grid-column:span 7}.bento-days,.bento-list{grid-column:span 5}.bento-private{grid-column:span 7}}.bento-card{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg-subtle);flex-direction:column;gap:18px;min-width:0;padding:clamp(18px,2.4vw,28px);display:flex}.bento-card>header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.bento-card>header h3{font-size:1.05rem}.bento-card>header .mono{color:var(--fg-3)}.demo-mail li{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.demo-mail li:first-child{border-top:0;padding-top:0}.demo-mail div,.demo-days div{min-width:0;display:grid}.demo-mail strong,.demo-days strong{font-size:.95rem;font-weight:500}.demo-mail .is-unread strong{font-weight:650}.demo-mail span:not(.avatar),.demo-days div span{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.demo-mail small{color:var(--fg-3);align-items:center;gap:6px;display:inline-flex}.demo-mail .is-unread small{color:var(--accent)}.demo-days{gap:14px;display:grid}.demo-days li{align-items:center;gap:14px;display:flex}.demo-date{border-radius:var(--radius-m);background:var(--bg-muted);flex:none;justify-items:center;width:48px;padding:6px 0;font-size:1.15rem;font-weight:600;line-height:1.15;display:grid}.demo-date small{color:var(--accent);text-transform:uppercase;font-size:.65rem}.demo-list{gap:12px;display:grid}.demo-list li{align-items:center;gap:12px;display:flex}.demo-check{border:1.5px solid var(--line-strong);border-radius:6px;flex:none;place-items:center;width:20px;height:20px;display:grid}.demo-list .is-done{color:var(--fg-3);text-decoration:line-through}.demo-list .is-done .demo-check{border-color:var(--accent);background:var(--accent);color:#1a0c05}.bento-private{background:radial-gradient(90% 130% at 100% 120%, #ff7a3d57 0%, transparent 62%), var(--bg-subtle);justify-content:flex-end;min-height:220px;position:relative;overflow:hidden}.bento-private h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.9rem,3.4vw,2.75rem);font-weight:400;line-height:1.05}.bento-private p{color:var(--fg-2);margin-top:-8px}.site-caption{color:var(--fg-3);margin-top:14px}.site-foot{border-top:1px solid var(--line);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:24px clamp(16px,4vw,40px);display:flex}.site-foot .site-brand{color:var(--fg);font-size:.95rem}.door{isolation:isolate;min-height:100svh;display:grid;position:relative}.door-art{isolation:isolate;min-height:34svh;position:relative;overflow:hidden}.door-art .site-brand{position:absolute;top:20px;left:clamp(16px,4vw,40px)}.door-art h1{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(3rem,7vw,6.5rem);font-weight:400;line-height:.95;position:absolute;bottom:clamp(16px,4vh,40px);left:clamp(16px,4vw,40px)}.door-panel{align-content:center;justify-items:center;padding:32px 16px 48px;display:grid}.door-form{width:min(100%,380px);animation:rise .5s var(--ease) both;gap:18px;display:grid}.door-form h2{letter-spacing:-.02em;font-size:1.5rem}.door-form>p,.door-form .form-stack>p{color:var(--fg-2)}.door-form .input{background:var(--bg-subtle)}.door-form .link-btn{justify-self:center}.qr{border-radius:var(--radius-m);background:#fff;width:188px;height:188px;padding:8px}.setup-key{overflow-wrap:anywhere;color:var(--fg-2);font-family:var(--font-mono);margin-top:8px;font-size:.8rem;display:block}details summary{color:var(--fg-2);cursor:pointer;font-size:.875rem}@media (width>=900px){.door{grid-template-columns:minmax(0,1.25fr) minmax(420px,1fr)}.door-art{min-height:100svh}.door-panel{border-left:1px solid var(--line)}}.shell{background:var(--bg);min-height:100svh}.stage{flex-direction:column;min-width:0;min-height:100svh;display:flex}.stage-main{min-width:0;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom));flex:1}.rail{display:none}.topbar{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;min-height:52px;padding:0 12px 0 14px;display:flex;position:sticky;top:0}.topbar-mark{color:var(--fg);display:inline-flex}.topbar-actions{align-items:center;gap:2px;display:flex}.rail-avatar{background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.tabbar{z-index:25;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.tab{min-height:var(--tabbar);color:var(--fg-3);align-content:center;justify-items:center;gap:3px;font-size:.6875rem;font-weight:500;text-decoration:none;display:grid}.tab.active{color:var(--fg)}.tab.active svg{color:var(--accent)}.preview-tag{z-index:70;background:var(--accent-soft);color:var(--accent);pointer-events:none;border-radius:999px;padding:2px 10px;position:fixed;top:8px;left:50%;transform:translate(-50%)}@media (width>=860px){.shell{grid-template-columns:var(--rail) minmax(0, 1fr);display:grid}.rail{z-index:30;border-right:1px solid var(--line);background:var(--bg-subtle);flex-direction:column;align-items:center;height:100svh;padding:16px 0 14px;display:flex;position:sticky;top:0}.rail-mark{color:var(--fg);margin-bottom:22px;display:inline-flex}.rail nav,.rail-foot{justify-items:center;gap:4px;display:grid}.rail-foot{margin-top:auto}.rail-item{border-radius:var(--radius-m);width:42px;height:42px;color:var(--fg-3);background:0 0;border:0;place-items:center;transition:background-color .12s,color .12s;display:grid;position:relative}.rail-item:hover{background:var(--bg-muted);color:var(--fg)}a.rail-item{text-decoration:none}.rail-item.active{background:var(--bg-muted);color:var(--fg)}.rail-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:11px;bottom:11px;left:-13px}.rail-item:after{content:attr(data-tip);z-index:40;border-radius:var(--radius-s);background:var(--primary);color:var(--on-primary);white-space:pre;opacity:0;pointer-events:none;padding:4px 9px;font-size:.8rem;font-weight:500;transition:opacity .12s .2s,transform .12s .2s;position:absolute;left:calc(100% + 10px);transform:translate(-4px)}.rail-item:hover:after,.rail-item:focus-visible:after{opacity:1;transform:none}.topbar,.tabbar{display:none}.stage-main{padding-bottom:0}}.menu-scrim{z-index:35;cursor:default;background:0 0;border:0;position:fixed;inset:0}.account-menu{z-index:36;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg-raised);width:240px;box-shadow:var(--shadow-pop);animation:rise .16s var(--ease) both;gap:2px;padding:6px;display:grid;position:fixed;top:56px;right:12px}.account-who{border-bottom:1px solid var(--line);margin-bottom:4px;padding:8px 10px 10px;display:grid}.account-who strong{font-weight:600}.account-who span{color:var(--fg-3);text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.account-menu a,.account-menu button{border-radius:var(--radius-s);min-height:38px;color:var(--fg-2);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-size:.9rem;text-decoration:none;display:flex}.account-menu a:hover,.account-menu button:hover{background:var(--bg-hover);color:var(--fg)}@media (width>=860px){.account-menu{top:auto;bottom:14px;right:auto;left:calc(var(--rail) + 8px)}}.palette-wrap{z-index:60;place-items:start center;padding:min(14vh,120px) 12px 12px;display:grid;position:fixed;inset:0}.palette-scrim{background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;border:0;position:absolute;inset:0}.palette{border:1px solid var(--line-strong);border-radius:var(--radius-l);background:var(--bg-raised);width:min(100%,580px);box-shadow:var(--shadow-pop);animation:rise .18s var(--ease) both;position:relative;overflow:hidden}.palette-input{border-bottom:1px solid var(--line);color:var(--fg-3);align-items:center;gap:10px;padding:0 14px;display:flex}.palette-input input{min-width:0;min-height:54px;color:var(--fg);background:0 0;border:0;outline:none;flex:1;font-size:1.05rem}.palette-input input::placeholder{color:var(--fg-3)}.palette kbd{border:1px solid var(--line);border-radius:var(--radius-s);color:var(--fg-3);padding:2px 6px}.palette ul{max-height:340px;padding:6px;overflow-y:auto}.palette-item{border-radius:var(--radius-m);width:100%;min-height:42px;color:var(--fg-2);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0 10px;display:flex}.palette-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.palette-item.is-active{background:var(--bg-muted);color:var(--fg)}.page{max-width:1120px;margin-inline:auto;padding:clamp(20px,4vw,44px) clamp(16px,4vw,44px) 40px}.page-narrow{max-width:760px}.page-head{gap:8px;margin-bottom:clamp(20px,3vw,32px);display:grid}.page-head h1{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;line-height:1}.page-head p{max-width:44em;color:var(--fg-2)}.panel{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg);flex-direction:column;min-width:0;padding:18px 20px;display:flex}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-head h2{font-size:.95rem}.panel-link{color:var(--fg-3);align-items:center;gap:4px;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .12s;display:inline-flex}.panel-link:hover{color:var(--fg)}.panel-empty{color:var(--fg-3);padding:18px 0}.tick{border:1.5px solid var(--line-strong);color:#0000;background:0 0;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;padding:0;transition:background-color .12s,border-color .12s,color .12s;display:grid}.tick:hover{border-color:var(--accent);color:var(--accent)}.tick.is-on{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.fx-side{display:none}.fx-chips{border-bottom:1px solid var(--line);scrollbar-width:none;gap:6px;padding:10px 14px;display:flex;overflow-x:auto}.fx-chips::-webkit-scrollbar{display:none}.fx-chips a{border:1px solid var(--line);min-height:34px;color:var(--fg-2);border-radius:999px;flex:none;align-items:center;padding:0 12px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.fx-chips a.active{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.fx-main{min-width:0}@media (width>=1180px){.fx{grid-template-columns:216px minmax(0,1fr);min-height:100svh;display:grid}.fx-chips{display:none}.fx-side{border-right:1px solid var(--line);background:var(--bg-subtle);height:100svh;padding:18px 10px;display:block;position:sticky;top:0;overflow-y:auto}.fx-side .fx-title{color:var(--fg);font-family:var(--font-sans);letter-spacing:-.015em;margin:0 10px 14px;font-size:1.05rem;font-weight:650}.fx-side nav{gap:1px;margin-bottom:14px;display:grid}.fx-side nav p{color:var(--fg-3);margin:0 10px 4px}.fx-side a{border-radius:var(--radius-s);min-height:34px;color:var(--fg-2);align-items:center;gap:10px;padding:0 10px;font-size:.9rem;text-decoration:none;transition:background-color .1s,color .1s;display:flex}.fx-side a:hover{background:var(--bg-muted);color:var(--fg)}.fx-side a.active{background:var(--bg-muted);color:var(--fg);font-weight:550}.fx-side a.active svg{color:var(--accent)}}.today{max-width:1120px;margin-inline:auto;padding:clamp(20px,5vw,56px) clamp(16px,4vw,44px) 40px}.today-head{animation:rise .5s var(--ease) both;margin-bottom:clamp(22px,4vw,40px)}.today-head .mono{color:var(--accent)}.today-head h1{font-family:var(--font-display);letter-spacing:-.03em;margin:8px 0 12px;font-size:clamp(2.75rem,7vw,5rem);font-weight:400;line-height:.98}.today-summary{color:var(--fg-2);flex-wrap:wrap;gap:4px 10px;display:flex}.today-summary li+li:before{content:"·";color:var(--fg-3);margin-right:10px}.today-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (width>=900px){.today-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.today-mail{grid-column:1/-1}}.mini-mail li+li{border-top:1px solid var(--line)}.mini-mail a{border-radius:var(--radius-m);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-inline:-8px;padding:10px 8px;text-decoration:none;transition:background-color .12s;display:grid}.mini-mail a:hover{background:var(--bg-hover)}.mini-mail-text{min-width:0;display:grid}.mini-mail-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-mail-text strong{font-weight:500}.mini-mail-text span{color:var(--fg-3);font-size:.875rem}.mini-mail .is-unread strong{font-weight:650}.mini-mail .is-unread .mini-mail-text span{color:var(--fg-2)}.mini-mail-meta{color:var(--fg-3);align-items:center;gap:6px;display:inline-flex}.mini-mail .is-unread .mini-mail-meta{color:var(--accent)}.agenda{gap:4px;display:grid}.agenda li{grid-template-columns:84px minmax(0,1fr);align-items:baseline;gap:12px;padding:7px 0;display:grid}.agenda-day{color:var(--fg-3)}.agenda li:first-child .agenda-day{color:var(--accent)}.agenda div{min-width:0;display:grid}.agenda strong{overflow-wrap:anywhere;font-weight:500}.agenda span:not(.agenda-day){color:var(--fg-3);font-size:.875rem}.mini-todo{display:grid}.mini-todo li{align-items:center;gap:12px;min-height:38px;display:flex}.mini-todo span{overflow-wrap:anywhere;flex:1;min-width:0}.mini-todo small{color:var(--fg-3)}.money-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.money-stats dt{color:var(--fg-3);font-size:.8rem}.money-stats dd{font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere;margin:2px 0 0;font-size:clamp(1.05rem,2.4vw,1.45rem);font-weight:600}.money-note{color:var(--fg-3);margin-top:10px;font-size:.85rem}.cal{grid-template-columns:minmax(0,1fr);display:grid}.cal-main{min-width:0;padding:clamp(16px,3vw,28px) clamp(12px,3vw,28px)}.cal-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.cal-head h1{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:400;line-height:1}.cal-head h1 span{color:var(--fg-3)}.cal-nav{align-items:center;gap:2px;display:flex}.cal-nav .btn{min-height:36px;margin-right:6px}.cal-grid{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--line);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.cal-weekday{background:var(--bg-subtle);color:var(--fg-3);text-transform:uppercase;padding:8px 10px}.cal-day{background:var(--bg);min-width:0;min-height:52px;color:var(--fg);text-align:left;border:0;flex-direction:column;align-items:flex-start;gap:4px;padding:6px;transition:background-color .1s;display:flex;position:relative}.cal-day:hover{background:var(--bg-hover)}.cal-day.is-outside{background:var(--bg-subtle)}.cal-day.is-outside .cal-num{color:var(--fg-3)}.cal-day.is-selected{background:var(--bg-muted);box-shadow:inset 0 0 0 1.5px var(--fg)}.cal-num{border-radius:50%;place-items:center;width:26px;height:26px;font-size:.85rem;font-weight:500;display:grid}.is-today .cal-num{background:var(--accent);color:var(--on-accent);font-weight:650}.cal-chips{gap:2px;width:100%;min-width:0;display:none}.cal-chip{background:var(--accent-soft);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:.75rem;font-weight:500;overflow:hidden}.cal-more{color:var(--fg-3);padding-left:6px;font-size:.7rem}.cal-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.cal-side{border-top:1px solid var(--line);align-content:start;gap:14px;padding:18px clamp(12px,3vw,28px) 32px;display:grid}.cal-side header .mono{color:var(--accent)}.cal-side h2{margin-top:2px;font-size:1.2rem}.cal-events li{border-top:1px solid var(--line);grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;display:grid}.cal-events li:first-child{border-top:0}.cal-time{color:var(--fg-3)}.cal-events strong{overflow-wrap:anywhere;font-weight:500}.cal-add{gap:8px;display:grid}.cal-add>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.cal-add .btn{min-height:42px}@media (width>=1040px){.cal{grid-template-columns:minmax(0,1fr) 320px;min-height:100svh}.cal-main{flex-direction:column;display:flex}.cal-grid{flex:1;grid-template-rows:auto;grid-auto-rows:minmax(92px,1fr)}.cal-day{min-height:92px}.cal-chips{display:grid}.cal-dot{display:none}.cal-side{border-top:0;border-left:1px solid var(--line);background:var(--bg-subtle);height:100svh;padding-top:28px;position:sticky;top:0;overflow-y:auto}.cal-add .input{background:var(--bg)}}.list-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(24px,4vw,44px);display:grid}.list-col{min-width:0}.list-col>header{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.list-col h2{font-size:1.05rem}.list-col header .mono{color:var(--fg-3)}.list-add{border:1px dashed var(--line-strong);border-radius:var(--radius-m);color:var(--fg-3);align-items:center;gap:10px;padding:0 12px;transition:border-color .12s;display:flex}.list-add:focus-within{border-style:solid;border-color:var(--accent)}.list-add input{min-width:0;min-height:44px;color:var(--fg);background:0 0;border:0;outline:none;flex:1;font-size:1rem}.list-add input::placeholder{color:var(--fg-3)}.todo{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:46px;display:flex}.todo>span{overflow-wrap:anywhere;flex:1;min-width:0}.todo .icon-btn{opacity:0}.todo:hover .icon-btn,.todo .icon-btn:focus-visible{opacity:1}@media (hover:none){.todo .icon-btn{opacity:1}}.todo.is-done>span{color:var(--fg-3);text-decoration:line-through}.list-done{margin-top:14px}.library-add{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:8px;display:grid}@media (width>=720px){.library-add{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto}.library-add .btn{min-height:42px}}.library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:10px;margin-top:20px;display:grid}.library-grid li{position:relative}.library-grid a{border:1px solid var(--line);border-radius:var(--radius-l);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:14px;text-decoration:none;transition:border-color .12s,background-color .12s;display:grid}.library-grid a:hover{border-color:var(--line-strong);background:var(--bg-hover)}.library-grid a>svg{color:var(--fg-3);transition:opacity .12s}.library-grid li:hover a>svg{opacity:0}.library-grid span:not(.avatar){min-width:0;display:grid}.library-grid strong{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.library-grid small{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-grid .icon-btn{opacity:0;position:absolute;top:18px;right:8px}.library-grid li:hover .icon-btn,.library-grid .icon-btn:focus-visible{opacity:1}@media (hover:none){.library-grid .icon-btn{opacity:1}.library-grid a>svg{display:none}}.assistant{text-align:center;align-content:center;justify-items:center;gap:14px;max-width:620px;min-height:calc(100svh - 180px);margin-inline:auto;padding:32px 16px;display:grid}.assistant>svg{color:var(--fg)}.assistant h1{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2.5rem,6vw,3.75rem);font-weight:400;line-height:1}.assistant>p{max-width:30em;color:var(--fg-2)}.assistant-box{border:1px solid var(--line-strong);background:var(--bg-subtle);width:100%;min-height:56px;color:var(--fg-3);border-radius:16px;justify-content:space-between;align-items:center;margin-top:8px;padding:0 10px 0 18px;display:flex}.assistant-send{background:var(--bg-muted);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.assistant-ideas{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.assistant-ideas li{border:1px solid var(--line);color:var(--fg-3);border-radius:999px;padding:5px 12px;font-size:.85rem}.status-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0;display:flex}.status-list h2{font-size:1rem}.status-list p{color:var(--fg-2);margin-top:2px;font-size:.925rem}.status-list .status-needs,.device-note{color:var(--fg-3)}.mx-state{color:var(--fg-3);text-align:center;padding:56px 16px}.mx{min-height:calc(100svh - 52px - var(--tabbar));flex-direction:column;display:flex}.mx-folders{display:none}.mx-list{flex-direction:column;flex:1;min-width:0;display:flex}.mx-read{min-width:0;display:none}.mx.has-thread .mx-list{display:none}.mx.has-thread .mx-read{flex:1;display:block}.mx-list-head{gap:10px;padding:14px 14px 10px;display:grid}.mx-list-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.mx-list-title h1{letter-spacing:-.02em;font-size:1.35rem}.mx-list-title .mono{color:var(--accent)}.mx-search{border-radius:var(--radius-m);background:var(--bg-muted);color:var(--fg-3);border:1px solid #0000;align-items:center;gap:8px;padding:0 10px;transition:background-color .12s,border-color .12s;display:flex}.mx-search:focus-within{border-color:var(--accent);background:var(--bg)}.mx-search input{min-width:0;min-height:38px;color:var(--fg);background:0 0;border:0;outline:none;flex:1;font-size:1rem}.mx-search input::placeholder{color:var(--fg-3)}.mx-search input::-webkit-search-cancel-button{display:none}.mx-search kbd{border:1px solid var(--line-strong);border-radius:5px;padding:1px 6px;display:none}.mx-bulk{color:var(--fg-2);align-items:center;gap:2px;font-size:.85rem;display:flex}.mx-bulk span{margin-right:auto}.mx-chips{scrollbar-width:none;gap:6px;padding:0 14px 10px;display:flex;overflow-x:auto}.mx-chips::-webkit-scrollbar{display:none}.mx-chip{border:1px solid var(--line);min-height:34px;color:var(--fg-2);background:0 0;border-radius:999px;flex:none;padding:0 12px;font-size:.85rem;font-weight:500}.mx-chip.is-active{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.mx-scroll{flex:1;min-height:0}.mx-group{z-index:2;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg-3);letter-spacing:.02em;padding:10px 16px 6px;font-weight:400;position:sticky;top:52px}.mx-row{border-bottom:1px solid var(--line);transition:background-color 90ms;position:relative}.mx-pick{display:none}.mx-open{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px 16px;display:grid}.mx-avatar{padding-top:1px;position:relative}.mx-body{gap:1px;min-width:0;display:grid}.mx-line{min-width:0;color:var(--fg-3);align-items:center;gap:6px;display:flex}.mx-from{min-width:0;color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-weight:500;overflow:hidden}.mx-count{color:var(--fg-3)}.mx-line time{color:var(--fg-3);flex:none;margin-left:auto}.mx-subject,.mx-snippet{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mx-subject{color:var(--fg-2);font-size:.925rem}.mx-snippet{color:var(--fg-3);font-size:.85rem}.mx-row.is-unread .mx-from{color:var(--fg);font-weight:650}.mx-row.is-unread .mx-subject{color:var(--fg);font-weight:550}.mx-row.is-unread .mx-line time{color:var(--accent)}.mx-row.is-unread .mx-avatar:after{content:"";border:2px solid var(--bg);background:var(--accent);border-radius:50%;width:11px;height:11px;position:absolute;top:0;right:-2px}.mx-star{color:var(--star);fill:currentColor;position:absolute;bottom:14px;right:16px}.mx-hover{display:none}.mx-row.is-open{background:var(--bg-muted)}.mx-row.is-cursor{box-shadow:inset 2px 0 0 var(--accent)}.icon-btn.is-starred{color:var(--star)}.icon-btn.is-starred svg{fill:currentColor}.mx-empty{color:var(--fg-3);text-align:center;justify-items:center;gap:12px;padding:72px 16px;display:grid}.mx-empty-read{align-content:center;height:100%;min-height:60svh}.mx-empty-read ul{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:8px;display:flex}.mx-empty kbd{border:1px solid var(--line-strong);color:var(--fg-2);border-radius:5px;padding:1px 6px;font-family:inherit}.mx-fab{right:16px;bottom:calc(var(--tabbar) + 14px + env(safe-area-inset-bottom));z-index:15;background:var(--primary);width:54px;height:54px;color:var(--on-primary);box-shadow:var(--shadow-pop);border:0;border-radius:18px;place-items:center;display:grid;position:fixed}.mx-toast{left:50%;bottom:calc(var(--tabbar) + 16px + env(safe-area-inset-bottom));z-index:50;border-radius:var(--radius-m);background:var(--primary);width:max-content;max-width:calc(100vw - 32px);color:var(--on-primary);box-shadow:var(--shadow-pop);animation:rise .2s var(--ease) both;align-items:center;gap:16px;padding:10px 14px;font-size:.9rem;display:flex;position:fixed;transform:translate(-50%)}.mx-toast button{color:inherit;text-underline-offset:3px;background:0 0;border:0;font-weight:650;text-decoration:underline}.tv{padding-bottom:28px}.tv-bar{z-index:5;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:2px;min-height:48px;padding:0 8px;display:flex;position:sticky;top:52px}.tv-snooze{position:relative}.tv-menu{z-index:10;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg-raised);width:200px;box-shadow:var(--shadow-pop);padding:5px;position:absolute;top:42px;left:0}.tv-menu button{border-radius:var(--radius-s);width:100%;min-height:36px;color:var(--fg-2);text-align:left;background:0 0;border:0;padding:0 10px;font-size:.9rem}.tv-menu button:hover{background:var(--bg-hover);color:var(--fg)}.tv-title{justify-content:space-between;align-items:flex-start;gap:8px;padding:20px 16px 12px;display:flex}.tv-title h1{letter-spacing:-.022em;overflow-wrap:anywhere;min-width:0;font-size:clamp(1.35rem,2.6vw,1.75rem);font-weight:600}.msg{border-top:1px solid var(--line)}.msg-head{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 16px;display:grid}.msg:not(.is-open) .msg-head:hover{background:var(--bg-hover)}.msg-who{min-width:0;display:grid}.msg-line{align-items:center;gap:6px;min-width:0;display:flex}.msg-line strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.msg-line svg{color:var(--ok)}.msg-line time{color:var(--fg-3);flex:none;margin-left:auto}.msg-to{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.msg-body{padding:0 16px 18px}@media (width>=620px){.msg-body{padding-left:64px;padding-right:24px}}.msg-body>.banner{margin-bottom:12px}.msg-text{color:var(--fg);overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.6}.msg-text a{color:var(--accent)}.msg-frame{border-radius:var(--radius-m);background:#fff;border:0;width:100%;min-height:80px;display:block}.msg-images{border-radius:var(--radius-m);background:var(--bg-muted);color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:2px 8px;margin-bottom:10px;padding:6px 10px;font-size:.85rem;display:flex}.msg-files{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.msg-files button{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg);max-width:100%;min-height:42px;color:var(--fg);text-align:left;overflow-wrap:anywhere;align-items:center;gap:8px;padding:0 12px;font-size:.875rem;transition:background-color .12s,border-color .12s;display:inline-flex}.msg-files button:hover{border-color:var(--line-strong);background:var(--bg-hover)}.msg-files small{color:var(--fg-3)}.tv-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:14px 16px;display:flex}.compose{z-index:55;background:var(--bg-raised);animation:rise .2s var(--ease) both;flex-direction:column;display:flex;position:fixed;inset:0}.compose-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:48px;padding:0 8px 0 16px;display:flex}.compose-head h2{font-size:.925rem}.compose-head .icon-btn{margin-left:auto}.compose-saved{color:var(--fg-3);font-size:.8rem}.compose-field{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:42px;padding:0 16px;display:flex}.compose-field>span{width:54px;color:var(--fg-3);flex:none;font-size:.85rem}.compose-field input{min-width:0;min-height:40px;color:var(--fg);background:0 0;border:0;outline:none;flex:1;font-size:1rem}.compose-field output{color:var(--fg-2);font-size:.925rem}.compose-field .link-btn{white-space:nowrap;flex:none;font-size:.8rem;text-decoration:none}.compose-body{width:100%;min-height:160px;color:var(--fg);resize:none;background:0 0;border:0;outline:none;flex:1;padding:14px 16px;font-size:1rem;line-height:1.6}.compose-files{padding:0 16px}.compose-files li{color:var(--fg-2);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;font-size:.875rem;display:flex}.compose-error{padding:0 16px 6px}.compose-foot{padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);align-items:center;gap:4px;display:flex}.compose-foot .btn{margin-right:6px;padding:0 20px}.compose-foot label.icon-btn{cursor:pointer}.compose-discard{margin-left:auto}@media (width>=860px){.mx{grid-template-columns:minmax(300px,380px) minmax(0,1fr);height:100svh;min-height:0;display:grid}.mx-list,.mx.has-thread .mx-list{border-right:1px solid var(--line);height:100svh;display:flex}.mx-read,.mx.has-thread .mx-read{height:100svh;display:block;overflow-y:auto}.mx-scroll{overflow-y:auto}.mx-group,.tv-bar{top:0}.mx-search kbd{display:inline}.mx-fab{display:none}.mx-toast{bottom:24px}.mx-row:hover{background:var(--bg-hover)}.mx-row.is-open:hover{background:var(--bg-muted)}.mx-pick{z-index:1;opacity:0;place-items:center;width:36px;height:36px;transition:opacity 80ms;display:grid;position:absolute;top:12px;left:16px}.mx-pick input{width:16px;height:16px;accent-color:var(--accent)}.mx-row:hover .mx-pick,.mx-pick:focus-within{opacity:1}.mx-pick:has(input:checked){opacity:1}.mx-row:hover .mx-avatar{visibility:hidden}.mx-row:has(.mx-pick input:checked) .mx-avatar{visibility:hidden}.mx-row:has(.mx-pick:focus-within) .mx-avatar{visibility:hidden}.mx-hover{background:linear-gradient(90deg, transparent, var(--bg-hover) 16px);opacity:0;gap:2px;padding-left:18px;transition:opacity 80ms;display:flex;position:absolute;bottom:6px;right:8px}.mx-row.is-open .mx-hover{background:linear-gradient(90deg, transparent, var(--bg-muted) 16px)}.mx-row:hover .mx-hover,.mx-hover:focus-within{opacity:1}.mx-hover .icon-btn{width:30px;height:30px}.mx-row:hover .mx-star{display:none}.compose{border:1px solid var(--line-strong);border-radius:var(--radius-l) var(--radius-l) 0 0;width:min(600px,100vw - 48px);height:min(620px,100svh - 40px);box-shadow:var(--shadow-pop);border-bottom:0;inset:auto 24px 0 auto;overflow:hidden}}@media (width>=1180px){.mx{grid-template-columns:216px minmax(320px,400px) minmax(0,1fr)}.mx-folders{border-right:1px solid var(--line);background:var(--bg-subtle);flex-direction:column;height:100svh;padding:14px 10px;display:flex}.mx-compose{margin-bottom:14px}.mx-chips{display:none}.mx-folders nav{gap:1px;display:grid}.mx-folder{border-radius:var(--radius-s);width:100%;min-height:34px;color:var(--fg-2);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-size:.9rem;transition:background-color .1s,color .1s;display:flex}.mx-folder:hover{background:var(--bg-muted);color:var(--fg)}.mx-folder.is-active{background:var(--bg-muted);color:var(--fg);font-weight:550}.mx-folder.is-active svg{color:var(--accent)}.mx-folder em{color:var(--accent);font-family:var(--font-mono);margin-left:auto;font-size:.75rem;font-style:normal}.mx-folders-foot{gap:8px;margin-top:auto;display:grid}.mx-mailbox{color:var(--fg-3);gap:4px;padding:0 2px;display:grid}.mx-mailbox select{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg);width:100%;min-height:34px;color:var(--fg);padding:0 6px;font-size:.8rem}.mx-address{color:var(--fg-3);text-overflow:ellipsis;padding:0 10px;overflow:hidden}.mx-shared{color:var(--fg-3);align-items:center;gap:6px;padding:0 10px;font-size:.8rem;display:flex}}