@import url("https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--font-main:"Google Sans","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--primary:#1a73e8;--primary-hover:#1765cc;--primary-light:#e8f0fe;--primary-dark:#1557b0;--secondary:#5f6368;--success:#1e8e3e;--success-light:#e6f4ea;--warning:#f29900;--warning-light:#fef7e0;--danger:#d93025;--danger-light:#fce8e6;--purple:#9334e6;--purple-light:#f3e8fd;--bg-app:#f6f8fc;--bg-surface:#ffffff;--bg-surface-secondary:#edf2fc;--bg-surface-hover:#eaf1fb;--bg-active:#d3e3fd;--text-active:#041e49;--text-primary:#1f1f1f;--text-secondary:#444746;--text-muted:#727775;--border-subtle:#e0e2e0;--border-light:#e8eaed;--border-focus:#1a73e8;--shadow-sm:0 1px 2px 0 rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15);--shadow-md:0 1px 3px 0 rgba(60,64,67,0.3),0 4px 8px 3px rgba(60,64,67,0.15);--shadow-lg:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-compose:0 8px 24px rgba(60,64,67,0.28);--shadow-popup:0 4px 20px rgba(0,0,0,0.15);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}[data-theme=dark]{--bg-app:#111318;--bg-surface:#1e1f20;--bg-surface-secondary:#282a2c;--bg-surface-hover:#333538;--bg-active:#004a77;--text-active:#c2e7ff;--text-primary:#e3e3e3;--text-secondary:#c4c7c5;--text-muted:#8e918f;--border-subtle:#444746;--border-light:#2c2d2e;--border-focus:#8ab4f8;--primary:#8ab4f8;--primary-hover:#aecbfa;--primary-light:#172b4d;--primary-dark:#d2e3fc;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.6);--shadow-md:0 4px 8px 0 rgba(0,0,0,0.6);--shadow-compose:0 8px 32px rgba(0,0,0,0.85);--shadow-popup:0 8px 24px rgba(0,0,0,0.7)}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(120,120,120,.25);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(120,120,120,.45)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .1s ease}.btn-icon:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.btn-icon:active{transform:scale(.94)}.fab-compose{display:inline-flex;align-items:center;gap:12px;padding:0 24px 0 16px;height:56px;background-color:#c2e7ff;color:#001d35;border:none;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15);transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.1px}[data-theme=dark] .fab-compose{background-color:#004a77;color:#c2e7ff}.fab-compose:hover{box-shadow:0 2px 6px 0 rgba(60,64,67,.3),0 6px 12px 4px rgba(60,64,67,.15);background-color:#b5e1ff;transform:translateY(-1px)}[data-theme=dark] .fab-compose:hover{background-color:#005a91}.mail-row{display:flex;align-items:center;padding:0 16px;height:48px;border-bottom:1px solid var(--border-light);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .1s ease,box-shadow .1s ease;position:relative}.mail-row,.mail-row.unread{background-color:var(--bg-surface)}.mail-row.unread{font-weight:700}.mail-row.read{background-color:rgba(242,246,252,.6);font-weight:400}[data-theme=dark] .mail-row.read{background-color:rgba(30,31,32,.6)}.mail-row:hover{box-shadow:inset 1px 0 0 #dadce0,inset -1px 0 0 #dadce0,0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);z-index:2}.mail-row.selected{background-color:var(--bg-active)!important}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-subtle{animation:pulse-subtle 2s cubic-bezier(.4,0,.6,1) infinite}blockquote,blockquote.gmail_quote{margin:8px 0 0 .8ex;border-left:1px solid #cccccc;padding-left:1ex;color:var(--text-secondary)}[data-theme=dark] blockquote,[data-theme=dark] blockquote.gmail_quote{border-left-color:#555555;color:#aaaaaa}.gmail_attr{font-size:13px;color:var(--text-secondary);margin-bottom:4px}