.app-frame{--paper:oklch(99% 0.003 21);--page:oklch(96.5% 0.004 21);--ink:oklch(20.5% 0.005 21);--s-50:#f9fafb;--s-100:#f3f4f6;--s-200:#e5e7eb;--s-300:#d1d5db;--s-400:#9ca3af;--s-500:#6b7280;--s-600:#4b5563;--s-700:#374151;--s-800:#1f2937;--s-900:#111827;--signal-coral:#fe5b5b;--signal-coral-hover:#f03636;--signal-coral-dark:#c72424;--signal-coral-light:#ffe9e9;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-pill:9999px;--sidebar-w:220px;--topbar-h:52px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 8px 24px rgb(0 0 0/0.10);--focus-ring:0 0 0 3px rgba(254,91,91,0.18);--signal-green-light:#ecfdf5;--signal-green-dark:#047857;--signal-mint-dark:#047857;--success:#16a34a;--success-bg:#dcfce7;--success-fg:#166534;--warn:#d97706;--warn-bg:#fef3c7;--warn-fg:#92400e;--err:#dc2626;--err-bg:#fee2e2;--err-fg:#991b1b;--info-bg:#eef2ff;--info-fg:#4338ca;--err-border:color-mix(in srgb,var(--err) 40%,transparent);--warn-border:color-mix(in srgb,var(--warn) 40%,transparent);--coral-border:color-mix(in srgb,var(--signal-coral) 40%,transparent);color:var(--ink);background:var(--page);font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;letter-spacing:-.005em}.dark .app-frame{--paper:oklch(18% 0.005 21);--page:oklch(13% 0.004 21);--ink:oklch(95% 0.005 21);--s-50:#1a1a1a;--s-100:#1f2024;--s-200:#2a2c30;--s-300:#3a3c42;--s-400:#4d5058;--s-500:#6e7178;--s-600:#9aa0a8;--s-700:#c5cad2;--s-800:#e3e7ee;--s-900:#f4f6fa;--signal-coral-light:#3d2020;--signal-coral-dark:#ff9999;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.4);--shadow-md:0 8px 24px rgb(0 0 0/0.5);--focus-ring:0 0 0 3px rgba(254,91,91,0.35);--signal-green-light:#14321f;--signal-green-dark:#86efac;--signal-mint-dark:#86efac;--success:#4ade80;--success-bg:#14321f;--success-fg:#86efac;--warn:#fbbf24;--warn-bg:#3a2a0a;--warn-fg:#fde68a;--err:#f87171;--err-bg:#3a1414;--err-fg:#fca5a5;--info-bg:#1e1b3a;--info-fg:#c7d2fe}.app-frame .sidebar-nav-item{background:transparent}.app-frame .sidebar-nav-item[data-active]{background:var(--signal-coral-light)}.app-frame .sidebar-nav-item:not([data-active]):hover{background:var(--s-50)}.app-frame .sidebar-quick-find{background:var(--page)}.app-frame .sidebar-quick-find:hover{background:var(--paper);border-color:var(--s-300)}.app-frame .sidebar-menu-item{background:transparent}.app-frame .sidebar-menu-item:hover{background:var(--s-50)}.app-frame .sidebar-user-chip{background:none}.app-frame .sidebar-user-chip:hover,.app-frame .sidebar-user-chip[data-open]{background:var(--s-50)}.app-frame .subnav-item{background:transparent}.app-frame .subnav-item[data-selected]{background:var(--s-100)}.app-frame .subnav-item:not([data-selected]):hover{background:var(--s-50)}.app-frame .banner-btn{transition:opacity .12s ease}.app-frame .banner-btn:hover{opacity:.85}.app-frame .banner-btn:active{opacity:.7}.app-frame .mono,.app-frame code{font-family:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,monospace;font-feature-settings:"zero","ss01"}.app-frame :focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}.app-frame{--list-w:360px}.app-frame .inbox{display:grid;grid-template-columns:var(--list-w) 1fr;flex:1;min-height:0;height:calc(100vh - var(--topbar-h))}.app-frame .list-pane{background:var(--paper);border-right:1px solid var(--s-200);display:flex;flex-direction:column;min-height:0}.app-frame .view-tabs{display:flex;align-items:stretch;gap:0;padding:0 8px;border-bottom:1px solid var(--s-200);background:var(--paper)}.app-frame .view-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--s-500);padding:10px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.app-frame .view-tab:hover{color:var(--ink)}.app-frame .view-tab.is-active{color:var(--ink);border-bottom-color:var(--signal-coral)}.app-frame .view-tab-count{font-size:11px;font-weight:500;color:var(--s-500);background:var(--s-100);padding:1px 6px;border-radius:var(--r-pill);min-width:18px;text-align:center}.app-frame .view-tab.is-active .view-tab-count{background:var(--signal-coral-light);color:var(--signal-coral-dark)}.app-frame .view-tab-count.is-unread{background:var(--signal-coral);color:var(--paper)}.app-frame .view-refresh{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;margin-left:auto;margin-right:4px;padding:8px;color:var(--s-500);cursor:pointer;display:inline-flex;align-items:center;border-radius:var(--r-md)}.app-frame .view-refresh:hover{color:var(--ink);background:var(--s-50)}.app-frame .view-refresh:disabled{cursor:default;opacity:.6}.app-frame .view-refresh .spin{animation:app-spin .8s linear infinite;will-change:transform}@keyframes app-spin{to{transform:rotate(1turn)}}.app-frame .list-filters{display:flex;align-items:center;gap:6px;padding:10px 16px;border-bottom:1px solid var(--s-200);flex-wrap:wrap;position:relative}.app-frame .chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--s-200);background:var(--paper);font-size:12px;font-weight:500;color:var(--s-700);cursor:pointer;font-family:inherit}.app-frame .chip:hover{background:var(--s-50)}.app-frame .chip.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.app-frame .filter-dropdown{position:absolute;top:42px;left:16px;min-width:280px;max-width:320px;background:var(--paper);border:1px solid var(--s-200);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:4px;z-index:40}.app-frame .filter-search{width:100%;height:34px;padding:0 10px;border:none;outline:none;border-bottom:1px solid var(--s-200);font-family:inherit;font-size:13px;background:transparent;color:var(--ink)}.app-frame .filter-list{max-height:300px;overflow-y:auto;padding:4px}.app-frame .filter-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-md);cursor:pointer;font-size:13px;color:var(--ink)}.app-frame .filter-item:hover{background:var(--s-50)}.app-frame .filter-item.is-current{background:var(--signal-coral-light);color:var(--signal-coral-dark);font-weight:500}.app-frame .filter-item .meta{color:var(--s-500);font-size:11px;margin-left:auto}.app-frame .filter-section-label{font-size:11px;font-weight:500;color:var(--s-500);letter-spacing:.04em;text-transform:uppercase;padding:8px 10px 4px}.app-frame .spam-bulk{display:flex;align-items:center;padding:8px 16px;background:var(--s-50);border-bottom:1px solid var(--s-200);gap:8px}.app-frame .spam-bulk-link{margin-left:auto;font-size:12px;font-weight:500;color:var(--signal-coral-dark);text-decoration:none}.app-frame .spam-bulk-link:hover{text-decoration:underline}.app-frame .spam-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--s-50);border:1px solid var(--s-200);border-radius:var(--r-md);margin:0 0 24px;max-width:68ch}.app-frame .list-count{padding:6px 16px;font-size:12px;color:var(--s-500);border-bottom:1px solid var(--s-100)}.app-frame .list-scroll{flex:1;overflow-y:auto;min-height:0}.app-frame .list-empty{padding:48px 24px;color:var(--s-500);font-size:13px;text-align:center}.app-frame .inbox-empty{display:grid;place-items:center;flex:1;height:calc(100vh - var(--topbar-h));padding:32px;background:var(--page)}.app-frame .inbox-empty-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;max-width:420px;padding:36px 28px;background:var(--paper);border:1px solid var(--s-200);border-radius:var(--r-lg)}.app-frame .inbox-empty-card h2{font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0}.app-frame .inbox-empty-card p{font-size:13px;color:var(--s-500);line-height:1.55;margin:0 0 8px;max-width:36ch}.app-frame .empty-state{display:grid;place-items:center;padding:32px 24px;background:var(--page)}.app-frame .empty-state-page{flex:1;min-height:calc(100vh - var(--topbar-h) - 48px)}.app-frame .empty-state-inline{padding:32px 16px;background:transparent}.app-frame .empty-state-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;width:100%;max-width:520px;padding:40px 32px;background:var(--paper);border:1px solid var(--s-200);border-radius:var(--r-lg)}.app-frame .empty-state-inline .empty-state-card{padding:28px 24px;max-width:460px}.app-frame .empty-state-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:6px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--primary) 12%,var(--paper));color:var(--primary)}.app-frame .empty-state-icon>svg{width:28px;height:28px}.app-frame .empty-state-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--s-500)}.app-frame .empty-state-title{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.app-frame .empty-state-body{margin:0;font-size:13px;line-height:1.6;color:var(--s-500);max-width:44ch}.app-frame .empty-state-steps{list-style:none;margin:14px 0 4px;padding:0;width:100%;display:flex;flex-direction:column;gap:10px;text-align:left}.app-frame .empty-state-step{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--s-50);border:1px solid var(--s-100);border-radius:var(--r-md)}.app-frame .empty-state-step-num{flex-shrink:0;display:grid;place-items:center;width:22px;height:22px;border-radius:var(--r-pill);background:var(--paper);border:1px solid var(--s-200);font-size:11px;font-weight:600;color:var(--s-600);line-height:1}.app-frame .empty-state-step-body{flex:1;min-width:0}.app-frame .empty-state-step-title{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:2px}.app-frame .empty-state-step-text{font-size:12.5px;color:var(--s-600);line-height:1.55}.app-frame .empty-state-step-text code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;padding:1px 5px;background:var(--paper);border:1px solid var(--s-200);border-radius:4px;color:var(--ink)}.app-frame .empty-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.app-frame .empty-state-footnote{margin-top:4px;font-size:12px;color:var(--s-500)}.app-frame .empty-state-footnote a{color:var(--primary);font-weight:500;text-decoration:none}.app-frame .empty-state-footnote a:hover{text-decoration:underline}@media (max-width:560px){.app-frame .empty-state-card{padding:28px 18px}.app-frame .empty-state-title{font-size:17px}}.app-frame .first-run-hero{position:relative;margin:24px 28px 16px;padding:24px 24px 22px;background:var(--paper);border:1px solid var(--s-200);border-radius:var(--r-lg);display:grid;gap:18px}.app-frame .first-run-hero-header{display:flex;flex-direction:column;gap:6px;position:relative}.app-frame .first-run-hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-coral-dark)}.app-frame .first-run-hero-dot{width:6px;height:6px;border-radius:var(--r-pill);background:var(--signal-coral);box-shadow:0 0 0 4px color-mix(in srgb,var(--signal-coral) 18%,transparent)}.app-frame .first-run-hero-title{margin:0;font-size:20px;font-weight:600;letter-spacing:-.015em;color:var(--ink);line-height:1.25}.app-frame .first-run-hero-lead{margin:0;font-size:13.5px;line-height:1.6;color:var(--s-600);max-width:64ch}.app-frame .first-run-hero-lead strong{color:var(--ink);font-weight:600}.app-frame .first-run-hero-rename{display:inline-flex;align-items:center;gap:4px;margin-left:6px;font-size:12.5px;font-weight:500;color:var(--signal-coral-dark);text-decoration:none;white-space:nowrap}.app-frame .first-run-hero-rename:hover{text-decoration:underline}.app-frame .first-run-hero-close{position:absolute;top:0;right:0;width:28px;height:28px;display:grid;place-items:center;background:transparent;border:none;color:var(--s-500);cursor:pointer;border-radius:var(--r-md)}.app-frame .first-run-hero-close:hover{background:var(--s-100);color:var(--ink)}.app-frame .first-run-hero-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:720px){.app-frame .first-run-hero-fields{grid-template-columns:1fr}}.app-frame .first-run-hero-field{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--s-50);border:1px solid var(--s-100);border-radius:var(--r-md);min-width:0}.app-frame .first-run-hero-field-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--s-500)}.app-frame .first-run-hero-reveal{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:transparent;border:none;border-radius:var(--r-sm);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--s-600);cursor:pointer}.app-frame .first-run-hero-reveal:hover{background:var(--s-100);color:var(--ink)}.app-frame .first-run-hero-field-value{display:flex;align-items:center;gap:8px;min-width:0}.app-frame .first-run-hero-field-value code{flex:1;min-width:0;font-family:ui-monospace,Geist Mono,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--ink);background:transparent;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-frame .first-run-hero-copy{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;background:var(--paper);border:1px solid var(--s-200);border-radius:var(--r-sm);font-size:11.5px;font-weight:500;color:var(--s-700);cursor:pointer;flex-shrink:0}.app-frame .first-run-hero-copy:hover{background:var(--s-50);border-color:var(--s-300);color:var(--ink)}.app-frame .first-run-hero-code{background:#0d1117;border:1px solid #1f242c;border-radius:var(--r-md);overflow:hidden}.app-frame .first-run-hero-code-chrome{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #1f242c;background:#11161d}.app-frame .first-run-hero-code-filename{font-family:ui-monospace,Geist Mono,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:#8b949e}.app-frame .first-run-hero-code-copy{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;background:transparent;border:1px solid #30363d;border-radius:var(--r-sm);font-size:11.5px;font-weight:500;color:#c9d1d9;cursor:pointer}.app-frame .first-run-hero-code-copy:hover{background:#1f242c;border-color:#484f58;color:#f0f6fc}.app-frame .first-run-hero-pre{margin:0;padding:14px 16px;font-family:ui-monospace,Geist Mono,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.65;color:#c9d1d9;background:#0d1117;overflow-x:auto;white-space:pre;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.app-frame .first-run-hero-pre code{background:transparent;padding:0;font-size:inherit;color:inherit}.app-frame .first-run-hero-pre .hl-tag{color:#ff7b72}.app-frame .first-run-hero-pre .hl-attr{color:#d2a8ff}.app-frame .first-run-hero-pre .hl-str{color:#a5d6ff}.app-frame .first-run-hero-pre .hl-line{display:block}.app-frame .first-run-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.app-frame .first-run-hero-test{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:var(--primary);border:1px solid var(--primary);border-radius:var(--r-md);color:white;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .12s ease-out}.app-frame .first-run-hero-test:hover:not(:disabled){opacity:.88}.app-frame .first-run-hero-test:active:not(:disabled){opacity:.78}.app-frame .first-run-hero-test:disabled{cursor:progress;opacity:.7}.app-frame .first-run-hero-secondary{display:inline-flex;align-items:center;height:36px;padding:0 12px;background:var(--paper);border:1px solid var(--s-200);border-radius:var(--r-md);color:var(--ink);font-size:13px;font-weight:500;text-decoration:none}.app-frame .first-run-hero-secondary:hover{background:var(--s-50);border-color:var(--s-300)}.app-frame .first-run-hero-tip{margin:-4px 0 0;font-size:12.5px;color:var(--s-500);line-height:1.5}.app-frame .first-run-hero-error{display:inline-flex;align-items:center;gap:6px;margin:-4px 0 0;font-size:12.5px;color:var(--signal-coral-dark);line-height:1.5}.app-frame .first-run-hero-spinner{animation:first-run-spin .7s linear infinite}@keyframes first-run-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.app-frame .first-run-hero-spinner{animation:none}}.app-frame .first-run-banner{display:flex;align-items:center;gap:10px;margin:16px 28px 0;padding:10px 14px;background:color-mix(in srgb,var(--signal-coral) 6%,var(--paper));border:1px solid color-mix(in srgb,var(--signal-coral) 25%,var(--s-200));border-radius:var(--r-md);font-size:13px;color:var(--ink)}.app-frame .first-run-banner-dot{width:6px;height:6px;border-radius:var(--r-pill);background:var(--signal-coral);flex-shrink:0}.app-frame .first-run-banner-text{flex:1;color:var(--s-700)}.app-frame .first-run-banner-text strong{color:var(--ink);font-weight:600}.app-frame .first-run-banner-toggle{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;background:var(--paper);border:1px solid var(--s-200);border-radius:var(--r-sm);font-size:12px;font-weight:500;color:var(--ink);cursor:pointer}.app-frame .first-run-banner-toggle:hover{background:var(--s-50);border-color:var(--s-300)}.app-frame .first-run-banner-dismiss{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:none;border:1px solid transparent;border-radius:var(--r-sm);color:var(--s-400);cursor:pointer;flex-shrink:0}.app-frame .first-run-banner-dismiss:hover{background:var(--s-50);border-color:var(--s-200);color:var(--ink)}@media (max-width:720px){.app-frame .first-run-hero{margin:16px 16px 8px;padding:18px 16px 16px}.app-frame .first-run-hero-title{font-size:18px}.app-frame .first-run-banner{margin:12px 16px 0}}.app-frame .list-loadmore{padding:16px;text-align:center;font-size:12px;color:var(--s-500)}.app-frame .list-loadmore-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--s-200);color:var(--s-700);font-family:inherit;font-size:12px;font-weight:500;padding:6px 12px;border-radius:var(--r-md);cursor:pointer}.app-frame .list-loadmore-btn:hover{background:var(--s-50);color:var(--ink)}.app-frame .list-end{padding:16px;text-align:center;font-size:11px;color:var(--s-400)}.app-frame .row{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-bottom:1px solid var(--s-100);cursor:pointer;position:relative}.app-frame .row:hover{background:var(--s-50)}.app-frame .row.is-selected{background:var(--signal-coral-light)}.app-frame .row.is-selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--signal-coral)}.app-frame .row.is-unread .sender{font-weight:600}.app-frame .row.is-unread .dot-unread{position:absolute;left:6px;top:18px;width:6px;height:6px;border-radius:50%;background:var(--signal-coral)}.app-frame .row.is-spam .sender{color:var(--s-600);font-weight:500}.app-frame .row.is-spam .subject{color:var(--s-600)}.app-frame .row.is-spam .preview{color:var(--s-500)}.app-frame .row.is-spam .status-dot{background:var(--s-400)}.app-frame .row.is-spam.is-selected .preview,.app-frame .row.is-spam.is-selected .sender,.app-frame .row.is-spam.is-selected .subject{color:var(--ink)}.app-frame .row-top{display:flex;align-items:baseline;gap:8px}.app-frame .sender{flex:1;font-size:13px;color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-frame .row .time{font-size:11px;color:var(--s-500);flex-shrink:0;font-variant-numeric:tabular-nums}.app-frame .subject{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-frame .preview{font-size:12px;color:var(--s-500);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.app-frame .row-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.app-frame .form-tag{font-size:11px;color:var(--s-500);background:var(--s-100);padding:1px 6px;border-radius:var(--r-sm);font-family:var(--font-geist-mono),ui-monospace,monospace;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-frame .status-dot{width:6px;height:6px;border-radius:50%;background:var(--s-400);flex-shrink:0}.app-frame .status-dot.ok{background:var(--success)}.app-frame .status-dot.warn{background:var(--warn)}.app-frame .status-dot.err{background:var(--err)}.app-frame .spam-reason,.app-frame .status-label{font-size:11px;color:var(--s-500)}.app-frame .spam-reason{font-style:italic;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.app-frame .spam-conf{font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:10px;color:var(--s-500);background:var(--s-100);padding:1px 5px;border-radius:var(--r-sm);margin-left:4px}.app-frame .detail-pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--paper)}.app-frame .detail-empty{display:grid;place-items:center;height:100%;color:var(--s-500);font-size:13px}.app-frame .detail-header{padding:16px 24px 0;border-bottom:1px solid var(--s-200);background:var(--paper)}.app-frame .detail-meta-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.app-frame .detail-from-avatar{width:36px;height:36px;border-radius:var(--r-pill);background:var(--s-200);color:var(--s-700);display:grid;place-items:center;font-weight:500;font-size:13px;flex-shrink:0}.app-frame .detail-from-avatar.muted{background:var(--s-100);color:var(--s-500)}.app-frame .detail-from{display:flex;flex-direction:column;min-width:0;flex:1}.app-frame .detail-from .name{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-frame .detail-from .email{font-size:12px;color:var(--s-500);font-family:var(--font-geist-mono),ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-frame .detail-actions{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.app-frame .detail-tabs{display:flex;gap:2px;margin-top:16px}.app-frame .detail-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 14px;font-size:13px;font-weight:500;color:var(--s-500);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;font-family:inherit;margin-bottom:-1px}.app-frame .detail-tab:hover{color:var(--ink)}.app-frame .detail-tab.is-active{color:var(--ink);border-bottom-color:var(--signal-coral)}.app-frame .detail-body{flex:1;overflow-y:auto;padding:24px 32px 48px;background:var(--paper);min-height:0}.app-frame .detail-subject{font-size:22px;font-weight:600;letter-spacing:-.015em;margin:0 0 16px;line-height:1.25}.app-frame .message-body{font-size:15px;line-height:1.65;color:var(--ink);max-width:68ch;white-space:pre-wrap;word-break:break-word}.app-frame .detail-aside{margin-top:32px;padding:16px;border:1px solid var(--s-200);border-radius:var(--r-md);background:var(--page);max-width:68ch}.app-frame .kv{display:grid;grid-template-columns:110px 1fr;gap:6px 16px;font-size:12px;margin:0}.app-frame .kv dt{color:var(--s-500);font-family:var(--font-geist-mono),ui-monospace,monospace;font-weight:400}.app-frame .kv dd{margin:0;color:var(--ink);word-break:break-word}.app-frame .ai-reply-card{margin-top:24px;padding:16px 18px;border:1px solid var(--s-200);border-radius:var(--r-md);background:var(--page);max-width:68ch}.app-frame .ai-reply-head{display:flex;align-items:center;gap:8px;color:var(--s-600);margin-bottom:10px}.app-frame .ai-reply-head svg{color:var(--signal-coral);flex-shrink:0}.app-frame .ai-reply-title{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--ink)}.app-frame .ai-reply-meta{font-size:11px;color:var(--s-500);margin-left:auto;font-variant-numeric:tabular-nums}.app-frame .ai-reply-body{font-size:13px;line-height:1.6;color:var(--s-700);white-space:pre-wrap;word-break:break-word}.app-frame .ai-reply-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:6px 0 0;margin-top:4px;font-family:inherit;font-size:12px;font-weight:500;color:var(--signal-coral-dark);cursor:pointer}.app-frame .ai-reply-toggle:hover{text-decoration:underline}.app-frame .delivery-timeline{list-style:none;padding:0;margin:16px 0 0;max-width:68ch}.app-frame .delivery-timeline li{display:grid;grid-template-columns:24px 1fr auto;align-items:start;gap:12px;padding:12px 0;border-bottom:1px solid var(--s-100)}.app-frame .delivery-timeline li:last-child{border-bottom:none}.app-frame .delivery-timeline .marker{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--s-100)}.app-frame .delivery-timeline .marker.ok{background:var(--success-bg);color:var(--success-fg)}.app-frame .delivery-timeline .marker.warn{background:var(--warn-bg);color:var(--warn-fg)}.app-frame .delivery-timeline .marker.err{background:var(--err-bg);color:var(--err-fg)}.app-frame .delivery-timeline .what{font-weight:500;font-size:13px}.app-frame .delivery-timeline .detail-text{color:var(--s-500);font-size:12px;margin-top:2px}.app-frame .delivery-timeline time{color:var(--s-500);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.app-frame .detail-back{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-50);border:1px solid var(--s-200);padding:6px 12px 6px 10px;margin-right:8px;color:var(--ink);font:inherit;font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--r-pill);align-items:center;gap:4px;min-height:32px;flex-shrink:0}.app-frame .detail-back:hover{background:var(--s-100)}.app-frame .detail-back:active{background:var(--s-200)}@media (max-width:768px){.app-frame .inbox{grid-template-columns:1fr}.app-frame .inbox .detail-pane,.app-frame .inbox.show-detail .list-pane{display:none}.app-frame .inbox.show-detail .detail-pane{display:flex}.app-frame .detail-back{display:inline-flex}}.app-frame .page-container{max-width:1080px;margin:0 auto;padding:40px 48px 64px}@media (max-width:768px){.app-frame .page-container{padding:24px 16px 48px}}.app-frame .meta-grid{display:grid;grid-template-columns:260px 1fr;gap:48px}@media (max-width:900px){.app-frame .meta-grid{grid-template-columns:1fr;gap:16px}}.app-frame .meta-divider{border:none;border-top:1px solid var(--s-200);margin:40px 0}@media (max-width:768px){.app-frame .meta-divider{margin:28px 0}}.app-frame .scroll-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--s-200);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.app-frame .scroll-tabs::-webkit-scrollbar{display:none}.app-frame .scroll-tabs>*{flex-shrink:0}@media (max-width:640px){.app-frame .page-header{flex-wrap:wrap;height:auto!important;padding:10px 12px!important;gap:8px}.app-frame .page-header .page-header-subtitle{display:none}.app-frame .page-header .page-header-action{margin-left:auto}}.app-frame .mobile-topbar{display:none;position:sticky;top:0;z-index:30;align-items:center;gap:8px;height:var(--topbar-h);padding:0 12px;background:var(--paper);border-bottom:1px solid var(--s-200)}@media (max-width:767.98px){.app-frame .mobile-topbar{display:flex}}.app-frame .mobile-topbar-btn{height:40px;width:40px;display:inline-grid;place-items:center;background:transparent;border:none;border-radius:var(--r-md);color:var(--ink);cursor:pointer}.app-frame .mobile-topbar-btn:hover{background:var(--s-50)}@media (min-width:768px){.app-frame .mobile-topbar-btn--close{display:none}.app-frame .app-sidebar{position:sticky;top:0;align-self:flex-start;height:100vh;width:var(--sidebar-w)}}@media (max-width:767.98px){.app-frame .app-sidebar{display:flex!important;position:fixed;top:0;left:0;height:100vh;width:280px;max-width:85vw;z-index:60;transform:translateX(-100%);transition:transform .22s cubic-bezier(.2,.9,.2,1);box-shadow:var(--shadow-md)}.app-frame .app-sidebar.is-open{transform:translateX(0)}}.app-frame .sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:55;-webkit-tap-highlight-color:transparent}.app-frame .sidebar-backdrop.is-open{display:block}@media (min-width:768px){.app-frame .sidebar-backdrop{display:none!important}}.app-frame .edit-subnav-mobile{display:none;align-items:center;gap:4px;padding:8px 12px;background:var(--paper);border-bottom:1px solid var(--s-200);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;position:sticky;top:var(--topbar-h);z-index:9}.app-frame .edit-subnav-mobile::-webkit-scrollbar{display:none}.app-frame .edit-subnav-mobile>*{flex-shrink:0}@media (max-width:767.98px){.app-frame .edit-subnav-mobile{display:flex}}.app-frame .edit-subnav-mobile-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;border-radius:var(--r-pill);padding:6px 12px;font-size:13px;font-family:inherit;font-weight:500;color:var(--s-600);white-space:nowrap;cursor:pointer;min-height:32px;display:inline-flex;align-items:center;gap:6px}.app-frame .edit-subnav-mobile-item[data-selected]{background:var(--ink);color:var(--paper)}@media (max-width:640px){.app-frame .forms-table td[data-col=api],.app-frame .forms-table th[data-col=api]{display:none}.app-frame .header-action-btn{height:36px!important;padding-left:12px!important;padding-right:12px!important;font-size:13px!important}.app-frame .page-header a,.app-frame .page-header button{min-height:36px}.app-frame .page-header .page-header-action a,.app-frame .page-header .page-header-action button{height:auto!important;min-height:36px!important;padding:0 12px!important;font-size:13px!important}}.app-toast-viewport{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;width:100%;max-width:480px;padding:0 16px;pointer-events:none}.app-toast{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:12px;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.1);color:#fff;pointer-events:auto;animation:app-toast-in .25s cubic-bezier(.22,1,.36,1)}.app-toast-error{background:#dc2626;border-color:rgba(255,255,255,.12)}.app-toast-content{flex:1;min-width:0}.app-toast-title{margin:0;font-size:14px;font-weight:500;line-height:1.4}.app-toast-desc{margin:2px 0 0;font-size:13px;opacity:.8;line-height:1.4}.app-toast-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.app-toast-dismiss{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:rgba(255,255,255,.7);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;padding:4px 8px;border-radius:6px}.app-toast-dismiss:hover{color:#fff;background:rgba(255,255,255,.1)}.app-toast-action-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:none;color:#171717;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;padding:6px 12px;border-radius:6px}.app-toast-action-btn:hover{opacity:.88}@keyframes app-toast-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.app-toast{animation:none}}@media (max-width:560px){.app-toast-viewport{bottom:16px;max-width:100%;padding:0 12px}}@keyframes sk-pulse{0%,to{opacity:1}50%{opacity:.45}}.app-frame .sk{display:block;background:var(--s-200);border-radius:var(--r-sm);animation:sk-pulse 1.6s ease-in-out infinite}.app-frame .detail-back:hover{color:var(--ink);background:var(--s-50)}.v3-welcome-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(15,17,22,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px;animation:v3-welcome-fade .16s ease-out}.v3-welcome-card{position:relative;width:100%;max-width:540px;max-height:calc(100vh - 32px);overflow-y:auto;background:var(--paper);color:var(--ink);border:1px solid var(--s-200);border-radius:14px;box-shadow:var(--shadow-md);padding:28px 28px 24px;font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;animation:v3-welcome-pop .22s cubic-bezier(.2,.7,.3,1)}.v3-welcome-close{position:absolute;top:10px;right:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;width:28px;height:28px;border-radius:var(--r-md);cursor:pointer;color:var(--s-500);font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.v3-welcome-close:hover{background:var(--s-100);color:var(--ink)}.v3-welcome-emoji{font-size:32px;line-height:1;margin-bottom:12px}.v3-welcome-title{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.v3-welcome-lead{font-size:14px;line-height:1.5;color:var(--s-600);margin:0 0 16px}.v3-welcome-sections{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}.v3-welcome-section{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--s-50);border:1px solid var(--s-200);border-radius:var(--r-lg)}.v3-welcome-section-icon{flex:0 0 auto;font-size:18px;line-height:1.2;margin-top:1px}.v3-welcome-section-body{flex:1 1 auto;min-width:0}.v3-welcome-section-title{font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:2px}.v3-welcome-section-text{font-size:12.5px;line-height:1.5;color:var(--s-600)}.v3-welcome-next{background:var(--signal-coral-light);border:1px solid var(--coral-border);border-radius:var(--r-lg);padding:12px 14px;margin-bottom:14px}.v3-welcome-next-title{font-size:13px;font-weight:600;color:var(--signal-coral-dark);margin-bottom:6px}.v3-welcome-next-list{margin:0;padding-left:20px;font-size:12.5px;line-height:1.55;color:var(--ink);display:flex;flex-direction:column;gap:4px}.v3-welcome-next-list code{font-family:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,monospace;font-size:11.5px;padding:1px 5px;background:var(--paper);border:1px solid var(--s-200);border-radius:var(--r-sm)}.v3-welcome-tip{display:flex;align-items:center;gap:8px;font-size:12.5px;background:var(--info-bg);color:var(--info-fg);border-radius:var(--r-md);padding:8px 12px;margin-bottom:14px}.v3-welcome-tip kbd{font-family:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,monospace;font-size:11px;padding:1px 6px;border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--s-300);color:var(--ink)}.v3-welcome-notice{background:var(--s-50);border:1px solid var(--s-200);border-radius:var(--r-lg);padding:12px 14px;font-size:13px;color:var(--s-700);margin-bottom:14px}.v3-welcome-notice-sub{font-size:12px;color:var(--s-500);margin-top:4px}.v3-welcome-feedback{font-size:13px;color:var(--s-600);margin:0 0 20px}.v3-welcome-link{color:var(--signal-coral-dark);font-weight:500;text-decoration:none}.v3-welcome-link:hover{text-decoration:underline}.v3-welcome-actions{display:flex;justify-content:flex-end}.v3-welcome-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--signal-coral);color:white;font:inherit;font-weight:600;font-size:14px;padding:9px 18px;border-radius:var(--r-md);cursor:pointer;transition:background .12s ease}.v3-welcome-primary:hover{background:var(--signal-coral-hover)}.v3-welcome-primary:active{background:var(--signal-coral-dark)}@keyframes v3-welcome-fade{0%{opacity:0}to{opacity:1}}@keyframes v3-welcome-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.v3-welcome-backdrop,.v3-welcome-card{animation:none}}@media (max-width:560px){.v3-welcome-backdrop{padding:0;align-items:flex-end}.v3-welcome-card{max-width:100%;max-height:92vh;border-radius:16px 16px 0 0;padding:22px 18px 20px}.v3-welcome-title{font-size:18px}.v3-welcome-lead{font-size:13.5px}.v3-welcome-section{padding:10px 12px;gap:10px}.v3-welcome-section-icon{font-size:16px}.v3-welcome-section-title{font-size:13px}.v3-welcome-section-text{font-size:12.5px}.v3-welcome-actions{justify-content:stretch}.v3-welcome-primary{flex:1;padding:12px 18px}}