:root{--primary-color: #1a73e8;--primary-hover: #1557b0;--text-primary: #202124;--text-secondary: #5f6368;--border-color: #dadce0;--background-main: #f6f8fc;--background-white: #ffffff;--hover-bg: #f1f3f4;--selected-bg: #c2dbff;--compose-bg: #c2e7ff}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:Google Sans,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--background-main);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bdc1c6}button{font-family:inherit}::selection{background:#c2e7ff;color:#001d35}