:root,[data-theme=dark]{--bg: #0b0d12;--surface-0: #0f1219;--surface-1: #151925;--surface-2: #1c2230;--surface-3: #232b3b;--surface-hover: #1a2030;--surface-active: #202a44;--border: #232b3b;--border-strong: #2f3a4f;--text: #e7ecf4;--text-dim: #9aa7bd;--text-faint: #6b7689;--text-on-accent: #ffffff;--accent: #6d8cff;--accent-strong: #5b78f0;--accent-soft: rgba(109, 140, 255, .16);--accent-ring: rgba(109, 140, 255, .45);--grad-accent: linear-gradient(135deg, #7c5cff 0%, #5b78f0 55%, #4aa6ff 100%);--grad-cta: linear-gradient(135deg, #6d8cff 0%, #8b6dff 100%);--success: #41d18b;--warning: #f7b955;--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .14);--star: #ffc24b;--glass-bg: rgba(15, 18, 25, .72);--glass-border: rgba(255, 255, 255, .06);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 4px 14px rgba(0, 0, 0, .45);--shadow-3: 0 12px 32px rgba(0, 0, 0, .55);--shadow-glow: 0 8px 28px rgba(109, 140, 255, .35);color-scheme:dark}[data-theme=light]{--bg: #eef1f7;--surface-0: #ffffff;--surface-1: #ffffff;--surface-2: #f5f7fb;--surface-3: #eef1f7;--surface-hover: #f2f5fb;--surface-active: #e8eeff;--border: #e2e7f0;--border-strong: #d2d9e6;--text: #15191f;--text-dim: #5a6473;--text-faint: #8b94a3;--text-on-accent: #ffffff;--accent: #4a63e0;--accent-strong: #3b52cf;--accent-soft: rgba(74, 99, 224, .12);--accent-ring: rgba(74, 99, 224, .4);--grad-accent: linear-gradient(135deg, #6a4bff 0%, #4a63e0 55%, #2f9bff 100%);--grad-cta: linear-gradient(135deg, #4a63e0 0%, #7a52f0 100%);--success: #16a565;--warning: #d98a13;--danger: #d93838;--danger-soft: rgba(217, 56, 56, .1);--star: #f4b400;--glass-bg: rgba(255, 255, 255, .78);--glass-border: rgba(0, 0, 0, .05);--shadow-1: 0 1px 2px rgba(16, 24, 40, .08);--shadow-2: 0 6px 18px rgba(16, 24, 40, .1);--shadow-3: 0 16px 40px rgba(16, 24, 40, .16);--shadow-glow: 0 8px 24px rgba(74, 99, 224, .28);color-scheme:light}:root{--row-h: 64px;--topbar-h: 60px;--sidebar-w: 248px;--list-w: 400px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .36s;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:var(--fs-base) / 1.5 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}button{font:inherit;cursor:pointer;color:inherit}::selection{background:var(--accent-soft)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:var(--radius-xs)}:focus:not(:focus-visible){outline:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pane-in{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes compose-in{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes star-pop{0%{transform:scale(1)}45%{transform:scale(1.45) rotate(8deg)}to{transform:scale(1)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes aurora{0%{transform:translate(-10%,-10%) rotate(0) scale(1.2)}50%{transform:translate(10%,6%) rotate(180deg) scale(1.35)}to{transform:translate(-10%,-10%) rotate(360deg) scale(1.2)}}@keyframes float-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-orb-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes logo-m-draw{0%{stroke-dashoffset:var(--logo-m-len)}to{stroke-dashoffset:0}}@keyframes logo-dot-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes logo-shimmer{0%,18%{transform:translate(0)}60%,to{transform:translate(64px)}}@keyframes logo-breathe{0%,to{filter:drop-shadow(0 0 3px rgba(236,120,51,.25))}50%{filter:drop-shadow(0 0 9px rgba(236,120,51,.5))}}.logo{display:inline-flex;align-items:center;gap:var(--space-2);user-select:none;--logo-m-len: 120}.logo__svg{display:block;flex-shrink:0;width:var(--logo-size, 32px);height:var(--logo-size, 32px);overflow:visible;animation:logo-breathe 6s var(--ease-in-out) infinite}.logo__orb{transform-box:fill-box;transform-origin:center;animation:logo-orb-in .52s var(--ease-spring) both}.logo__m{stroke-dasharray:var(--logo-m-len);stroke-dashoffset:0;animation:logo-m-draw .62s var(--ease-out) .18s both}.logo__dot{transform-box:fill-box;transform-origin:center;animation:logo-dot-pop .32s var(--ease-spring) .72s both}.logo__shimmer{animation:logo-shimmer 7s var(--ease-in-out) 1.2s infinite}.logo__wordmark{font-weight:700;font-size:var(--fs-lg);letter-spacing:-.02em;line-height:1;background:linear-gradient(135deg,#f0924a,#c45e1e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (prefers-reduced-motion: reduce){.logo__svg,.logo__orb,.logo__m,.logo__dot,.logo__shimmer{animation:none!important}.logo__m{stroke-dashoffset:0}.logo__dot{opacity:1;transform:none}}.app{display:flex;flex-direction:column;height:100%;background:var(--bg)}.app--loading{align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-dim);font-size:var(--fs-md)}.topbar{display:flex;align-items:center;gap:var(--space-4);height:var(--topbar-h);padding:0 var(--space-4);border-bottom:1px solid var(--border);background:var(--glass-bg);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);position:sticky;top:0;z-index:20}.topbar__brand{display:flex;align-items:center;font-weight:700;font-size:var(--fs-lg);letter-spacing:-.02em;user-select:none}.topbar__brand .logo{cursor:default}.topbar__brand .logo__svg{transition:transform var(--dur) var(--ease-spring),filter var(--dur) var(--ease-out)}.topbar__brand:hover .logo__svg{transform:scale(1.08);filter:drop-shadow(0 0 10px rgba(236,120,51,.6))}.topbar__search{flex:1;max-width:720px;position:relative}.topbar__search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none;font-size:15px}.topbar__search input{width:100%;padding:10px 14px 10px 40px;border:1px solid transparent;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font:inherit;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.topbar__search input::placeholder{color:var(--text-faint)}.topbar__search input:focus{outline:none;background:var(--surface-0);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.topbar__actions{display:flex;align-items:center;gap:var(--space-3)}.topbar__email{color:var(--text-dim);font-size:var(--fs-sm);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__user{display:flex;align-items:center;gap:var(--space-2)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);background:var(--surface-1);border-radius:var(--radius-pill);color:var(--text-dim);font-size:16px;transition:transform var(--dur) var(--ease-spring),background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.icon-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0) scale(.94)}.topbar__signout{border:1px solid var(--border);background:var(--surface-1);border-radius:var(--radius-pill);padding:8px 16px;color:var(--text-dim);font-size:var(--fs-sm);font-weight:500;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-spring)}.topbar__signout:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.topbar__signout:active{transform:scale(.96)}.app__main{flex:1;display:grid;grid-template-columns:var(--sidebar-w) var(--list-w) 1fr;min-height:0}.app__error{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--danger-soft);color:var(--danger);padding:10px var(--space-4);font-size:var(--fs-sm);font-weight:500;border-bottom:1px solid var(--border);animation:float-up var(--dur) var(--ease-out)}.app__error button{background:none;border:none;color:inherit;font-size:14px;padding:4px 8px;border-radius:var(--radius-xs);transition:background-color var(--dur) var(--ease-out)}.app__error button:hover{background:#ff6b6b2e}.sidebar{border-right:1px solid var(--border);padding:var(--space-4) var(--space-3);overflow-y:auto;background:var(--surface-0);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar__compose{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:13px;margin-bottom:var(--space-3);border:none;border-radius:var(--radius-md);background:var(--grad-cta);color:var(--text-on-accent);font-weight:650;font-size:var(--fs-md);box-shadow:var(--shadow-glow);transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur) var(--ease-out),filter var(--dur) var(--ease-out)}.sidebar__compose:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 32px #6d8cff73}.sidebar__compose:active{transform:translateY(0) scale(.97)}.sidebar__compose-icon{font-size:15px}.sidebar__list{display:flex;flex-direction:column;gap:2px}.sidebar__item{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-3);border:none;background:none;border-radius:var(--radius-sm);text-align:left;color:var(--text-dim);font-size:var(--fs-md);font-weight:500;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.sidebar__item:hover{background:var(--surface-hover);color:var(--text)}.sidebar__item:active{transform:scale(.985)}.sidebar__item--active{background:var(--accent-soft);color:var(--accent);font-weight:650}.sidebar__item--active:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:4px;height:60%;border-radius:var(--radius-pill);background:var(--accent);box-shadow:0 0 10px var(--accent-ring)}.sidebar__icon{font-size:17px;width:22px;text-align:center;flex-shrink:0}.sidebar__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__badge{background:var(--accent-soft);color:var(--accent);font-size:var(--fs-xs);font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center}.sidebar__item--active .sidebar__badge{background:var(--accent);color:var(--text-on-accent)}.msg-list{border-right:1px solid var(--border);overflow-y:auto;position:relative;background:var(--surface-0)}.msg-list__loading{position:sticky;bottom:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);color:var(--text-dim);font-size:var(--fs-sm);background:linear-gradient(to top,var(--surface-0),transparent)}.msg-row{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-0);overflow:hidden;cursor:pointer;border-left:3px solid transparent;transition:background-color var(--dur-fast) var(--ease-out),border-left-color var(--dur) var(--ease-out);animation:row-in var(--dur) var(--ease-out) both}.msg-row:hover{background:var(--surface-hover)}.msg-row--selected{background:var(--accent-soft);border-left-color:var(--accent)}.msg-row--selected:hover{background:var(--accent-soft)}.msg-row--unread{background:var(--surface-1)}.msg-row--unread .msg-row__from,.msg-row--unread .msg-row__subject-text{font-weight:700;color:var(--text)}.msg-row__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:transparent;transition:background-color var(--dur) var(--ease-out)}.msg-row--unread .msg-row__dot{background:var(--accent);box-shadow:0 0 8px var(--accent-ring)}.msg-row__star{border:none;background:none;color:var(--text-faint);font-size:17px;line-height:1;padding:4px;border-radius:var(--radius-xs);flex-shrink:0;transition:color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.msg-row__star:hover{color:var(--star);transform:scale(1.15)}.msg-row__star--on{color:var(--star);animation:star-pop .36s var(--ease-spring)}.avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:650;text-transform:uppercase;user-select:none;background:var(--avatar-grad, var(--grad-accent))}.avatar--sm{width:36px;height:36px;font-size:14px}.avatar--lg{width:44px;height:44px;font-size:17px}.msg-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.msg-row__top{display:flex;align-items:baseline;gap:var(--space-2)}.msg-row__from{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:500}.msg-row__date{color:var(--text-faint);font-size:var(--fs-xs);flex-shrink:0;font-variant-numeric:tabular-nums}.msg-row__subject{display:flex;align-items:center;gap:6px;overflow:hidden}.msg-row__subject-text{flex-shrink:0;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim)}.msg-row__preview{color:var(--text-faint);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-row__attach{flex-shrink:0;font-size:13px;color:var(--text-faint)}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--radius-xs)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:shimmer 1.4s infinite}[data-theme=light] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent)}.skel-row{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:var(--row-h);border-bottom:1px solid var(--border)}.skel-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.skel-lines{flex:1;display:flex;flex-direction:column;gap:8px}.skel-line{height:10px}.skel-pane{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);text-align:center;color:var(--text-dim);animation:fade-in var(--dur-slow) var(--ease-out)}.empty-state__art{width:84px;height:84px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:38px;background:var(--accent-soft);color:var(--accent);box-shadow:var(--shadow-2)}.empty-state__title{font-size:var(--fs-lg);font-weight:650;color:var(--text);margin:0}.empty-state__sub{font-size:var(--fs-sm);max-width:280px;margin:0}.reading-pane{padding:var(--space-5) var(--space-6);overflow-y:auto;background:var(--surface-0);animation:pane-in var(--dur-slow) var(--ease-out)}.reading-pane--empty{padding:0}.reading-pane__head{border-bottom:1px solid var(--border);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.reading-pane__subject{margin:0 0 var(--space-4);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em;color:var(--text)}.reading-pane__from{display:flex;align-items:center;gap:var(--space-3)}.reading-pane__from-info{flex:1;min-width:0}.reading-pane__from-name{font-weight:600;color:var(--text)}.reading-pane__from-addr{color:var(--text-dim);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-pane__date{color:var(--text-faint);font-size:var(--fs-sm);flex-shrink:0;font-variant-numeric:tabular-nums}.reading-pane__recips{margin-top:var(--space-3);font-size:var(--fs-sm);color:var(--text-dim);display:flex;flex-direction:column;gap:2px}.reading-pane__recips strong{color:var(--text-faint);font-weight:600;margin-right:4px}.reading-pane__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.rp-action{display:inline-flex;align-items:center;gap:6px;padding:8px var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-1);color:var(--text-dim);font-size:var(--fs-sm);font-weight:600;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-spring)}.rp-action:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.rp-action:active{transform:scale(.96)}.rp-action--primary{background:var(--accent-soft);color:var(--accent);border-color:transparent}.rp-action--primary:hover{background:var(--accent-soft);color:var(--accent);filter:brightness(1.08);border-color:var(--accent-ring)}.email-body{margin-top:var(--space-2);animation:fade-in var(--dur-slow) var(--ease-out)}.email-body__banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px var(--space-3);margin-bottom:var(--space-3);font-size:var(--fs-sm);color:var(--text-dim)}.email-body__show-images{border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text);border-radius:var(--radius-xs);padding:6px 12px;font-weight:500;white-space:nowrap;transition:background-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.email-body__show-images:hover{background:var(--surface-hover);transform:translateY(-1px)}.email-body__show-images:active{transform:scale(.96)}.email-body__frame{display:block;border-radius:var(--radius-sm);border:1px solid var(--border)}.reading-pane__attachments{margin-top:var(--space-5);font-size:var(--fs-sm);border-top:1px solid var(--border);padding-top:var(--space-4)}.reading-pane__attachments-title{font-weight:600;color:var(--text-dim);margin-bottom:var(--space-2)}.reading-pane__attachments ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2)}.reading-pane__attachments li{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px var(--space-3);color:var(--text);transition:background-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.reading-pane__attachments li:hover{background:var(--surface-hover);transform:translateY(-1px)}.compose__backdrop{position:fixed;inset:0;background:#05070c8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:50;animation:backdrop-in var(--dur) var(--ease-out)}.compose{position:fixed;right:var(--space-5);bottom:var(--space-5);width:560px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);display:flex;flex-direction:column;z-index:51;overflow:hidden;animation:compose-in var(--dur-slow) var(--ease-spring)}.compose--loading{padding:var(--space-5);color:var(--text-dim)}.compose__head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface-2);color:var(--text);font-weight:600;border-bottom:1px solid var(--border)}.compose__close{background:none;border:none;color:var(--text-dim);width:30px;height:30px;border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.compose__close:hover{background:var(--surface-hover);color:var(--text)}.compose__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.compose__field,.compose__textarea{width:100%;padding:11px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;background:var(--surface-0);color:var(--text);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.compose__field::placeholder,.compose__textarea::placeholder{color:var(--text-faint)}.compose__field:focus,.compose__textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.compose__textarea{resize:vertical;min-height:200px;line-height:1.6}.compose__error{color:var(--danger);font-size:var(--fs-sm);background:var(--danger-soft);padding:8px var(--space-3);border-radius:var(--radius-xs)}.compose__attachments{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);color:var(--text-dim)}.compose__attachments li{display:flex;align-items:center;gap:6px;background:var(--surface-2);border-radius:var(--radius-xs);padding:6px var(--space-2)}.compose__foot{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface-2)}.compose__send{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--grad-cta);color:var(--text-on-accent);border:none;border-radius:var(--radius-pill);padding:10px 24px;font-weight:650;box-shadow:var(--shadow-glow);transition:transform var(--dur) var(--ease-spring),filter var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.compose__send:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.compose__send:active:not(:disabled){transform:scale(.97)}.compose__send:disabled{opacity:.6;cursor:progress}.compose__attach-btn{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);font-size:var(--fs-sm);padding:8px var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.compose__attach-btn:hover{background:var(--surface-hover);color:var(--text)}.spinner{width:15px;height:15px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.login{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg)}.login__aurora{position:absolute;inset:-20%;pointer-events:none;z-index:0;filter:blur(80px);opacity:.55}.login__aurora:before,.login__aurora:after{content:"";position:absolute;width:50vmax;height:50vmax;border-radius:45%}.login__aurora:before{top:0;left:5%;background:radial-gradient(circle,#7c5cff 0%,transparent 65%);animation:aurora 22s linear infinite}.login__aurora:after{bottom:0;right:5%;background:radial-gradient(circle,#2f9bff 0%,transparent 65%);animation:aurora 28s linear infinite reverse}.login__card{position:relative;z-index:1;width:380px;max-width:calc(100vw - 32px);background:var(--glass-bg);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-3);animation:float-up var(--dur-slow) var(--ease-out)}.login__brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.login__logo .logo__svg{filter:drop-shadow(0 6px 18px rgba(236,120,51,.4))}.login__title{margin:0;text-align:center;font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em}.login__subtitle{margin:0;text-align:center;color:var(--text-dim);font-size:var(--fs-sm)}.login__label{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-sm);font-weight:500;color:var(--text-dim)}.login__label input{padding:12px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;background:var(--surface-0);color:var(--text);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.login__label input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.login__submit{padding:13px;border:none;border-radius:var(--radius-sm);background:var(--grad-cta);color:var(--text-on-accent);font-weight:650;font-size:var(--fs-md);box-shadow:var(--shadow-glow);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:transform var(--dur) var(--ease-spring),filter var(--dur) var(--ease-out)}.login__submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.login__submit:active:not(:disabled){transform:scale(.98)}.login__submit:disabled{opacity:.7;cursor:progress}.login__error{color:var(--danger);font-size:var(--fs-sm);background:var(--danger-soft);padding:10px var(--space-3);border-radius:var(--radius-xs);animation:float-up var(--dur) var(--ease-out)}.login__note{text-align:center;color:var(--text-faint);font-size:var(--fs-xs);margin:0}@media (max-width: 1080px){:root{--sidebar-w: 220px;--list-w: 340px}}@media (max-width: 860px){.app__main{grid-template-columns:64px 1fr}.reading-pane{position:fixed;inset:var(--topbar-h) 0 0 0;z-index:30;border-left:1px solid var(--border)}.sidebar__compose-text,.sidebar__name,.sidebar__badge{display:none}.sidebar{padding:var(--space-3) var(--space-2)}.topbar__email{display:none}}@media (max-width: 560px){.topbar__brand .logo__wordmark{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}