#account-panel {
    box-sizing: border-box;
    width: min(430px, calc(100vw - 24px));
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    border: 2px solid #254653;
    border-radius: 22px;
    background: #fffaf0;
    color: #254653;
    padding: 24px;
    font: 16px/1.4 'HustleBody', sans-serif;
    touch-action: pan-y;
}
#account-panel::backdrop { background: #10353acc; }
#account-panel h2 { margin: 0 0 8px; font-family: 'HustleDisplay', sans-serif; }
#account-panel p { margin: 12px 0; }
#account-panel button, #account-panel input {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    margin: 6px 0;
    border: 1px solid #728e88;
    border-radius: 10px;
    padding: 10px 12px;
    font: inherit;
    color: #254653;
    background: #e4eddb;
    touch-action: manipulation;
}
#account-panel button { cursor: pointer; font-weight: 650; }
#account-panel input { background: white; }
#account-panel button:disabled { opacity: .5; cursor: default; }
#account-panel #account-close { width: auto; float: right; margin: -6px -6px 0 10px; }
#account-panel #account-google { min-height: 44px; margin: 12px 0; }
#account-panel small { display: block; color: #526e71; }
#account-panel [hidden] { display: none; }
#account-panel summary { cursor: pointer; margin: 12px 0; }
#account-panel .account-legal { margin-top: 8px; }
#account-panel .account-legal a { color: inherit; }