.safe-area {
    width: 100%;
    height: 32px;
    background-color: var(--color-invert-1st);

    display: flex;
    align-items: center;
}

/* logo */
.safe-area__logo {
    margin-left: 8px;
    height: 20px;      /* gọn gàng, không đụng safe-area */
    width: auto;
    object-fit: contain;
}