body {
    margin: 0;
    overflow: hidden;
    background-color: #f8f9fa;
    color: #202124;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

canvas {
    display: block;
    position: relative;
    z-index: 10;
}

/* Estilos Google Material Clean */
.google-panel {
    background: #ffffff;
    border: 1px solid #dadce0;
    box-shadow: 0 1px 3px rgba(60, 64, 67, 0.12), 0 1px 2px rgba(60, 64, 67, 0.24);
}

.google-input {
    background: #f1f3f4;
    border: 1px solid transparent;
    color: #202124;
    transition: all 0.2s ease;
}

.google-input:focus {
    background: #ffffff;
    border-color: #1a73e8;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.google-button {
    background: #ffffff;
    border: 1px solid #dadce0;
    color: #3c4043;
    transition: all 0.15s ease;
}

.google-button:hover {
    background: #f8f9fa;
    border-color: #d2e3fc;
    color: #174ea6;
}

.google-button-primary {
    background: #1a73e8;
    color: #ffffff;
    border: 1px solid transparent;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3);
    transition: all 0.15s ease;
}

.google-button-primary:hover {
    background: #1557b0;
    box-shadow: 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

.google-button-emerald {
    background: #1e8e3e;
    color: #ffffff;
    border: 1px solid transparent;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3);
    transition: all 0.15s ease;
}

.google-button-emerald:hover {
    background: #137333;
    box-shadow: 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}