*,.vm-mockup *{box-sizing:border-box}*{margin:0;padding:0}:root,[data-theme=light]{color-scheme:light;--canvas:#e4e7ef;--canvas-tint:radial-gradient(125% 95% at 14% -12%,#eef1f6 0%,#e4e7ef 52%,#dbdfea 100%);--surface:#fff;--surface-2:#f8f9fb;--surface-3:#f1f3f7;--surface-4:#e8ebf1;--surface-inset:#f6f7fa;--line:#e5e8ee;--line-soft:#eef0f4;--line-strong:#d5dae3;--line-bright:#d5dae3;--ink:#0b0d12;--ink-1:#232733;--ink-2:#4d5462;--ink-3:#767e8e;--ink-4:#9aa2b1;--ink-5:#c3c9d4;--primary:#14161c;--primary-hi:#23262f;--primary-ink:#fff;--accent:#0b5cff;--accent-bright:#3d7cff;--accent-deep:#0043cc;--accent-ink:#fff;--accent-soft:rgba(11,92,255,.08);--accent-line:rgba(11,92,255,.24);--accent-glow:rgba(11,92,255,.3);--green:#157f45;--green-soft:rgba(21,127,69,.09);--amber:#a45f06;--amber-soft:rgba(164,95,6,.1);--rose:#c02648;--rose-soft:rgba(192,38,72,.09);--blue:#45688f;--blue-soft:rgba(69,104,143,.1);--slate:#626b7c;--slate-soft:rgba(98,107,124,.09);--violet:#7a4a72;--violet-soft:rgba(122,74,114,.09);--shadow-xs:0 1px 1px rgba(13,18,32,.03);--shadow-sm:0 1px 2px rgba(13,18,32,.05),0 1px 1px rgba(13,18,32,.03);--shadow-md:0 1px 2px rgba(13,18,32,.05),0 6px 14px -4px rgba(13,18,32,.08);--shadow-lg:0 1px 2px rgba(13,18,32,.05),0 12px 28px -8px rgba(13,18,32,.14),0 32px 60px -24px rgba(13,18,32,.16);--shadow-panel:0 0 0 1px rgba(13,18,32,.07),0 1px 2px rgba(13,18,32,.05),0 14px 32px -16px rgba(13,18,32,.2);--shadow-raise:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 2px rgba(13,18,32,.18),0 4px 10px -2px rgba(13,18,32,.16);--ring:0 0 0 3px rgba(11,92,255,.2);--r-panel:14px;--r-lg:12px;--r-md:9px;--r-sm:7px;--r-xs:5px;--reader-bg:var(--surface);--email-card-bg:#fff;--email-card-text:var(--ink-1);--font-ui:var(--font-geist-sans),"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:var(--font-jetbrains-mono),ui-monospace,"SF Mono",Menlo,monospace}[data-theme=dark]{color-scheme:dark;--canvas:#08090c;--canvas-tint:radial-gradient(120% 90% at 12% -10%,#14161d 0%,#0c0e13 55%,#08090c 100%);--surface:#101319;--surface-2:#151921;--surface-3:#1c212b;--surface-4:#242a36;--surface-inset:#0c0e13;--line:#232833;--line-soft:#1a1e27;--line-strong:#313848;--line-bright:#313848;--ink:#f2f4f8;--ink-1:#dee2ea;--ink-2:#a4acbb;--ink-3:#7b8494;--ink-4:#5c6474;--ink-5:#3a4150;--primary:#f2f4f8;--primary-hi:#fff;--primary-ink:#0b0d12;--accent:#6690ff;--accent-bright:#8aabff;--accent-deep:#4372e6;--accent-ink:#041129;--accent-soft:rgba(102,144,255,.13);--accent-line:rgba(102,144,255,.3);--accent-glow:rgba(102,144,255,.38);--green:#4ecf9a;--green-soft:rgba(78,207,154,.13);--amber:#eaa84a;--amber-soft:rgba(234,168,74,.13);--rose:#f8778f;--rose-soft:rgba(248,119,143,.13);--blue:#8ba6c9;--blue-soft:rgba(139,166,201,.13);--slate:#97a0b1;--slate-soft:rgba(151,160,177,.12);--violet:#c99ac0;--violet-soft:rgba(201,154,192,.13);--shadow-xs:0 1px 1px rgba(0,0,0,.4);--shadow-sm:0 1px 2px rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.35);--shadow-md:0 1px 2px rgba(0,0,0,.5),0 6px 14px -4px rgba(0,0,0,.5);--shadow-lg:0 1px 2px rgba(0,0,0,.5),0 12px 28px -8px rgba(0,0,0,.6),0 32px 60px -24px rgba(0,0,0,.7);--shadow-panel:0 0 0 1px hsla(0,0%,100%,.045),0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.55);--shadow-raise:inset 0 1px 0 hsla(0,0%,100%,.12),0 1px 2px rgba(0,0,0,.5),0 4px 10px -2px rgba(0,0,0,.45);--ring:0 0 0 3px rgba(102,144,255,.26);--reader-bg:var(--surface);--email-card-bg:#fff;--email-card-text:#16181d}::-moz-selection{background:var(--accent-glow);color:var(--ink)}::selection{background:var(--accent-glow);color:var(--ink)}.mail-app{background:var(--canvas);background-image:var(--canvas-tint);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.5;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .24s ease,color .24s ease}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-5);border-radius:99px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-4);background-clip:content-box}.app{display:grid;grid-template-columns:248px 440px 1fr;height:100vh}.vm-mockup{background:var(--canvas);background-image:var(--canvas-tint);padding:10px;gap:10px;font-family:var(--font-ui);color:var(--ink)}.vm-main{flex:1;min-width:0;flex-direction:column}.vm-columns,.vm-main{display:flex;overflow:hidden;gap:10px}.vm-columns{flex:1;min-height:0}.sidebar,.vm-ai-panel,.vm-list-col,.vm-panel,.vm-reader-col{position:relative}.sidebar:after,.vm-ai-panel:after,.vm-list-col:after,.vm-panel:after,.vm-reader-col:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.85) 20%,hsla(0,0%,100%,.85) 80%,transparent);pointer-events:none;z-index:30;border-radius:var(--r-panel) var(--r-panel) 0 0}[data-theme=dark] .sidebar:after,[data-theme=dark] .vm-ai-panel:after,[data-theme=dark] .vm-list-col:after,[data-theme=dark] .vm-panel:after,[data-theme=dark] .vm-reader-col:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.07) 20%,hsla(0,0%,100%,.07) 80%,transparent)}.vm-panel{background:var(--surface);border-radius:var(--r-panel);box-shadow:var(--shadow-panel);overflow:hidden}.vm-list-col{height:100%;flex-shrink:0;flex-direction:column;background:var(--surface)}.vm-list-col,.vm-reader-col{display:flex;border-radius:var(--r-panel);box-shadow:var(--shadow-panel);overflow:hidden}.vm-reader-col{min-width:0;flex:1;flex-direction:column;background:var(--reader-bg)}.vm-resizer{position:relative;z-index:10;flex-shrink:0;width:10px;margin:0 -10px;cursor:col-resize;align-self:stretch;touch-action:none;background:transparent;border:0}.vm-resizer:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:34px;border-radius:99px;background:var(--ink-5);opacity:0;transition:opacity .16s ease}.vm-resizer.is-active:after,.vm-resizer:hover:after{opacity:1;background:var(--accent)}.sidebar{background:var(--surface);border-radius:var(--r-panel);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;overflow:hidden;position:relative}.sidebar-head{padding:15px 14px 13px;display:flex;align-items:center;gap:10px;color:inherit}.brand-mark{width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.14),0 1px 2px rgba(13,18,32,.22),0 0 0 1px rgba(13,18,32,.06)}.brand-name{font-weight:640;font-size:14.5px;letter-spacing:-.022em;color:var(--ink)}.brand-tag{margin-left:auto;font-family:var(--font-mono);font-size:8.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-3);border-radius:99px;padding:3px 7px;line-height:1}.new-email-btn{margin:0 12px 14px;padding:0 11px;height:36px;background:linear-gradient(180deg,var(--primary-hi) 0,var(--primary) 100%);color:var(--primary-ink);border:none;border-radius:var(--r-md);font-family:inherit;font-size:13px;font-weight:560;cursor:pointer;display:flex;align-items:center;gap:9px;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s ease,filter .16s ease;letter-spacing:-.008em;box-shadow:var(--shadow-raise)}.new-email-btn:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 2px 4px rgba(13,18,32,.2),0 8px 18px -4px rgba(13,18,32,.24)}.new-email-btn:active{transform:translateY(0);filter:brightness(.97)}.new-email-btn .kbd-mini{margin-left:auto;font-family:var(--font-mono);font-size:9.5px;background:hsla(0,0%,100%,.13);padding:2px 6px;border-radius:var(--r-xs);color:hsla(0,0%,100%,.72);font-weight:600;line-height:1.2}[data-theme=dark] .new-email-btn .kbd-mini{background:rgba(0,0,0,.12);color:rgba(11,13,18,.6)}.sidebar-scroll{flex:1;overflow-y:auto;padding-bottom:10px}.sidebar-section{margin:0 8px 14px}.sidebar-label{padding:6px 8px;font-family:var(--font-ui);font-size:10px;color:var(--ink-4);text-transform:uppercase;letter-spacing:.1em;font-weight:640;display:flex;align-items:center;justify-content:space-between}.sidebar-label-actions{display:flex;gap:2px}.sidebar-label-action{width:18px;height:18px;border-radius:var(--r-xs);color:var(--ink-4);cursor:pointer;display:grid;place-items:center;transition:background .12s,color .12s;border:0;background:transparent}.sidebar-label-action:hover{background:var(--surface-3);color:var(--ink-1)}.sidebar-item{padding:0 9px;height:32px;border-radius:var(--r-md);font-size:13px;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;gap:10px;margin-bottom:1px;transition:background .13s ease,color .13s ease;font-weight:500;position:relative;letter-spacing:-.008em;width:100%;text-align:left;font-family:inherit;background:transparent;border:0}.sidebar-item.active,.sidebar-item:hover{background:var(--surface-3);color:var(--ink)}.sidebar-item.active{font-weight:580}.sidebar-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--accent);border-radius:0 99px 99px 0}.sidebar-item .icon{width:15px;height:15px;color:var(--ink-3);flex-shrink:0;transition:color .12s}.sidebar-item.active .icon{color:var(--ink)}.sidebar-item:hover .icon{color:var(--ink-1)}.sidebar-item .label-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item .count{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:11px;color:var(--ink-4);font-weight:560;letter-spacing:0;flex-shrink:0}.sidebar-item.active .count{color:var(--ink-2)}.sidebar-item .dot{width:6px;height:6px;border-radius:99px;background:var(--accent);flex-shrink:0}.sidebar-item.is-intel .icon,.sidebar-item.is-intel.active .icon,.sidebar-item.is-intel:hover .icon{color:var(--accent)}.sidebar-item.brief-item .count{font-variant-numeric:tabular-nums;min-width:20px;text-align:center;padding:2px 6px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:10.5px;font-weight:640}.sidebar-item.brief-item.active .count{background:var(--accent);color:var(--accent-ink)}.badge-soft{font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-xs);padding:3px 5px;line-height:1;flex-shrink:0}.empty-state{padding:22px 12px;text-align:center;color:var(--ink-4);font-size:12px;line-height:1.6}.ap-card{margin:0 10px 12px;padding:12px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r-lg)}.ap-head{display:flex;align-items:center;gap:8px}.ap-head-title{flex:1;min-width:0;font-size:9.5px;font-weight:680;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-head-title,.ap-status{text-transform:uppercase;color:var(--ink-3)}.ap-status{display:inline-flex;align-items:center;gap:5px;padding:3px 7px 3px 6px;background:var(--surface-4);font-size:9px;font-weight:700;letter-spacing:.08em;line-height:1}.ap-status,.ap-status:before{flex-shrink:0;border-radius:99px}.ap-status:before{content:"";width:5px;height:5px;background:var(--ink-4)}.ap-status.is-on{background:var(--green-soft);color:var(--green)}.ap-status.is-on:before{background:var(--green);box-shadow:0 0 0 2.5px var(--green-soft);animation:pulse 2.4s ease-in-out infinite}.ap-hero{margin-top:12px;display:flex;align-items:baseline;gap:6px}.ap-hero-value{font-size:29px;font-weight:660;letter-spacing:-.045em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.ap-hero-unit{font-size:12px;font-weight:500;color:var(--ink-3);letter-spacing:-.008em}.ap-hero-saved{margin-left:auto;flex-shrink:0;align-self:center;padding:3px 8px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:580;white-space:nowrap;font-variant-numeric:tabular-nums}.ap-meter{margin-top:12px;display:flex;gap:2px;height:6px}.ap-seg{min-width:4px;border-radius:99px;flex-basis:0}.ap-seg.sent{background:var(--green)}.ap-seg.pending{background:var(--amber)}.ap-seg.sim{background:var(--blue)}.ap-seg.failed{background:var(--rose)}.ap-legend{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;list-style:none}.ap-legend li{display:flex;align-items:center;gap:6px;min-width:0}.ap-dot{width:6px;height:6px;border-radius:99px;flex-shrink:0}.ap-dot.sent{background:var(--green)}.ap-dot.pending{background:var(--amber)}.ap-dot.sim{background:var(--blue)}.ap-dot.failed{background:var(--rose)}.ap-legend-label{flex:1;min-width:0;font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}.ap-legend-value{font-size:11.5px;font-weight:640;color:var(--ink-1);font-variant-numeric:tabular-nums;flex-shrink:0}.ap-legend li[data-zero] .ap-dot{background:var(--ink-5)}.ap-legend li[data-zero] .ap-legend-value{color:var(--ink-4);font-weight:540}.ap-empty{margin-top:10px;font-size:11px;line-height:1.55;color:var(--ink-4)}.cal-card{margin:0 10px 12px;padding:13px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r-lg)}.cal-head{display:flex;align-items:center;gap:8px}.cal-head-title{flex:1;min-width:0;font-size:9.5px;font-weight:680;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-badge{flex-shrink:0;padding:3px 8px;border-radius:99px;background:var(--surface-4);color:var(--ink-2);font-size:10px;font-weight:620;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums}.cal-badge.is-clear{background:var(--green-soft);color:var(--green)}.cal-tl{list-style:none;margin-top:13px}.cal-tl-item{position:relative;padding:0 0 14px 21px}.cal-tl-item:before{content:"";position:absolute;left:4px;top:13px;bottom:-1px;width:1.5px;border-radius:99px;background:var(--line)}.cal-tl-item:last-child{padding-bottom:0}.cal-tl-item:last-child:before{display:none}.cal-tl-marker{position:absolute;left:0;top:4px;width:9.5px;height:9.5px;border-radius:99px;background:var(--surface-2);box-shadow:inset 0 0 0 1.75px var(--ink-5)}.cal-tl-item.is-next .cal-tl-marker{top:15px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cal-tl-item.is-live .cal-tl-marker{animation:pulse 2.4s ease-in-out infinite}.cal-tl-item.is-next:before{top:25px}.cal-tl-body{display:flex;flex-direction:column;gap:2px;min-width:0}.cal-tl-item.is-next .cal-tl-body{padding:10px 11px;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.cal-tl-item.is-live .cal-tl-body{box-shadow:inset 0 0 0 1px var(--accent-line)}.cal-tl-when{font-size:10.5px;font-weight:620;color:var(--ink-4);font-variant-numeric:tabular-nums;letter-spacing:-.008em;line-height:1.3}.cal-tl-item.is-next .cal-tl-when{color:var(--accent);font-weight:660}.cal-tl-title{font-size:12.5px;font-weight:580;color:var(--ink-1);letter-spacing:-.015em;line-height:1.32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-tl-item.is-next .cal-tl-title{font-size:13.5px;font-weight:640;color:var(--ink)}.cal-tl-meta{display:flex;align-items:center;gap:7px;min-width:0;font-size:10.5px;color:var(--ink-4);line-height:1.35}.cal-tl-dur{flex-shrink:0;padding:1.5px 5px;border-radius:4px;background:var(--surface-4);color:var(--ink-3);font-size:9.5px;font-weight:620;font-variant-numeric:tabular-nums;line-height:1.3}.cal-tl-item.is-next .cal-tl-dur{background:var(--accent-soft);color:var(--accent)}.cal-tl-who{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-foot{margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10.5px;color:var(--ink-4);font-variant-numeric:tabular-nums}.cal-foot-free{color:var(--ink-2);font-weight:620}.cal-empty{margin-top:10px;font-size:11px;line-height:1.55;color:var(--ink-4)}.calendar-widget{margin:0 10px 12px;padding:11px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r-lg)}.calendar-widget-head{display:flex;align-items:center;gap:7px;margin-bottom:10px}.widget-chip{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;flex-shrink:0;background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-line)}.widget-chip svg{width:12px;height:12px}.widget-chip.is-neutral{background:var(--surface-3);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}.calendar-widget-title{font-family:var(--font-ui);font-size:9.5px;font-weight:680;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-widget-count{font-variant-numeric:tabular-nums;font-size:10px;font-weight:640;color:var(--ink-2);background:var(--surface-4);border-radius:99px;padding:2px 7px;line-height:1.3}.calendar-widget-head{gap:8px}.sidebar-foot{padding:9px 10px;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:9px;background:var(--surface-2)}.user-avatar{width:28px;height:28px;border-radius:99px;background:var(--surface-4);display:grid;place-items:center;font-size:11px;font-weight:620;color:var(--ink-2);flex-shrink:0}.user-info{min-width:0;flex:1}.user-name{font-size:12.5px;font-weight:560;color:var(--ink);letter-spacing:-.01em}.user-name,.user-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{font-size:10.5px;color:var(--ink-4);display:flex;align-items:center;gap:5px;margin-top:1px}.user-status:before{content:"";width:5px;height:5px;border-radius:99px;background:var(--green);flex-shrink:0;box-shadow:0 0 0 2px var(--green-soft)}.theme-toggle{width:28px;height:28px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--ink-3);cursor:pointer;border:0;background:transparent;transition:background .13s,color .13s;flex-shrink:0}.theme-toggle:hover{background:var(--surface-3);color:var(--ink)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.inbox{display:flex;flex-direction:column;min-height:0}.inbox,.inbox-top{background:var(--surface)}.inbox-top{padding:10px 12px;border-bottom:1px solid var(--line-soft);flex-shrink:0}.inbox-search-row{display:flex;align-items:center;gap:7px}.inbox-search-row .search-bar{flex:1;min-width:0}.search-bar{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;background:var(--surface-3);border:1px solid transparent;border-radius:var(--r-md);color:var(--ink-3);transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.search-bar:hover{background:var(--surface-4)}.search-bar:focus-within{background:var(--surface);border-color:var(--accent-line);box-shadow:var(--ring)}.search-bar svg{color:var(--ink-4);flex-shrink:0}.search-bar input{flex:1;min-width:0;background:transparent;border:0;outline:0;font-family:inherit;font-size:13px;color:var(--ink);letter-spacing:-.008em}.search-bar input::-moz-placeholder{color:var(--ink-4)}.search-bar input::placeholder{color:var(--ink-4)}.search-kbd{font-family:var(--font-mono);font-size:9.5px;font-weight:600;color:var(--ink-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xs);padding:2px 5px;line-height:1.2;flex-shrink:0}.inbox-refresh{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink-3);cursor:pointer;transition:background .14s,color .14s,border-color .14s}.inbox-refresh:hover{background:var(--surface-3);color:var(--ink);border-color:var(--line-strong)}.focus-row{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line-soft);overflow-x:auto;scrollbar-width:none}.focus-row::-webkit-scrollbar{display:none}.focus-label{font-size:9.5px;font-weight:680;letter-spacing:.1em;color:var(--ink-4);text-transform:uppercase;flex-shrink:0;margin-right:2px}.chip{display:inline-flex;align-items:center;gap:5px;height:25px;padding:0 9px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:11.5px;font-weight:540;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .13s,color .13s,border-color .13s;flex-shrink:0;letter-spacing:-.005em}.chip:hover{background:var(--surface-3);color:var(--ink)}.chip.active{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.chip-count{font-variant-numeric:tabular-nums;font-size:10px;font-weight:620;color:var(--ink-4)}.chip.active .chip-count{color:var(--primary-ink);opacity:.66}.date-header{padding:18px 18px 14px;border-bottom:1px solid var(--line-soft);background:var(--surface)}.date-eyebrow{font-family:var(--font-ui);font-size:9.5px;font-weight:680;letter-spacing:.13em;color:var(--ink-4);text-transform:uppercase;display:flex;align-items:center;gap:7px;margin-bottom:7px}.date-eyebrow:before{content:"";width:5px;height:5px;border-radius:99px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);flex-shrink:0}.date-title{font-family:var(--font-ui);font-size:23px;font-weight:640;letter-spacing:-.032em;color:var(--ink);line-height:1.12}.date-title .it{font-style:normal;color:var(--ink-3);font-weight:500}.date-stats{margin-top:10px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11.5px;color:var(--ink-3);letter-spacing:-.005em}.date-stats .num{font-variant-numeric:tabular-nums;font-weight:640;color:var(--ink)}.date-stats .sep{width:3px;height:3px;border-radius:99px;background:var(--ink-5);display:inline-block}.date-stats .live{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-weight:540}.date-stats .live:before{content:"";width:5px;height:5px;border-radius:99px;background:var(--green);box-shadow:0 0 0 3px var(--green-soft);animation:pulse 2.4s ease-in-out infinite}.email-list{display:flex;flex-direction:column}.day-divider{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:6px;padding:8px 18px;background:var(--surface-2);border-bottom:1px solid var(--line-soft);border-top:1px solid var(--line-soft);font-size:10px;font-weight:660;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);backdrop-filter:saturate(180%) blur(8px)}.day-divider .day-count{color:var(--ink-4);font-weight:560;letter-spacing:.04em;text-transform:none}.email-row{display:flex;gap:11px;padding:11px 18px 12px;border-bottom:1px solid var(--line-soft);cursor:pointer;position:relative;transition:background .11s ease;text-align:left;width:100%;align-items:flex-start;outline:none}.email-row:hover{background:var(--surface-2)}.email-row:focus-visible{background:var(--surface-2);box-shadow:inset var(--ring)}.email-row.active{background:var(--surface-3)}.email-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .13s ease}.email-row[data-cat=urgent]:before{background:var(--rose)}.email-row[data-cat=needs-reply]:before{background:var(--amber)}.email-row[data-cat=promotions]:before,.email-row[data-cat=updates]:before{background:transparent}.email-row.active:before{background:var(--accent)}.email-from-icon{width:34px;height:34px;border-radius:10px;flex-shrink:0;position:relative;display:grid;place-items:center;background:var(--surface-3);overflow:hidden;margin-top:1px}.email-from-icon:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(13,18,32,.06);pointer-events:none}[data-theme=dark] .email-from-icon:after{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.07)}.email-from-icon-initials{font-size:12px;font-weight:620;color:var(--ink-2);letter-spacing:-.01em;text-transform:uppercase}.email-from-icon-logo{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .2s ease}.email-from-icon-logo[data-loaded=true]{opacity:1}.email-from-icon[data-has-logo=true]{background:var(--surface)}.email-from-icon[data-has-logo=true]:after{box-shadow:inset 0 0 0 1px rgba(13,18,32,.08)}.email-from-icon[data-has-logo=true] .email-from-icon-initials{opacity:0}.email-row-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.email-row-head{display:flex;align-items:baseline;gap:8px}.email-from{font-size:13px;font-weight:540;color:var(--ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.012em;min-width:0;flex:1}.email-row.unread .email-from{color:var(--ink);font-weight:660}.email-row.unread .email-from:after{content:"";display:inline-block;width:5px;height:5px;border-radius:99px;background:var(--accent);margin-left:7px;vertical-align:middle}.email-row.unread .email-subject{color:var(--ink);font-weight:600}.email-time{font-size:11px;color:var(--ink-4);flex-shrink:0;font-variant-numeric:tabular-nums;letter-spacing:-.005em;white-space:nowrap}.email-row-subject-line{display:flex;align-items:center;gap:7px;min-width:0}.email-subject{font-size:13px;font-weight:480;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;min-width:0}.email-row-tags,.email-tags{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.email-snippet{font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em;line-height:1.45;margin-top:1px}.tag{display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:var(--r-xs);font-size:9.5px;font-weight:660;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;background:var(--slate-soft);color:var(--slate);flex-shrink:0;line-height:1}.tag.t-urgent{background:var(--rose-soft);color:var(--rose)}.tag.t-reply{background:var(--amber-soft);color:var(--amber)}.tag.t-update{background:var(--blue-soft);color:var(--blue)}.tag.t-promo{background:var(--violet-soft);color:var(--violet)}.quick-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .13s ease;flex-shrink:0}.email-row:focus-within .quick-actions,.email-row:hover .quick-actions{opacity:1}.qa-btn{width:26px;height:26px;display:grid;place-items:center;border-radius:var(--r-sm);border:0;background:transparent;color:var(--ink-4);cursor:pointer;transition:background .12s,color .12s}.qa-btn:hover{background:var(--surface-4);color:var(--ink)}.qa-btn.gold:hover{background:var(--accent-soft);color:var(--accent)}.reader{display:flex;flex-direction:column;min-height:0;background:var(--reader-bg)}.reader-toolbar{align-items:center;gap:3px;height:50px;padding:0 10px 0 8px;border-bottom:1px solid var(--line-soft);background:var(--surface);flex-shrink:0}.tool-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:var(--r-md);border:0;background:transparent;color:var(--ink-2);font-family:inherit;font-size:12.5px;font-weight:520;letter-spacing:-.008em;cursor:pointer;white-space:nowrap;transition:background .13s,color .13s}.tool-btn:hover{background:var(--surface-3);color:var(--ink)}.tool-btn:disabled{opacity:.5;cursor:default}.tool-btn .kbd{font-family:var(--font-mono);font-size:9px;font-weight:600;background:var(--surface-4);color:var(--ink-3);border-radius:4px;padding:2px 4px;line-height:1.2}.tool-divider{width:1px;height:18px;background:var(--line);margin:0 5px;flex-shrink:0}.tool-spacer{flex:1}.tool-close{width:30px;padding:0;justify-content:center;color:var(--ink-3)}.tool-close:hover{background:var(--surface-3);color:var(--ink)}.tool-close:active{transform:scale(.94)}.tool-btn.gold-suggest{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);font-weight:560}.tool-btn.gold-suggest:hover{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 8px -2px var(--accent-glow)}.tool-btn.gold-cta{background:linear-gradient(180deg,var(--primary-hi) 0,var(--primary) 100%);color:var(--primary-ink);font-weight:560;padding:0 11px;box-shadow:var(--shadow-raise);margin-left:3px}.tool-btn.gold-cta:hover{filter:brightness(1.12);color:var(--primary-ink);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 2px 4px rgba(13,18,32,.2),0 8px 18px -6px rgba(13,18,32,.3)}.tool-btn.gold-cta .kbd{background:hsla(0,0%,100%,.14);color:hsla(0,0%,100%,.75)}[data-theme=dark] .tool-btn.gold-cta .kbd{background:rgba(0,0,0,.12);color:rgba(11,13,18,.62)}.ai-brief{position:relative;margin:0 0 18px;padding:14px 16px 16px;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--accent-soft) 0,transparent 46%),var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.ai-brief:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--accent) 0,var(--accent-bright) 38%,transparent 92%)}.ai-brief:after{content:"";position:absolute;top:-70px;right:-50px;width:240px;height:180px;background:radial-gradient(closest-side,var(--accent-soft),transparent);pointer-events:none}.ai-brief-head{position:relative;display:flex;align-items:center;gap:9px;margin-bottom:12px}.ai-brief-icon{width:20px;height:20px;border-radius:var(--r-xs);display:grid;place-items:center;position:relative;flex-shrink:0}.ai-brief-icon:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(140deg,var(--accent-bright) 0,var(--accent-deep) 100%);box-shadow:0 1px 4px var(--accent-glow)}.ai-brief-icon svg{position:relative;width:12px;height:12px;color:#fff}.ai-brief-label{font-size:9.5px;letter-spacing:.12em;color:var(--ink-2)}.ai-brief-label,.ai-brief-live{font-weight:700;text-transform:uppercase}.ai-brief-live{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 7px;border-radius:99px;background:var(--green-soft);color:var(--green);font-size:9px;letter-spacing:.09em;line-height:1}.ai-brief-live:before{content:"";width:5px;height:5px;border-radius:99px;background:var(--green);animation:pulse 2.4s ease-in-out infinite}.ai-brief-body{position:relative}.ai-brief-summary{font-size:14px;line-height:1.55;font-weight:460;color:var(--ink);letter-spacing:-.012em;max-width:76ch}.ai-brief-summary strong{font-weight:620}.ai-brief-action{margin-top:13px;padding:11px 13px 12px;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent-line)}.ai-brief-action-head{display:flex;align-items:center;gap:10px;margin-bottom:5px}.ai-brief-action-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.ai-brief-action-body{font-size:13.5px;line-height:1.5;color:var(--ink-1);letter-spacing:-.01em;max-width:74ch}.ai-brief-why{margin-top:9px;padding-top:9px;border-top:1px solid var(--line-soft);font-size:11.5px;line-height:1.5;color:var(--ink-4);max-width:74ch}.ai-brief-why-label{display:inline-block;margin-right:7px;padding:1.5px 5px;border-radius:4px;background:var(--surface-3);color:var(--ink-3);font-size:8.5px;letter-spacing:.1em;vertical-align:1px}.ai-brief-priority,.ai-brief-why-label{font-weight:700;text-transform:uppercase}.ai-brief-priority{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;height:17px;padding:0 7px;border-radius:99px;font-size:9px;letter-spacing:.09em;line-height:1}.ai-brief-priority-low{background:var(--slate-soft);color:var(--slate)}.ai-brief-priority-medium{background:var(--amber-soft);color:var(--amber)}.ai-brief-priority-high{background:var(--rose-soft);color:var(--rose)}.ai-brief-error{font-size:13px;line-height:1.5;color:var(--rose)}.reader-sender-row{display:flex;align-items:center;gap:11px;padding-top:4px}.reader-avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(150deg,var(--surface-3) 0,var(--surface-4) 100%);display:grid;place-items:center;font-size:13px;font-weight:640;color:var(--ink-2);flex-shrink:0;letter-spacing:-.01em;box-shadow:inset 0 0 0 1px rgba(13,18,32,.05)}[data-theme=dark] .reader-avatar{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06)}.reader-sender-info{min-width:0;flex:1}.reader-sender-name{display:flex;align-items:center;gap:8px;min-width:0}.reader-sender-name-text{font-size:14px;font-weight:620;color:var(--ink);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-sender-name .details-link{font-size:8.5px;font-weight:680;letter-spacing:.1em;color:var(--ink-4);background:var(--surface-3);border:0;border-radius:var(--r-xs);padding:3px 5px;cursor:pointer;text-transform:uppercase;line-height:1;transition:background .12s,color .12s;flex-shrink:0}.reader-sender-name .details-link:hover{background:var(--surface-4);color:var(--ink-1)}.reader-to{font-size:12px;color:var(--ink-4);margin-top:2px;letter-spacing:-.005em}.reader-time{font-size:11.5px;color:var(--ink-4);flex-shrink:0;font-variant-numeric:tabular-nums;white-space:nowrap}.reader-subject-block{margin-bottom:12px}.reader-subject{font-family:var(--font-ui);font-size:25px;font-weight:640;letter-spacing:-.033em;line-height:1.18;color:var(--ink)}.reader-measure{width:100%;max-width:1180px;margin-left:auto;margin-right:auto}.email-body-wrapper>center>div,.email-body-wrapper>center>table,.email-body-wrapper>div,.email-body-wrapper>table{margin-left:0!important;margin-right:auto!important}.email-body-wrapper>center{text-align:left!important}.reader-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;text-align:center}.reader-empty-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-4);box-shadow:inset 0 0 0 1px var(--line)}.reader-empty-text{font-size:13.5px;color:var(--ink-3);letter-spacing:-.008em;max-width:34ch;line-height:1.6}.vm-ai-panel{position:fixed;right:10px;top:10px;bottom:10px;z-index:40;background:var(--surface);border-radius:var(--r-panel);box-shadow:var(--shadow-lg),0 0 0 1px var(--line);transition:transform .32s cubic-bezier(.16,1,.3,1);overflow:hidden}.vm-ai-panel[data-open=false]{transform:translateX(calc(100% + 20px));pointer-events:none}.vm-ai-head{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;border-bottom:1px solid var(--line-soft);background:var(--surface-2)}.vm-ai-mark{width:30px;height:30px;border-radius:var(--r-md);overflow:hidden;flex-shrink:0;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.16),0 1px 3px var(--accent-glow)}.vm-ai-title{font-size:13.5px;font-weight:640;letter-spacing:-.018em;color:var(--ink)}.vm-ai-sub{margin-top:2px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:560;letter-spacing:.02em;color:var(--ink-4)}.vm-ai-sub kbd{font-family:var(--font-mono);font-size:9px;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1px 4px;color:var(--ink-3)}.vm-icon-btn{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-sm);border:0;background:transparent;color:var(--ink-3);cursor:pointer;transition:background .12s,color .12s;flex-shrink:0}.vm-icon-btn:hover{background:var(--surface-3);color:var(--ink)}.vm-ai-resizer{position:absolute;left:0;top:0;height:100%;width:8px;transform:translateX(-50%);cursor:col-resize;z-index:50;touch-action:none;background:transparent;border:0}.vm-ai-resizer:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:34px;border-radius:99px;background:var(--accent);opacity:0;transition:opacity .16s ease}.vm-ai-resizer.is-active:after,.vm-ai-resizer:hover:after{opacity:1}.vm-demo-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;padding:7px 14px;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-panel);flex-shrink:0}.vm-demo-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.13em;color:var(--accent);text-transform:uppercase}.vm-demo-badge:before{content:"";width:5px;height:5px;border-radius:99px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.vm-demo-text{font-size:12px;color:var(--ink-3);letter-spacing:-.005em}.vm-demo-cta{display:inline-flex;align-items:center;gap:5px;height:25px;padding:0 10px;border-radius:99px;background:var(--primary);color:var(--primary-ink);font-size:11.5px;font-weight:560;text-decoration:none;transition:transform .15s ease,filter .15s ease;box-shadow:var(--shadow-raise)}.vm-demo-cta:hover{transform:translateY(-1px);filter:brightness(1.12)}@media (max-width:1180px){.app{grid-template-columns:64px 1fr 1fr}.vm-mockup{padding:8px;gap:8px}.vm-columns,.vm-main{gap:8px}}@media (max-width:900px){.app{grid-template-columns:1fr}.inbox{display:none}}.ProseMirror{outline:none;font-family:var(--font-ui);font-size:14.5px;line-height:1.65;color:var(--ink-1);letter-spacing:-.006em}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{font-weight:640;color:var(--ink);letter-spacing:-.024em;margin:18px 0 8px;line-height:1.25}.ProseMirror h1{font-size:22px}.ProseMirror h2{font-size:19px}.ProseMirror h3{font-size:16.5px}.ProseMirror h4{font-size:15px}.ProseMirror h5,.ProseMirror h6{font-size:13.5px}.ProseMirror p{margin:0 0 11px}.ProseMirror p:first-child{margin-top:0}.ProseMirror p:last-child{margin-bottom:0}.ProseMirror strong{font-weight:620;color:var(--ink)}.ProseMirror em{font-style:italic}.ProseMirror s{text-decoration:line-through;color:var(--ink-3)}.ProseMirror code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-3);border-radius:var(--r-xs);padding:2px 5px;color:var(--ink-1)}.ProseMirror ol,.ProseMirror ul{margin:0 0 11px;padding-left:22px}.ProseMirror ul{list-style:disc}.ProseMirror ol{list-style:decimal}.ProseMirror li{margin-bottom:4px}.ProseMirror li>p{margin:0}.ProseMirror blockquote{border-left:2px solid var(--accent-line);padding-left:13px;margin:0 0 11px;color:var(--ink-2)}.ProseMirror blockquote p{margin:0}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;pointer-events:none;color:var(--ink-4)}@keyframes vm-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes vm-bounce-dot{0%,to{transform:translateY(0);opacity:.55}40%{transform:translateY(-4px);opacity:1}}@keyframes vm-skeleton-sweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes vm-skeleton-fade-in{0%{opacity:0}to{opacity:1}}.vm-skeleton-line,.vm-skeleton-line-dark{height:10px;border-radius:99px;background:linear-gradient(90deg,var(--surface-3) 0,var(--surface-4) 50%,var(--surface-3) 100%);background-size:200% 100%;animation:vm-shimmer 1.6s ease-in-out infinite;margin-bottom:8px}.vm-skeleton-line-dark:first-child,.vm-skeleton-line:first-child{width:42%}.vm-skeleton-line-dark:nth-child(2),.vm-skeleton-line:nth-child(2){width:88%}.vm-skeleton-line-dark:nth-child(3),.vm-skeleton-line:nth-child(3){width:74%}.vm-skeleton-line-dark:nth-child(4),.vm-skeleton-line:nth-child(4){width:64%}.vm-skeleton-line-dark:nth-child(5),.vm-skeleton-line:nth-child(5){width:52%}@media (prefers-reduced-motion:reduce){.ai-brief-time:before,.date-stats .live:before,.vm-skeleton-line,.vm-skeleton-line-dark{animation:none}.new-email-btn,.vm-ai-panel,.vm-demo-cta{transition:none}}